Optimering af annoncer
Sådan komprimerer du produktbilleder uden at miste kvalitet
· 4 min read
Ændr produktbilledets størrelse til de pixelmål, det faktisk vises i, og eksporter det derefter som WebP eller AVIF, som ved samme visuelle kvalitet typisk er 25 til 50 procent mindre end JPEG. Sigt efter cirka 100 til 300KB pr. billede afhængigt af dets rolle på siden. Googles Largest Contentful Paint-mål regner en side for langsom over 2,5 sekunder, og et overdimensioneret hovedbillede er ofte den ene ressource, der får grænsen overskredet.
Gør det i RorlAIProduct: Clean studio backdrop for anything boxed or bottled.Hvorfor filstørrelse er et konverteringsproblem og ikke kun et indlæsningsproblem
Largest Contentful Paint måler, hvor lang tid det tager, før det største synlige element på en side er tegnet færdigt. Ifølge Googles egne tærskler er under 2,5 sekunder godt, 2,5 til 4 sekunder skal forbedres, og over 4 sekunder er dårligt. På en produktside er det største synlige element næsten altid hovedbilledet. Det betyder, at én enkelt overdimensioneret billedfil alene kan afgøre, om din produktside består eller dumper målet, uanset hvor hurtigt resten af siden indlæses.
Det er ikke en abstrakt pointøvelse. Et hovedbillede, der indlæses langsomt, er det første, en køber oplever i din annonce, før de har læst et ord af beskrivelsen eller set prisen.
Et realistisk størrelsesbudget
| Billedets rolle | Rimeligt mål |
|---|---|
| Hovedbillede, kan zoomes | 150 til 300KB |
| Andet galleribillede eller miniature | 60 til 120KB |
| Mobilt hovedbillede, øverst på siden | under cirka 150 til 200KB |
Det er arbejdsmål samlet fra gældende retningslinjer for billedoptimering, ikke en officiel specifikation fra en enkelt platform, og de varierer lidt med billedets kompleksitet. Et enkelt produkt på hvid baggrund kan komprimeres længere end en broget scene, før kvalitetstabet bliver synligt. Se derfor tabellen som et loft og ikke som en regel, du skal ramme præcist.
Rækkefølgen af de trin, der faktisk sparer bytes
- 1Ændr størrelsen, før du komprimererEt kamera eller et genereringsværktøj eksporterer ofte med 3000 til 4000 pixels bredde. Hvis billedet vises i et felt på 1200 pixel på din side, så ændr først størrelsen til omtrent den bredde. At komprimere et overdimensioneret billede leverer stadig et overdimensioneret billede, bare lidt mindre.
- 2Eksporter som WebP, hvor din platform understøtter detWebP er ofte 25 til 35 procent mindre end JPEG ved samme visuelle kvalitet, og AVIF kan gå endnu længere. De fleste nuværende e-handelsplatforme og browsere understøtter WebP. Tjek, om din leverer det automatisk, eller om filen skal uploades direkte i det format.
- 3Sæt JPEG-kvaliteten omkring 70 til 85, når WebP ikke er en mulighedStandardindstillingerne for eksport i redigeringsprogrammer er ofte unødvendigt høje. En kvalitetsindstilling i dette område kan ikke visuelt skelnes fra originalen på de fleste produktbilleder og er markant mindre end en eksport på 100 procent.
- 4Fjern indlejret metadataKameraindstillinger, farveprofiler ud over det, siden har brug for, og GPS-data, som nogle telefoner indlejrer, giver filvægt, som en køber aldrig ser. De fleste komprimeringsværktøjer fjerner dette som standard; bekræft, at dit gør det.
Den vigtigste forskel:
- Tabsfri komprimering bevarer hver pixel præcis, som den blev optaget, og gør næsten ikke et fotografi mindre. Den passer til grafik med flade farver og skarpe kanter, ikke til fotografi
- Tabsgivende komprimering kasserer data, som det menneskelige øje har svært ved at bemærke, og det er dér, den reelle besparelse ligger for et foto
- En moderne koder, der er indstillet rigtigt, lander langt under det punkt, hvor en køber opdager forskellen, længe før den når det punkt, hvor du selv ville gøre det
Hvor et genereret eller redigeret billede passer ind
Et billede fra et hvilket som helst redigerings- eller genereringsværktøj har brug for samme trin med størrelsesændring og komprimering som et billede direkte fra kameraet. Disse værktøjer eksporterer ofte i fuld opløsning som standard, og en eksport i fuld opløsning har samme vægtproblem, uanset om pixlerne kommer fra en sensor eller en model. Behandl det som en rå fil, der venter på samme budget, ikke som en færdig ressource.
Common questions
- Får mine produktbilleder et dårligere udseende af at blive komprimeret?
- Ikke ved en fornuftig indstilling. Tabsgivende komprimering inden for de områder, der er beskrevet her, er afstemt til at kassere detaljer, som det menneskelige øje ikke registrerer, så et korrekt komprimeret billede ser identisk ud i normal visningsstørrelse og indlæses på en brøkdel af tiden.
- Skal jeg bruge WebP eller blive ved JPEG?
- Brug WebP, hvis din webshopplatform understøtter det, da det typisk er 25 til 35 procent mindre end JPEG ved samme kvalitet. Gå kun tilbage til en velindstillet JPEG, hvis din platform eller dit tema ikke leverer WebP automatisk.
- Har jeg brug for separate billedstørrelser til mobil og computer?
- Helst ja. En mobilkøber ser billedet på en meget mindre flade end en computerkøber, så en mindre fil til mobil sparer reel indlæsningstid uden synligt kvalitetstab på den skærm.
- Påvirker billedets filstørrelse faktisk salget, eller kun en hastighedsscore?
- Sidehastighed og konvertering hænger så tæt sammen, at de fleste e-handelsplatforme nu behandler det som en rangerings- og konverteringsfaktor, ikke kun et laboratoriemål. Et hovedbillede, der alene skubber siden forbi tærsklen på 2,5 sekunder for Largest Contentful Paint, er en reel, målbar langsomhed, som en køber oplever, ikke en abstrakt score.