Bildekomprimering
WebP, AVIF, JPEG og PNG, komprimert i nettleseren din.
Slipp bildene inn og få dem tilbake i mindre filstørrelse. Alt skjer lokalt i nettleseren din: ingen opplasting, ingen kø, ingen konto. Sammenlign resultatet side om side før du laster ned.
Hva det sjekker
- Formatene AVIF, WebP, JPEG og PNG
- Kvalitetssammenligning side om side
- Kjører lokalt, så filene dine forlater aldri nettleseren
- Massekomprimer opptil 50 bilder om gangen
Hva hvert tall forteller deg.
En rapport du ikke forstår, er bare en omvei til å konstatere at noe er galt.
Størrelse før og etter
Besparelsen i overførte byte. På en produktside der bildene utgjør 60 til 75 % av sidestørrelsen, er dette som regel den største enkeltgevinsten du kan hente.
Format
AVIF er vanligvis 20 til 30 % mindre enn WebP ved tilsvarende opplevd kvalitet, og WebP er langt foran JPEG. Nettleserstøtten for begge er nå bred.
Side om side-visningen
Vurder komprimeringen på dine egne produktbilder, i den størrelsen de faktisk skal vises. Detaljer i produktet (tekstur, sømmer, struktur) er det første som forringes.
Kvalitetsinnstilling
Det finnes ikke ett tall som passer alt. Tekstiler og fine strukturer krever høyere kvalitet, mens flate farger og grafikk trenger mye mindre.
Mekanismen bak, ikke bare tomme ord.
- 01
Bilder utgjør mesteparten av sidestørrelsen
En typisk produktside i Shopify består for det meste av bilder målt i overførte byte. Ingenting annet du gjør gir like stort utslag.
- 02
Vekten merkes best på mobil
På en treg tilkobling er forskjellen mellom et hovedbilde på 2,4 MB og ett på 300 kB forskjellen på en kunde som venter og en kunde som forlater butikken.
- 03
En engangsjobb med varig effekt
I motsetning til mye annet ytelsesarbeid, er det å komprimere bildebiblioteket du allerede har en engangsjobb som fortsetter å gi gevinst.
Hva dette vanligvis avdekker, og løsningen.
Fire problemer som står for det meste av hva dette verktøyet rapporterer i en Shopify-butikk.
Funnet
Bilder med kamerakvalitet lastet opp direkte
Hvorfor det skjer
Ingen tilpasning av størrelsen mellom fotografen og butikken.
Løsningen
Sett en maksgrense på originalen til omtrent to ganger den største visningsbredden, som dekker retina-skjermer, og la CDN-et ta seg av resten.
Funnet
Leverer JPEG til nettlesere som støtter AVIF
Hvorfor det skjer
Formatforhandling er ikke satt opp.
Løsningen
Lever moderne formater med en JPEG-reserveløsning. Shopifys CDN håndterer dette automatisk for deg.
Funnet
Hovedbildet lastes tregt (lazy loading)
Hvorfor det skjer
En generell regel om treg lasting lagt på hvert eneste bilde på siden.
Løsningen
Bruk aldri treg innlasting på det største bildet over bretten. Det er som regel ditt LCP-element, og en forsinkelse her svekker målingen direkte.
Funnet
Komprimering av en allerede komprimert fil
Hvorfor det skjer
Ny koding av en JPEG som allerede ble lagret med lav kvalitet.
Løsningen
Ta utgangspunkt i originalfilen hvis du fortsatt har den. Gjentatt omkoding forsterker komprimeringsfeil.
Hva dette ikke forteller deg.
Hvert verktøy har grenser. Å vite hvor grensene går hindrer deg i å overtolke tallene.
- Komprimeringen skjer her i nettleseren din, så ingenting lastes opp. Det betyr også at veldig store bildemengder begrenses av maskinen din.
- Verktøyet kan ikke gjenopprette detaljer som allerede er tapt. Hvis kildefilen ble lagret med lav kvalitet, er det det beste du kan oppnå.
Flere gratis verktøy.
Alle verktøy- Gratis SEO-analyse for ShopifyAnalyser en Shopify-butikk på omtrent 30 sekunder.
- MetataggsjekkerSe alle titler og beskrivelser på en side, i lengden Google faktisk viser.
- Sjekk av alt-tekstFinn hvert bilde på en side som en skjermleser ikke kan beskrive.
- Schema-validatorValider JSON-LD mot det Google faktisk krever.
Kjør dette kontinuerlig i stedet.
Installer ShopSEO gratis, kjør din første analyse på under ett minutt, og rull tilbake alt du ikke liker. Ingen kredittkort, ingen temaendringer, ingen bindingstid.