Ang aspect ratio ng product image mo ang nagdedesisyon kung aling parte ng spec diagram mo ang hindi na makikita ng buyer. Mag-export ka ng 16:9 na dimension drawing, i-upload mo sa storefront na square ang thumbnail, at tatanggalin ng platform ang mga 22% ng lapad sa bawat gilid — doon mismo nakalagay ang leader lines at ang mga millimetre callout. Maganda pa rin ang tingin sa litrato. Wala na lang ang sukat.
Ito ang koleksyon ng mga crop na kumakain ng dimension labels: ano ang itsura ng bawat isa, bakit nangyayari, at anong export setting ang pumipigil dito. Lahat ng platform numbers sa baba ay galing sa sariling published documentation ng platform na iyon; lahat ng porsyento ay galing sa mismong aritmetika ng crop.
Ano talaga ang kinokontrol ng aspect ratio ng product image
Ang aspect ratio ng product image ay ang ratio ng lapad sa taas ng isang imahe — 1:1 square, 4:5 portrait, 3:2 o 16:9 landscape — at ito ang nagtatakda kung ano ang itinatabi ng storefront kapag pinasok nito ang file mo sa isang slot na fixed ang hugis. Halos hindi na naglalagay ng puting bar ang mga storefront para kasya ang product image; sa halip, kino-crop nila ito mula sa gitna para mapuno ang slot.
Isang ugali lang iyan pero doon na nakasalalay ang buong problema. Hindi kailanman tinatanggal ng center crop ang gitna ng litrato mo. Gilid ang tinatanggal nito — at sa gilid mo nilalagay ang mga numero.
Ito ang halaga ng center crop, puro aritmetika:
| Ini-export mo | Itsura ng slot | Natitira | Kabuuang nawala | Nawala kada gilid |
|---|---|---|---|---|
| 16:9 landscape | 1:1 square | 56.3% ng lapad | 43.7% | 21.9% |
| 3:2 landscape | 1:1 square | 66.7% ng lapad | 33.3% | 16.7% |
| 4:3 landscape | 1:1 square | 75% ng lapad | 25% | 12.5% |
| 1:1 square | 4:5 portrait | 80% ng lapad | 20% | 10% |
| 1:1 square | 2:3 portrait | 66.7% ng lapad | 33.3% | 16.7% |
| 4:5 portrait | 1:1 square | 80% ng taas | 20% | 10% (taas at baba) |
Basahin mo nang dalawang beses ang huling tatlong row kung iisang asset ang ipo-post mo sa marketplace grid at sa social catalogue. Ang eksaktong parehong file ay puputol sa magkabilang gilid sa isang lugar, at sa taas at baba naman sa kabila. Walang iisang export na makakaligtas sa dalawa dahil sa swerte — meron lang na makakaligtas sa dalawa dahil sinadya.
Anti-pattern 1: ang widescreen na spec diagram
Ganito ang itsura: magandang 1920 × 1080 na drawing ng sofa, nasa kaliwa ang overall width, nasa kanan ang seat depth, at may scale bar sa ibaba. Sa search grid, lalabas itong square na puno ng sofa at zero ang numero.
Bakit nangyayari: 16:9 ang default canvas ng halos lahat ng screen-recording at presentation tools, kaya naging default canvas na rin ito ng mga diagram. Ito rin ang pinakamalalang source ratio para sa square slot — 43.7% ng lapad nito ang nawawala.
Ang ayos: gumawa ng dimension diagrams sa square o 4:5 na canvas mula pa lang sa umpisa. Kung talagang malapad ang produkto, liitan mo ang produkto sa halip na lapadan ang canvas. Kaunting laki lang ang mawawala sa tingin, pero buo ang 100% ng annotation mo.
Anti-pattern 2: mga label na nakaparada sa pinakalabas na margin
Ganito ang itsura: dikit na dikit sa gilid ng frame ang mga numero, naka-align na parang technical drawing. Isang re-crop lang, wala na ang "1" ng "1200 mm" at naging "200 mm" na lang.
Bakit nangyayari: ugali sa drafting. Sa CAD, sa labas ng outline ng object talaga nakalagay ang dimensions. Sa marketplace, ang sa labas ng outline ay nasa loob ng crop zone.
Ang ayos: ituring mo ang gitnang 80% ng canvas bilang tanging safe area. Ang 10% margin sa bawat gilid ay hindi pamahiin — iyan mismo ang dami ng nauubos ng dalawang pinakakaraniwang conversion sa e-commerce, 1:1 papuntang 4:5 at 4:5 papuntang 1:1, na parehong nagtatanggal ng 10% kada apektadong gilid. Anumang hindi mo kayang mawala ay dapat nasa loob ng kahong iyon.
Ang image link requirements ng Google ay tumutulak sa parehong direksyon mula sa ibang anggulo: hinihiling ng Google na i-frame mo ang produkto para sakupin nito ang "hindi bababa sa 75%, pero hindi hihigit sa 90%, ng buong imahe." Ang produktong pumupuno ng 90% ng frame ay nag-iiwan sa iyo ng 10% na hininga sa kabuuan — kaya ang mga label na nakasalansan sa labas ng produkto ay nakaupo na sa crop line.
Anti-pattern 3: leader lines na lumalagpas sa gilid
Ganito ang itsura: may arrow na nagsisimula sa kaliwang gilid ng cabinet at tumuturo palabas ng canvas, papunta sa numerong wala na. Aakalain ng buyer na sira ang display, hindi na nawawalang label.
Bakit nangyayari: iginuhit ang annotation base sa hangganan ng orihinal na litrato, hindi base sa safe area.
Ang ayos: i-anchor ang bawat leader line para pareho ang dulo — ang sinusukat na gilid at ang text — nasa loob ng safe area. Ang dimension line na nagtatapos sa nakikitang arrowhead at nakikitang numero ay nakakaligtas sa crop bilang buong yunit. Nasa product photo callouts ang detalye ng paglalagay.
Anti-pattern 4: ang border
Ganito ang itsura: manipis na gray o black na frame sa paligid ng diagram, nilagay para magmukhang dokumento.
Bakit nangyayari: mukhang malinis ito sa PDF catalogue, tapos ginagamit ulit ang catalogue asset sa storefront.
Ang ayos: burahin mo. Diretsahan ang sabi ng Google: "Huwag gumamit ng imaheng may border." Bukod sa polisiya, ang border ang unang hinihiwa ng crop, kaya ang nakikita ng shopper ay sirang kalahating frame sa dalawang gilid — ang mukha mismo ng tamad na listing.
Anti-pattern 5: promotional text na katabi ng mga sukat
Ganito ang itsura: "Free shipping" at price flash sa sulok, katabi mismo ng lehitimong dimension callout.
Bakit nangyayari: isang designer, isang canvas, dalawang trabaho.
Ang ayos: paghiwalayin, at alamin ang linya. Ipinagbabawal ng image requirements ng Google ang calls to action, price information, promotional adjectives, watermarks, at brand o retailer names sa loob ng imahe maliban kung bahagi talaga ito ng produkto. Ang descriptive na dimension text ay hindi promotional text — ang label na "1200 mm" ay naglalarawan ng item gaya ng nakalimbag na size sa tag ng damit. Ang paghalo ng dalawa sa isang canvas ang dahilan kung bakit ang tunay na kapaki-pakinabang na spec image ay nahuhuli ng promotional-overlay filter.
Ito ang pinaka-madalas na sobrang naiitama na patakaran sa kategoryang ito. Narinig ng mga seller ang "bawal ang text sa images" kaya tinatanggal nila ang dimension labels, tapos nagtataka sila bakit dumarami ang tanong tungkol sa sukat bago bumili. Marketing copy ang target ng patakaran, hindi ang sukat.
Anti-pattern 6: masyadong maliit na export
Ganito ang itsura: 900 × 900 px na diagram na perpektong nababasa sa laptop mo pero nagiging gray na lugaw sa zoom view.
Bakit nangyayari: ini-export ang file base sa layout na tinitingnan mo ngayon, hindi base sa pinakamalaking slot na kayang i-render ng platform.
Ang ayos: mag-export nang malaki at hayaan ang platform na mag-downscale. Sabi ng image link requirements ng Google, dapat hindi bababa sa 500 × 500 px ang mga imahe at inirerekomenda nila ang 1500 × 1500 px pataas, na may hangganang 64 megapixels at 16 MB kada file. Ang manipis na stroke ng annotation at ang 2 mm ang taas na digit ang unang nasisira kapag pinalaki ang imahe, kaya ang floor na mahalaga para sa spec diagram ay hindi ang minimum ng platform — kundi kung ano man ang panatilihing nababasa ang pinakamaliit mong digit pagkatapos ng sariling compression ng platform.
Ang mga ratio na talagang may dokumentasyon
Karamihan sa mga marketplace ay inilalagay ang image rules nila sa loob ng seller console, sa likod ng login, kaya karamihan sa payo online ay hearsay lang. Ito ang mga mababasa mo nang publiko at kaya mong sipiin:
| Platform | Publikong dokumentadong gabay | Ano ang ibig sabihin sa annotation |
|---|---|---|
| Google Shopping / free listings | Hindi bababa sa 500 × 500 px; 1500 × 1500 px pataas ang rekomendado; max 64 MP at 16 MB; pumupuno ang produkto ng 75–90% ng frame; walang border; walang promotional overlay o watermark | Square-friendly at masikip ang framing, kaya ilagay ang callouts sa loob ng sariling bounding area ng produkto hangga't maaari |
| Rekomendado ang 2:3 ratio (1000 × 1500 px); ang mga Pin na lampas sa 2:4.2 na width-to-height ratio ay pinuputol sa feed | Dito, 16.7% kada gilid ang nawawala sa square na diagram; gumawa ng portrait variant sa halip na gamitin ulit ang square | |
| Shopify themes | Nire-render ang product media sa responsive na containers na kadalasan ay square; karaniwang humihingi ang theme code ng images sa 2048 px | Ang iisang ratio sa buong media set ng isang produkto ang pumipigil sa gallery na tumalon-talon |
Para sa Amazon, Walmart, eBay at Etsy, basahin ang kasalukuyang image requirements sa loob ng sarili mong seller console sa halip na magtiwala sa table sa isang blog — nagbabago ang mga page na iyon nang walang anunsyo, at ang bersyong kaya mong i-verify sa account mo ang siyang namamahala sa listing mo. Nasa safe zone ng listing photo ang cross-platform na tingin kung saan nagkakaiba ang mga panuntunang ito.
Paano tuluyang matigil ang pagkawala ng labels
Ang tunay na solusyon ay hindi mas magaling na hula sa crop, at hindi rin ang pagmememorya ng aspect ratio ng product image ng bawat platform. Ito ay ang pagtigil sa pagtrato sa diagram bilang litratong may text sa ibabaw, at pagsisimulang tratuhin itong sinukat na datos na nakakabit sa imahe.
Kapag naka-lock ang dimensions sa totoo at sinukat na gilid ng produkto — i-snap ang measurement sa gilid, hayaang manggaling ang posisyon ng label sa anchor na iyon — ang pag-export ulit sa 1:1, 4:5 at 2:3 ay nagiging re-render na lang sa halip na muling pagguhit. Nananatiling nakadikit ang mga numero sa sinusukat nila, at bawat export ay dumadapo sa target ratio na respetado na ang safe area. Ibang trabaho iyan sa ginagawa ng pangkaraniwang photo editor sa isang text box, at ibang-iba sa AI image generator, na kampanteng gagawa ng kapani-paniwalang "1200 mm" na hindi naman sinukat sa kahit ano. Mas masama ang kapani-paniwala kaysa sa wala: ang gawa-gawang numerong pinaniwalaan ng buyer ay return na naghihintay lang i-file. Pinaghambing ang mga tool na ginawa para dito sa mga tool na naglalagay ng sukat sa product photos, at ang parehong measured-export na lohika ang dahilan kung bakit magkakatugma ang multi-page na spec sheet sa buong catalogue.
Safe-area checklist bago mag-export
Gawin mo ito bago may lumabas na diagram sa computer mo:
- 1:1 o 4:5 ang canvas — hindi 16:9, hindi basta-bastang photo crop
- Lahat ng numero at arrowhead ay nasa loob ng gitnang 80% ng canvas
- Walang leader line na dumidikit o lumalabas sa gilid ng frame
- Walang border, walang drop shadow frame, walang pandekorasyong linya
- Walang presyo, walang "sale", walang watermark, walang logo sa parehong canvas ng mga sukat
- Hindi bababa sa 1500 px ang pinakamahabang gilid, wala pang 16 MB ang file
- Nababasa pa rin ang pinakamaliit na digit kapag na-scale ang file sa 300 px na thumbnail
- May portrait variant kung magpo-post ka sa 2:3 na surface
- Iisang aspect ratio ang gamit ng lahat ng imahe ng parehong produkto
FAQ
Anong aspect ratio dapat ang product images?
Ang pinakaligtas na aspect ratio ng product image ay square (1:1) para sa marketplace grids at 4:5 para sa portrait-first na surfaces, na parehong ini-export mula sa iisang square-safe na layout. Square ang pinaka-mapagbigay na source ratio dahil ang dalawang karaniwang conversion palabas dito — papuntang 4:5 at pabalik — ay 10% lang kada apektadong gilid ang gastos. Ang landscape ang mahal: 43.7% ng lapad ang nawawala sa 16:9 sa oras na pumasok ito sa square slot.
Bakit na-crop ang product images ko sa marketplaces?
Dahil pinupuno ng mga storefront ang fixed na hugis ng slot sa pamamagitan ng center-cropping sa halip na maglagay ng puting bar, kaya itinatapon ang kahit anong parte ng imahe na nasa labas ng hugis ng slot. Hindi ito bug at hindi ito palpak na upload — normal na fitting behavior ito, at laging sa gilid muna ito kumukuha.
Puwede bang maglagay ng dimension text sa product image?
Oo sa secondary at infographic images, at isa ito sa pinakamalaking halaga na kaya mong ilagay doon. Ang nililimitahan ng mga platform ay promotional overlay — presyo, calls to action, watermarks, brand badges. Pinangalanan mismo ng image requirements ng Google ang mga kategoryang iyon. Ang measurement label ay descriptive na impormasyon ng produkto, hindi marketing copy. Tingnan sa sarili mong seller console ang panuntunan para sa main image slot, na kadalasan ang pinakamahigpit.
Kaya ba ng isang square image sa lahat ng lugar?
Kaya nito halos lahat ng lugar, na hindi katumbas ng lahat ng lugar. Nirerekomenda ng Pinterest ang 2:3 at pinuputol nito ang mga Pin na lampas sa 2:4.2 ratio, kaya ang square asset doon ay na-crop ng 16.7% kada gilid o mas maliit ang lalabas kaysa sa native na portrait Pin. Kung mahalaga sa traffic mo ang isang surface, mag-export ka ng native variant para doon sa halip na tanggapin ang crop.
Gaano ba talaga kalaki ang safe area?
Ilagay ang lahat ng hindi mo kayang mawala sa loob ng gitnang 80% ng canvas — 10% na margin sa apat na gilid. Hindi basta-basta ang margin na iyan: iyan mismo ang tinatanggal ng 1:1 papuntang 4:5 na conversion kada gilid, at iyan din ang tinatanggal ng 4:5 papuntang 1:1 na conversion sa taas at baba.