Gratis bildkomprimerare för snabbare webbplatser

En bildkomprimerare gör den tyngsta delen av de flesta sidor lättare. På en typisk startsida väger bilderna 1 054 KB på dator och 900 KB på mobil, av en total sidvikt på 2 652 KB respektive 2 311 KB (HTTP Archive, Web Almanac 2024, sidvikt). Googles egna riktlinjer för bilder säger detsamma: bilder ”är ofta den största orsaken till sidans totala storlek”, vilket gör sidorna långsamma och kostsamma att ladda (Google Search Central, bästa praxis för bild-SEO).

Hur fungerar den kostnadsfria bildkomprimeraren?

Släpp en eller flera bilder i verktyget, ställ in kvaliteten och ladda ner de lättare filerna. Allt sker på din enhet: webbläsaren läser varje fil, ritar om den och kodar den på nytt, så dina bilder skickas aldrig till en server.

1. Lägg till dina filer: JPEG, PNG eller WebP, upp till 10 MB var. Du kan välja flera samtidigt.
2. Ställ in kvaliteten med reglaget, från 10% (maximal komprimering) till 100% (maximal kvalitet). Standardvärdet är 80%.
3. Läs rapporten: den totala besparingen, sedan en rad per bild med dess slutliga storlek, dimensioner och utdataformat.
4. Ladda ner varje fil, eller alla på en gång med ett klick. Varje namn börjar med ”compressed-”, så du råkar aldrig skriva över en original.

Flytta reglaget efter en första körning så komprimerar verktyget samma filer igen, vilket gör det snabbt att jämföra två inställningar.

Vilket format väljer verktyget för varje bild?

Det testar kandidaterna och behåller den minsta filen. Om ingen kandidat slår din original behåller det originalet och säger att bilden redan är optimerad.

WebP vinner ofta av ett dokumenterat skäl: Google mäter förlustfria WebP-filer som 26% mindre än PNG, och förlustbehäftade WebP-filer som 25 till 34% mindre än jämförbara JPEG-filer vid likvärdig kvalitet, med transparens stött i båda lägena (Google for Developers, WebP). Google Sök indexerar bilder i BMP, GIF, JPEG, PNG, WebP, SVG och AVIF, så en WebP-fil fungerar även för bildsökning.

Vilken kvalitetsinställning ska du använda?

Använd 80% för foton och gå lägre först efter att ha kontrollerat resultatet i full storlek. Reglaget skickar ett kvalitetsvärde mellan 0 och 1 till webbläsarens kodare, det vanliga sättet för webbläsare att exportera förlustbehäftade bilder (MDN, HTMLCanvasElement.toBlob()). Lägre värden tar bort mer detalj; rätt nivå beror på vad bilden visar.

Skärmbilder och bilder som innehåller text förtjänar en högre inställning än foton: komprimeringsartefakter syns först runt skarpa bokstäver.

Varför spelar bildvikten roll för SEO?

Eftersom sidans huvudbild ofta är det Google mäter. Largest Contentful Paint (LCP) mäter när det största synliga elementet visas, och ett bra resultat är 2,5 sekunder eller mindre vid den 75:e percentilen av sidladdningar (web.dev, Largest Contentful Paint). På mobil består LCP-elementet av en bild på 68% av sidorna (Web Almanac 2024, media).

Google rekommenderar bra Core Web Vitals ”för framgång i Sök”, och säger att de går i linje med vad dess kärnrankingsystem vill belöna (Google, Core Web Vitals och Sök). En lättare huvudbild är ett av de mest direkta sätten att förbättra din LCP.

Komprimering är dock inte hela historien. Googles LCP-guide förklarar att en mindre fil förkortar nedladdningen, men om webbläsaren hittar eller renderar bilden sent flyttas den tid som sparats bara till ett annat steg (web.dev, optimera LCP). Komprimera filen, och se sedan till att huvudbilden finns i HTML:en från början och inte laddas lazy.

Hur förbereder du bilder innan du komprimerar dem?

Ändra storlek först, komprimera sedan. Komprimeraren behåller bildfilens pixeldimensioner, så ett fotografi på 4 000 pixlar som visas på 800 pixlar innehåller fortfarande 25 gånger fler pixlar än skärmen visar.

1. Ändra storlek till visningsstorleken: ungefär dubbelt så bred som bilden visas är nog för skarpa skärmar. Ett bloggomslag i full bredd behöver sällan mer än 1 600 till 2 000 pixlar.
2. Beskär det som inte hjälper: tomma marginaler kostar byte och uppmärksamhet.
3. Komprimera vid 80%, jämför och justera.
4. Byt namn på filen med några beskrivande ord, till exempel ”red-trail-running-shoes.webp”, eftersom Google säger att ett kort och beskrivande filnamn ger lätta ledtrådar om bildens motiv.
5. Skriv alt-texten när du infogar den: se vårt ordlistenamn om alt-text.

Omkodning via webbläsaren tar också bort kameradatan som finns lagrad i originalfilen, vilket tar bort några kilobyte till från foton tagna med mobil eller kamera.

Hur tung ska en bild vara?

Det finns ingen officiell gräns, men praktiska budgetar håller sidorna snabba. Använd dessa mål som utgångspunkt och mät hela sidan med sidstorlekskontrollen.

• Huvud- eller omslagsbild: under 150 till 200 KB, eftersom den ofta avgör LCP.
• Bilder i en artikel: under 100 KB var.
• Miniatyrer och logotyper: några tiotals KB högst.
• Hela sidan: jämför med medianen ovan. Mobila undersidor bär 348 KB bilder i median, vilket visar hur mycket lättare en väl byggd artikel kan vara.

Vilka misstag tar bort fördelen med komprimering?

De flesta sker efter komprimeringssteget, när bilden placeras på sidan.

• Att ladda huvudbilden lazy. Nästan var tionde LCP-bild på mobil laddas lazy, ett antimönster som gör sidorna betydligt långsammare (Web Almanac 2024, media). Behåll loading="lazy" för bilder under den synliga delen av sidan.
• Inga bredd- och höjdattribut. Utan dem hoppar sidan när bilden kommer, vilket skadar layoutstabiliteten.
• En stor fil för alla skärmar. Skicka mindre versioner till mobiler med srcset.
• Att komprimera samma JPEG om och om igen. Varje förlustbehäftad omgång tappar detalj. Behåll en master i hög kvalitet och komprimera från den.
• Att glömma CMS:et. Vissa plattformar skapar egna versioner av varje uppladdning; kontrollera filen som faktiskt levereras, inte den du laddade upp.

Hur håller du varje sida lätt över tid?

Gör komprimering till en del av publiceringen och granska sedan regelbundet. Kör on-page-SEO-granskningen på dina viktigaste sidor för att fånga tunga bilder och saknad alt-text, och läs vår guide om bildoptimering för hela checklistan.

Om du publicerar ofta, automatisera rutinen. Soranks bloggartikelgenerator skriver och publicerar illustrerade artiklar på din webbplats, och GEO- och SEO-instrumentpanelen följer den Google-trafik och AI-synlighet som sidorna ger.

Ändra storlek, komprimera vid 80%, kontrollera i full storlek: den rutinen tar bort det mesta av vikten från dina sidor. Släpp dina bilder i komprimeraren ovan och se sedan Soranks abonnemang för att publicera optimerat innehåll på autopilot.