Stanna kvar och upptäck några av de främsta verktygen för bildkomprimering som kan lyfta användarupplevelsen och förbättra din webbplats position i sökmotorernas resultat.
Det stora utbudet av tillgängliga verktyg för bildkomprimering pekar på en viktig slutsats: bildoptimering är central och bör inte negligeras.
Enligt data från HTTP-arkivet, som samlat information under de senaste fem åren från de en miljon mest besökta webbplatserna, ser genomsnittsvärdena ut så här:
| Desktop | Mobil | |
| Total sidstorlek | 2098,6 KB | 1944,5 KB |
| Bildstorlek | 847,9 KB | 758 KB |
| % Bildandel | 40,04% | 38,98% |
Om vi enbart fokuserar på WordPress, som står för över 40% av alla webbsidor, tar bilder upp mer än 45% av den totala sidstorleken.
I grund och botten kan bildoptimering dramatiskt förbättra sidans laddningshastighet och optimera din webbplats för sökmotorer.
Omvänt kan en webbsida med mycket media som tar några sekunder för lång tid att ladda, leda till att majoriteten av användarna väljer dina konkurrenter i stället.
Är du nyfiken på hur mycket bilder påverkar din webbplats? Använd det kostnadsfria webbplatsgranskningsverktyget adminvista.com, som drivs av Google Lighthouse.
Även om bildoptimering är viktig för alla webbplatser, är det extra viktigt för företag med bildintensiv verksamhet, som exempelvis e-handelsföretag.
Den här artikeln kommer att presentera både fristående verktyg och vissa tredjepartsplattformar för molnbaserad mediehantering, som alla erbjuder funktioner för bildkomprimering.
För att göra det hela lite mer engagerande, kommer vi att använda en demobild (1091 KB) och utföra komprimeringen direkt. Du kommer därmed att se resultaten (kompressionskvalitet och procentuell storleksminskning) i realtid för varje verktyg.
Låt oss börja!
TinyPNG
TinyPNG är ett mycket snabbt verktyg för att komprimera WebP, PNG och JPEG-filer utan någon synlig kvalitetsförsämring. Verktyget fungerar genom att ”selektivt minska antalet färger”.
Gratisversionen låter dig komprimera upp till 20 bilder med en maximal filstorlek på 5 MB. Pro-versionen fungerar på liknande sätt, men tar bort dessa begränsningar för en liten årlig avgift.
Dessutom fungerar det utmärkt med transparenta bilder och animationer. TinyPNG har även en plugin för Adobe Photoshop, vilket gör komprimering möjlig utan att lämna ditt favorit bildredigeringsprogram.
Ytterligare finns det en WooCommerce-kompatibel WordPress-plugin för realtidsbildoptimering.
TinyPNG är också utrustat med ett utvecklar-API med valfri integration av Amazon S3 och Google Cloud Storage.
Sammanfattningsvis är TinyPNG ett enkelt men ändå kraftfullt verktyg för bildkomprimering, som passar både nybörjare och erfarna användare.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| TinyPNG | 1091 KB | 297 KB | 73% |
Compressor.io
Compressor.io erbjuder avancerade alternativ och stöd för filtyperna JPEG, PNG, SVG, GIF och WEBP. Du kan välja mellan Lossy och Lossless komprimeringsmetoder.
Den förstnämnda ger maximal komprimering utan synlig kvalitetsförlust (liknande TinyPNG), medan Lossless innebär maximal färgbevaring med minimal komprimering.
I Compressors gratisplan kan du ladda upp tio filer samtidigt med en maximal storleksbegränsning på 10 MB. Genom att välja en årlig plan får du obegränsad komprimering.
Med pro-planen kan du spara bildens metadata. Dessutom kan du ställa in den slutgiltiga bildkvaliteten. Compressor.io har också en WordPress-plugin och ett utvecklar-API som är under utveckling och listades som ”kommer snart”.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| Compressor.io (Lossy) | 1091 KB | 312 KB | 71.4% |
Komprimera nu
Komprimera nu är ett kostnadsfritt verktyg för bildkomprimering som du kan använda på upp till tio bilder samtidigt med en maximal storleksgräns på 9 MB.
Verktyget fungerar för JPG, JPEG, GIF och PNG och låter dig bestämma komprimeringsnivån i förväg.
Detta verktyg har ingen betalversion eller API-integration. Det passar därmed bäst för nybörjare som endast behöver komprimera bilder vid enstaka tillfällen.
Webbplatsen uppger att bearbetade bilder raderas var 30:e minut, vilket är bra ur ett dataskyddsperspektiv.
Komprimera nus främsta fördel är att du själv kan välja vilken komprimeringsgrad du vill ha. Du kan alltså testa dig fram med olika procentandelar för att hitta det som passar dig bäst.
Eftersom resultatet från komprimeringstestet inte är jämförbart med de andra verktygen, eftersom du är fri att välja storleksminskning, kommer vi att använda högsta möjliga komprimering utan att ta hänsyn till utskriftskvaliteten.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| CompressNow | 1091 KB | 170 KB | 84.4% |
Kraken.io
Kraken stöder batchkomprimering även i gratisversionen med en maximal filstorlek på 1 MB för enskilda bilder.
Du kan bearbeta JPEG, PNG, GIF, animerade GIF och SVG med tre olika lägen: Lossy, Lossless och Expert.
Lossy fungerar för maximal komprimering, Lossless bevarar kvaliteten, och Expert-läget låter dig själv ställa in komprimeringsparametrarna.
Eftersom verktyget inte angav hur många filer man kan bearbeta, testade jag att ladda upp över 300 bilder, och det bearbetade dem snabbt utan problem.
Du kan ta bort storleksgränsen på 1 MB med pro-versionen. Alla betalversioner har en kostnadsfri start med en kvot på 100 MB och kan behandla filer upp till 32 MB.
Premiumplanerna kommer också med flera API-nycklar, Kraken-molnlagring, stöd för uppladdning i zip-format, plugins för WordPress och Magento, och flera funktioner som gör verktyget till ett premiumalternativ för bildkomprimering.
Dessvärre verkade komprimeringsalgoritmerna inte lika optimerade och fungerade inte bra med vår demobild.
Kraken fungerade dock utmärkt för andra bilder med ett enstaka misstag (återigen) med vår demofil.
Sammanfattningsvis kan du fortfarande välja Kraken, men förbered dig på att sortera ut några okomprimerade resultat.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| Kraken.io (Lossy) | 1091 KB | 410 KB | 62.4% |
OptimiZilla
OptimiZilla är ett ytterligare kostnadsfritt verktyg för bildkomprimering, som låter dig optimera 20 bilder samtidigt.
Verktyget är kompatibelt med JPEG-, GIF- och PNG-bildtyper utan någon nämnd storleksbegränsning. Vid första anblicken ser det väldigt enkelt ut. Det roliga börjar dock när du laddar upp bilderna.
Funktionen tillåter massuppladdning och individuell bildoptimering i ett bildspelsliknande format, följt av massnedladdning.
Även om detta verktyg saknar premiumfunktioner som molnlagring, API-integration eller snygga plugins, så är det den jag personligen upplevde som mycket bra, och kommer att rekommendera helhjärtat.
Och precis som med CompressNow finns det ingen standardkomprimeringsnivå, utan du kan själv ställa in utdata innan du laddar ner. Oavsett vilket fortsätter vi med den maximala komprimeringen för testet.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| OptimiZilla | 1091 KB | 211 KB | 80.6% |
Imagify.io
Imagify tar en plats bland de avancerade bildkomprimeringsverktygen med sitt API och WordPress-plugin.
Komprimeringsalgoritmen fungerar för JPG, PNG, GIF och PDF med bearbetningslägena Normal, Aggressiv och Ultra. Den första är förlustfri optimering, medan de andra två strävar efter högre kompressionsnivåer med minimal kvalitetsförlust.
Alternativt kan du även välja storlek i pixlar eller procent för en anpassad utdata. Möjligheten att välja storlek är dock endast tillgänglig med ett Imganify-konto, inklusive gratisversionen, som kommer med en kvot på 20 MB.
De betalda planerna har inga användningsbegränsningar och är i princip obegränsade. De kostnadsfria begränsningarna gör att en betald prenumeration är det mest praktiska alternativet.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| Imagify (Ultra) | 1091 KB | 148 KB | 86.4% |
JPEG-komprimera
JPEG-komprimera är ett annat kostnadsfritt verktyg med ett användarvänligt gränssnitt. Med detta verktyg kan du bearbeta upp till 20 bilder samtidigt med en total storleksgräns på 10 MB.
Förutom att stödja flera filformat garanterar JPEG Compress datasäkerhet. Allt du laddar upp raderas efter 5-10 minuters inaktivitet.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| JPEG-komprimera | 1091 KB | 159 KB | 85.4% |
Imagekit.io
Precis som Image4.io är Imagekit ett annat experverktyg för mediehantering och bildkomprimering från tredje part. Det kommer med en generös, permanent kostnadsfri plan som erbjuder 20 GB molnlagring.
Imagekit levererar även innehåll baserat på slutanvändarnas nätverk med stöd för databesparingslägen i webbläsare.
Dessutom kan du välja anpassad utdata beroende på enhetstyp, dator eller mobil. Imagekit kan dessutom hjälpa till att visa bilder i nästa generations format, som WebP och AVIF, även om de ursprungligen uppladdade bilderna är i JPEG eller PNG-format.
Du kan dock alltid stänga av detta för att behålla det ursprungliga uppladdningsfilformatet. Det finns också en praktisk bildredigerare som du kan använda för att ändra det slutliga resultatet.
Slutligen känns Imagekit som en utmärkt plattform för servering av bilder och videor som enkelt kan integreras med vilken webbinfrastruktur som helst.
Resultat från kompressionstest:
| Verktyg | Ursprunglig storlek | Komprimerad storlek | Minskning |
| Imagekit.io | 1091 KB | 122 KB | 88.8% |
Slutsats
Jag antar att denna lista har något för alla.
Kort sagt är Imagify och Imagekit bäst lämpade för seriös webbplatsintegration och är mestadels avsedda för betalande användare. TinyPNG, Kraken och Compressor.io erbjuder däremot bra alternativ för både gratis- och betalande kunder.
För dig som enbart söker ett kostnadsfritt alternativ kan du prova Optimizilla, JPEG Compress och CompressNow.
PS: Du kan även använda dessa filkomprimeringsverktyg för att bearbeta annat än bara bilder.