Dimensiuni imagini produs Shopify care chiar arată bine

Pozele de produs de pe Shopify greșesc în două direcții. Ori sunt prea mici, iar vizualizarea cu zoom se face terci exact când clientul se uită la o cusătură sau la montura unei pietre. Ori ies enorme direct din aparat, iar pagina se târăște pe telefon — acolo unde ajunge o bună parte din trafic. Adminul le acceptă pe amândouă fără să clipească.

Shopify face mai multe pentru tine decât își dau seama majoritatea comercianților: generează mai multe dimensiuni din fiecare imagine, pentru locuri diferite din magazin, iar CDN-ul lui alege un format modern, WebP sau AVIF, acolo unde browserele îl acceptă. Ce nu face: nu repară un raport de aspect inconsecvent, nu ghicește ce poză aparține cărei variante și nu salvează un decupaj zdrențuit. Partea de mai jos e cea pe care o controlezi tu.

Pornește de la 2048 x 2048 și oprește-te acolo

Recomandarea Shopify: 2048 x 2048 px se afișează de obicei cel mai bine pentru imagini pătrate de produs. Limitele dure stau mult mai sus — o imagine de produs sau de colecție trebuie să rămână sub 20 MB și poate urca până la 5000 x 5000 px, adică 25 de megapixeli.

Plafoanele astea nu sunt ținte. În Dawn, galeria de produs din pagină nu cere niciodată CDN-ului ceva mai lat de 1946 px, iar până și lightbox-ul de zoom se oprește din a numi dimensiuni peste 4096 px. Un master de 5000 px îți cumpără mai ales încărcări mai lente și editări mai lente între ele. Rămâi la pătratul de 2048 px pentru galeria principală. Printre formatele acceptate la încărcare sunt PNG, JPEG și WebP, așa că dă-i lui Shopify un fișier comprimat, nu un TIFF de 6 MB.

Pătrat sau înalt: alege un raport și ține-te de el

Grilele de colecție sunt locul în care rapoartele de aspect amestecate sar în ochi, motiv pentru care Shopify recomandă un raport uniform pentru imaginile reprezentative. Teme ca Dawn te lasă fie să adaptezi cadrul la fiecare imagine, fie să blochezi totul într-un raport fix, și ambele pedepsesc inconsecvența: adaptarea îți dă o grilă zdrențuită, blocarea taie prin partea de sus a unei sticle sau lasă spațiu mort în jurul unui inel.

Deci decide o dată. Pătratul (1:1) e opțiunea implicită cea mai sigură și se reașază bine pe ecrane înguste. Rapoartele portret, 4:5 sau 2:3, se potrivesc hainelor și sticlelor înalte și umplu mai mult spațiu vertical pe mobil. Ce nu poți face e să le amesteci pe amândouă în aceeași colecție.

Impune regula decupând produsul și reconstruind cadrul cu mâna ta. Încarcă poza pe remover.bg, elimină fundalul și pune în loc același alb uniform sau aceeași culoare de brand ca la restul anunțurilor. Apoi redimensionează rezultatul la cadrul ales, în orice instrument de export folosești deja, ca o cană ținută în mână și un palton lung să ajungă la dimensiuni identice. Același decupaj alimentează și regulile mai stricte de pe marketplace — vezi cerințele Amazon pentru fundalul alb — sau îl poți păstra pe transparență și compune mai târziu; uite când PNG-ul transparent e rezultatul potrivit.

CDN-ul Shopify redimensionează, dar nu îți repară sursa

Temele cer imaginile prin filtrele Liquid image_url și image_tag, care construiesc un srcset, ca CDN-ul să poată livra un fișier de dimensiunea și în formatul potrivit pentru fiecare dispozitiv. De asta o temă bine făcută nu trimite niciodată fișierul tău de 2048 px către un telefon de 390 px.

Două lucruri rămân descoperite. Formatul ales la export contează în continuare: WebP-ul ține fișierele mici înainte să ajungă la CDN, iar Shopify acceptă WebP fără conversie, la fel cum remover.bg gestionează WebP de la un capăt la altul. Iar pentru sute de SKU-uri nu există scurtătura cu trasul unui folder peste pagină; treaba aia stă într-un script pe API-ul de eliminare a fundalului, rulat odată cu importul CSV.

Zoomul ajută doar dacă pixelii chiar sunt acolo

Shopify spune că imaginile trebuie să depășească 800 x 800 px pentru ca zoomul să funcționeze cum trebuie. În Dawn, setarea de zoom din șablonul de produs îți oferă click și hover, deschidere în lightbox sau niciun zoom.

Activează zoomul când textura e argumentul de vânzare: tricotaje, granulația pielii, gravură, fațete de piatră prețioasă, lemn. Oprește-l la grafica plată și la pictogramele mici, unde zoomul nu face decât să scoată la iveală artefactele de compresie. Zoomul e nemilos și cu marginile — blana de la manșetă, șuvițele răzlețe și bretelele fine arată fiecare greșeală, și exact acolo își face treaba un decupaj curat.

Imaginile de variantă și ordinea din galerie

Fiecare variantă suportă exact o imagine atribuită — doar o imagine, nu un clip și nu un model 3D — iar aceea devine previzualizarea când clientul alege opțiunea respectivă.

Pentru că o singură imagine per variantă rareori ajunge, folosește galeria din jurul ei. Adaugă fiecare cadru la media produsului, ordonează-le astfel încât pozele înrudite să stea împreună și pune prima imaginea cea mai puternică: primul element media dictează cardul de produs și vizualizarea implicită.

Text alternativ: 512 de caractere permise, 125 sunt de ajuns

Shopify limitează textul alternativ la 512 de caractere și recomandă 125 sau mai puține. E o recomandare de lizibilitate, nu o limită a cititoarelor de ecran: un text alternativ lung e obositor de ascultat, pentru că ascultătorul nu îl poate parcurge în diagonală. Descrie cadrul, inclusiv varianta. „Cămașă din in bleumarin, vedere din față, încheiată la nasturi” bate „cămașă”. Sari peste „imagine cu” și peste listele de cuvinte-cheie. Textul alternativ se poate edita în masă printr-un import CSV, nu produs cu produs.

O listă scurtă de verificat înainte de încărcare

Înainte să intre un lot în Shopify: exportă pătrat, la 2048 px, dacă n-ai ales portret, stai mult sub plafonul de 20 MB, folosește un singur tratament de fundal pentru toată colecția, atribuie câte o imagine fiecărei variante și construiește galeria în jurul ei, iar textul alternativ ține-l sub 125 de caractere. Nimic din toate astea nu e spectaculos și toate se văd pe pagina de colecție în clipa în care greșești.