Mas mapagbigay ang Shopify sa sukat ng larawan kaysa sa marketplace tulad ng Amazon — masaya nitong ipapakita halos kahit ano. Bitag ang flexibility na iyon. Mag-upload ng malalaki at hindi pare-parehong file at nire-render ng iyong theme ang mabagal at magkakasalungat na grid kung saan ang ilang produkto ay malinaw at ang iba ay mukhang na-crop o maliit. Ang pagtatama ng iyong sukat sa simula ay ginagawang propesyonal ang pakiramdam ng buong tindahan at mabilis mag-load.
Umuunlad ang mga sukat at pag-uugali ng theme, kaya ituring ang mga ito bilang karaniwan at malawak na ginagamit na rekomendasyon at kumpirmahin laban sa dokumentasyon ng iyong kasalukuyang theme.
Mga inirerekomendang sukat
| Uri ng larawan | Karaniwang rekomendasyon | Aspect ratio |
|---|---|---|
| Product photo | 2048 × 2048 px | 1:1 (parisukat) |
| Parisukat ang pinakaligtas sa kabuuan | hanggang 4472 × 4472 px max | 1:1 |
| Collection / thumbnail | ~1024 × 1024 px | 1:1 |
| Slideshow / hero banner | ~1600 px ang lapad (o mas malapad) | 16:9 o itinakda ng theme |
| Max na laki ng file | 20 MB bawat larawan (layunin ang mas mababa) | — |
Dalawang bagay ang mas mahalaga kaysa sa anumang solong numero.
Pumili ng isang aspect ratio at manatili dito. Pinakamaganda ang tingin ng mga Shopify theme kapag ang bawat product photo ay may parehong hugis. Ang parisukat (1:1) ang pinakamaaasahang pili dahil kumakasya ito sa halos bawat grid ng theme nang walang awkward na crop. Kung hinalo mo ang parisukat, portrait, at landscape, magmumukhang gula-gulanit ang iyong grid.
Ang 2048 × 2048 ang tamang punto para sa produkto. Sapat itong malinaw para sa built-in na zoom ng Shopify sa desktop, malinis na pinapaliit para sa thumbnail at mobile, at nananatiling malayo sa ilalim ng limitasyon sa laki ng file. Ang mas malaki pa riyan ay kadalasang nagdadagdag lang ng bigat.
I-standardize ang buong katalogo nang sabay
Ang pag-resize ng dose-dosenang product photo nang manu-mano ang kung saan nawawala ang isang hapon. Huwag. Ang E-commerce Image Resizer ay may Shopify preset na naglalabas ng 2048 × 2048 na parisukat sa puting background, na ang bawat produkto ay awtomatikong nakasentro at may margin na maaari mong iayos para walang tumama sa gilid. Ihulog ang folder, kunin ang ZIP — bawat larawan ay parehong sukat, parehong hugis, parehong framing.
Ang pagiging pare-pareho na iyon ang gumagawang mukhang dinisenyo ang Shopify grid sa halip na binuo lang.
Tapos bawasan ang bigat ng file
Nilulutas ng tamang sukat ang layout. Nilulutas ng bigat ng file ang bilis — at pera ang bilis sa Shopify, kung saan tahimik na nagpapawala ng conversion ang mabagal na page at nakakasama sa iyong search ranking.
Ang 2048 px na litrato mula mismo sa kamera ay maaaring ilang megabyte. Iyon ay mas marami kaysa kailangan ng page. Patakbuhin ang bawat larawan sa Image Compressor: para sa litrato, ang quality na 75–85 ay karaniwang binabawasan ang file ng 40–70% nang walang nakikitang pagkakaiba; ang mga PNG ay awtomatikong kina-quantize. Hindi kailanman nagbabalik ang compressor ng file na mas malaki kaysa sa ibinigay mo, kaya kaya mong i-batch ang buong tindahan nang ligtas.
Pagkakasunod na gumagana nang maayos:
- I-resize sa 2048 × 2048 gamit ang Shopify preset.
- I-compress sa quality 75–85 (o hayaang tumakbo ang PNG quantization).
- I-upload — parehong hugis, maliliit na file, mabilis na grid.
WebP, JPG, o PNG?
Awtomatikong naghahatid ang Shopify ng WebP sa mga browser na sumusuporta nito, kaya sa pangkalahatan ay hindi mo kailangang mag-convert ng format mismo. Mag-upload ng malinis na JPG para sa litrato at PNG lang para sa graphics na nangangailangan ng transparency o malinaw na teksto. Hayaang hawakan ng platform ang paghahatid ng format; ang trabaho mo ay magpadala ng tamang-sukat at maayos-na-compress na source file.
Lahat ay nananatili sa iyong makina
Parehong tumatakbo ang mga tool nang buong-buo sa iyong browser gamit ang Canvas at WebAssembly — walang upload, walang account, walang watermark. Hindi kailanman humahawak sa server ang iyong mga product photo. Pagkatapos ng unang pagbisita ay naka-cache ang mga tool at patuloy na gumagana offline, kaya kaya mong maghanda ng buong katalogo sa tren at mag-upload kapag bumalik ka na online.
Gawing parisukat ito, i-sukat sa 2048, i-compress ito, at ang iyong Shopify store ay naglo-load nang mabilis at mukhang isang magkakaugnay na tindahan sa halip na tumpok ng random na upload.