Com optimitzar imatges per a pàgines de producte de comerç electrònic | Bulk Image Compressor
Les imatges de producte venen coses. Si un comprador no pot veure els detalls clarament, no compra. Però si les teves imatges són massa grans i les teves pàgines carreguen lentament, marxen abans que les imatges acabin de carregar. Aconseguir aquest equilibri és una de les coses més pràctiques que pots fer per a una botiga en línia.
La bona notícia és que no has de triar entre qualitat i velocitat. Amb la configuració i els formats de compressió adequats, les teves fotos de producte poden veure’s nítides a la pantalla mentre carreguen ràpidament en qualsevol dispositiu.
Per què importa la mida de les imatges de producte
Una pàgina de producte típica té entre 4 i 8 imatges: la foto principal, uns quants angles, potser un detall, i una imatge d’estil de vida mostrant el producte en ús. Si cadascuna és un fitxer sense comprimir de 4MB del teu fotògraf, això són 16 a 32MB d’imatges per pàgina.
Les pàgines de producte lentes perjudiquen directament les vendes. La investigació de Deloitte va trobar que una millora de 0,1 segons en la velocitat del lloc mòbil va portar a un augment del 8,4% en conversions per a llocs de venda al detall. El factor més gran en la velocitat de pàgina per al comerç electrònic són gairebé sempre les imatges.
També hi ha el factor mòbil. La majoria de compres en línia passen als telèfons. Les teves imatges de producte han de carregar ràpidament en connexions mòbils, no només en Wi-Fi ràpid.
Fotos amb fons blanc vs fotos d’estil de vida
Aquests dos tipus d’imatges de producte tenen diferents característiques de compressió.
Fotos de producte amb fons blanc són les que veus a Amazon, eBay i la majoria de pàgines de llistat de productes. Normalment tenen un fons blanc net amb el producte al centre. Aquestes imatges es comprimeixen molt bé perquè grans àrees de blanc sòlid requereixen molt poques dades. Sovint pots comprimir-les amb qualitat JPEG del 75 al 80% i no veure gairebé cap diferència.
Fotos d’estil de vida mostren productes en entorns del món real. Una tassa de cafè en un taulell de cuina, una jaqueta en un model a l’aire lliure, sabates en una vorera de la ciutat. Aquestes imatges tenen més complexitat visual amb fons variats, textures i il·luminació. Necessiten configuracions de qualitat lleugerament més altes, al voltant del 80 al 85%, per mantenir el detall.
Ambdós tipus poden ser significativament més petites que les originals. Una foto de producte amb fons blanc de 5MB normalment es comprimeix a 200 a 400KB. Una foto d’estil de vida de 6MB es comprimeix a 300 a 600KB.
Requisits i recomanacions de plataforma
Diferents plataformes de comerç electrònic tenen les seves pròpies directrius d’imatge. Aquí tens les especificacions per a les principals:
Shopify recomana imatges de 2048 x 2048 píxels. La mida màxima de fitxer és de 20MB, però suggereixen fermament mantenir les imatges molt per sota d’això. Shopify fa una mica de compressió automàtica i serveix WebP quan el navegador ho suporta, però començar amb imatges optimitzades dona millors resultats.
WooCommerce no imposa límits estrictes ja que funciona al teu propi allotjament. Això significa que l’optimització d’imatges és totalment la teva responsabilitat. Les mides de miniatura per defecte són 600 x 600 per al catàleg i la mida completa de la imatge per a la pàgina de producte. Hauries de redimensionar i comprimir abans de pujar.
Amazon requereix un mínim de 1000 píxels al costat més llarg (per a la funcionalitat de zoom) i recomana 2000 píxels. La mida màxima de fitxer és de 10MB. La imatge principal ha de tenir un fons blanc pur (RGB 255, 255, 255). Amazon comprimeix les imatges al seu costat, però pujar imatges ja optimitzades et dona més control sobre el resultat final.
Etsy recomana 2000 píxels al costat més curt. Accepten fitxers de fins a 1MB. Com que el límit d’Etsy és relativament petit, gairebé segur que hauràs de comprimir abans de pujar.
Dimensions i mides de fitxer recomanades
Per a la majoria de plataformes de comerç electrònic, aquí tens un objectiu pràctic:
| Tipus d’imatge | Dimensions | Mida de fitxer objectiu |
|---|---|---|
| Foto principal de producte | 2000 x 2000px | 200 a 400KB |
| Angles alternatius | 2000 x 2000px | 200 a 400KB |
| Foto de detall/zoom | 2000 x 2000px | 250 a 500KB |
| Foto d’estil de vida | 2000 x 1333px | 300 a 600KB |
| Miniatura | 600 x 600px | 30 a 60KB |
Aquestes mides et donen suficient resolució per a funcions de zoom mentre mantenen les pàgines ràpides. La càrrega total d’imatges per pàgina de producte idealment hauria de mantenir-se per sota de 2MB.
Triar el format adequat
JPEG és l’estàndard per a fotografia de producte. Gestiona bé les fotografies i és compatible a tot arreu. Utilitza’l com a valor per defecte.
WebP ofereix entre un 25 i un 35% millor compressió que JPEG amb la mateixa qualitat visual. Si la teva plataforma ho suporta (Shopify ho fa automàticament, WooCommerce necessita un plugin), WebP és una millora sòlida. Per a una comparació més profunda de formats, llegeix la nostra guia JPEG vs PNG vs WebP.
PNG només es necessita quan les teves imatges de producte requereixen transparència. Per exemple, si venes articles que s’han de mostrar sense cap fons, PNG preserva aquesta transparència. En cas contrari, evita PNG per a fotos de producte perquè les mides dels fitxers són molt més grans.
Processament per lots per a catàlegs de productes
Si tens una botiga amb dotzenes o centenars de productes, comprimir imatges una per una no és realista. Un catàleg de productes amb 200 articles i 5 imatges cadascun significa 1.000 imatges per processar.
Aquí és on la compressió per lots estalvia hores. Amb Bulk Image Compressor, pots posar una carpeta sencera d’imatges de producte i comprimir-les totes alhora. Tot s’executa al teu navegador, així que les teves fotos de producte mai es pugen a cap servidor extern. Això importa quan treballes amb productes no publicats o imatges que no vols compartir abans del llançament.
Aquí tens un flux de treball que funciona bé per a catàlegs de productes:
-
Redimensiona primer. Porta totes les teves imatges a les dimensions correctes (2000 x 2000px per a la majoria de plataformes). No enviïs imatges de 6000px a través de la compressió quan només es mostraran a 2000px.
-
Separa per tipus. Posat les fotos amb fons blanc en un lot i les fotos d’estil de vida en un altre. Això et permet utilitzar diferents configuracions de qualitat per a cadascun.
-
Comprimeix les fotos amb fons blanc amb qualitat del 75 al 80%. Els fons nets es comprimeixen eficientment amb configuracions més baixes.
-
Comprimeix les fotos d’estil de vida amb qualitat del 80 al 85%. El detall extra en aquestes imatges es beneficia d’una qualitat lleugerament més alta.
-
Comprova uns quants resultats. Obre un grapat d’imatges comprimides i compara-les amb les originals. Assegura’t que el text als envasos segueixi llegible i els detalls del producte siguin clars. Per a més informació, consulta la nostra guia sobre reduir la mida del fitxer sense perdre qualitat.
-
Puja a la teva plataforma. Substitueix els originals per les versions comprimides.
L’impacte en els teus beneficis
Les pàgines de producte més ràpides signifiquen més vendes. És així de directe. Quan un comprador fa clic al teu producte des d’un resultat de cerca o un anunci, tens uns dos o tres segons abans que decideixin si esperar o prémer el botó de tornar.
Les imatges optimitzades també redueixen els teus costos d’allotjament i CDN. Si estàs servint 500.000 visualitzacions de pàgina de producte al mes i redueixes la teva càrrega mitjana d’imatges de 8MB a 1,5MB per pàgina, això són terabytes d’ample de banda estalviats.
Les teves fotos de producte són l’actiu més important a la teva botiga en línia. Comprimir-les correctament et permet mantenir la qualitat visual que els teus compradors necessiten mentre els dones l’experiència ràpida que realment porta a les compres.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor