Med Full HD-skärmar nu en fungerande minsta standard och till och med billiga smartphones som packar minst fem megapixelkameror, är det lätt att glömma hur mycket bildstorlek är på webben. När någon skapar en webbplats är det otroligt viktigt att ta hänsyn till bandbredd.
Medan en stor bild med hög upplösning inte kan utgöra ett problem för en modern bredbandsanslutning, kan fyllning av din webbplats med högkvalitativa tillgångar göra surfupplevelsen till ett verkligt drag. Utöver detta måste du också betala för uppblåsta värdkostnader!
Det är inte bara webbansvariga som måste hantera bilder som är för stora. Om du har försökt att skicka några bilder till någon, kan den totala storleken på e-postmeddelandet vara en chock när du måste maila tio eller tjugo snaps. Därför är en online bildoptimerare din bästa vän när du vill ladda upp, dela eller ta bilder.
Det här är fyra av våra favoritbildsbildoptimatorer med ett bonus offline-alternativ som ingår när internet går ner, men dina deadlines bryr sig inte! Se också till att läsa vårt tidigare inlägg på andra sätt för att minska bildens storlek.
Inställning av bildtest
Innan vi går in i varje bildkompressor vill jag konfigurera hur vi gjorde vårt test. Det är inte så mycket vetenskapligt eller expansivt; det är bara en serie kompressioner av olika kompressionsmotorer och det är det.
För att visa skillnaden som filformatet gör när det gäller komprimering, använde vi en JPG-bild och en PNG-bild. Ibland kan du komprimera din bild mycket bättre om du sparar den med ett annat format. JPG-bilder passar bäst för bilder av "riktiga" människor, platser, saker etc.
PNG-bilder passar bäst för ikoner, text, skärmdumpar av Windows på skrivbordet, etc. Här är vår ursprungliga JPG-bild (91 KB):
Och här är vår ursprungliga PNG-bild (26 KB):
Kraken.io
Kraken.ios bästa funktion är det faktum att det ger oss en ursäkt för att skrika "släppa kraken!" Varje gång vi använder den, men bortsett från det är det en av de snabbaste lösningarna vi har provat och ganska enkelt att använda.
Det finns flera betalda nivåer av produkten, vilket i huvudsak skiljer sig från hur många gigabyte data du kan bearbeta per månad. Det fria snabbwebbgränssnittet tillåter dig inte att ändra storlek på bilder eller använda andra "Pro" -funktioner, men det är ett enkelt dra och släppverktyg som vi kan ta reda på om några sekunder.
Bäst av allt kan du köa flera filer på en gång för snabb batchbehandling.
Du kan också enkelt importera bilder från Google Drive eller Dropbox med ett klick. I vårt test reducerade Kraken storleken på vår JPG-bild med cirka 15% (78 KB) och vår PNG med ca 61% (10 KB).
Här är JPG-bilden efter att vi släppte kraken:
Det finns en viss kvalitetsförlust, men bilden ser fortfarande ganska bra ut och din webbplats blir mer strömlinjeformad tack vare optimeringen. Här är PNG-bilden efter komprimering:
Kvaliteten på den komprimerade PNG är nästan identisk med originalet, vilket är anledningen till att jag älskar att använda PNG-formatet så mycket som möjligt på grund av dess förmåga att vara kraftigt komprimerad utan lika mycket kvalitetsförlust.
Använd Kraken.io på kraken.io.
Compressor.io
Kompressorn lovar drastisk filstorleksminskning. "Upp till 90%" i vissa fall. Medan de flesta bilder inte får den typen av prestanda, är Compressor ett bra val om du favoriserar absolut filstorlek över fin bildinformation.
Gränssnittet är attraktivt och lätt att använda. Det är också trevligt att du kan spara en bild direkt till din Google Drive eller DropBox utan att först ladda ner den till din dator. En nackdel är emellertid det faktum att endast en bild kan bearbetas åt gången.
Med hjälp av kompressorn på vår testbild var det verkligen en mycket aggressiv 28% minskning av bildstorleken för JPG-bilden (66 KB).
För PNG-bilden minskade storleken på bilden med cirka 67%, hela vägen ner till ca 8 KB. Det ligger mycket nära vad Kraken också kunde göra.
Så hur mycket påverkar det bildkvaliteten? Här är kompressorversionen av JPG för jämförelse.
Som du kan se finns det en stor mängd ljud som läggs till i bilden. Så det är en bättre filstorlek, men med mindre kvalitet. Du måste försöka dina bilder på olika webbplatser för att hitta en som visar en bra balans mellan betydande storlek och bildkvalitet.
PNG-bilden från kompressorn såg precis ut som den från Kraken, så jag inkluderar inte den här.
Använd Compressor.io på compressor.io
Optimizilla
Optimizilla får instant attraktivitet poäng för sin botemedel maskot, men det lovar också ett balanserat tillvägagångssätt för bildoptimering. Dessutom kan du köa upp till tjugo bilder. Optimizilla har också ett mycket kraftfullt gränssnitt.
Optimizilla låter dig ställa in individuella kvalitetsnivåer för dina bilder. Du kan enkelt justera detta med en skjutreglage och sedan förhandsgranska den resulterande bilden jämfört med originalet.
Det betyder att du inte behöver ladda ner den färdiga filen upprepade gånger tills du är nöjd med kvaliteten.
Som standard fick vi en 23% minskning av filstorleken för JPG (70 KB). JPG-storleken är större än kompressorn, men mindre än Kraken. Kvaliteten är mycket bättre än kompressorn och jämförbar med Kraken.
PNG reducerades med 64% och igen var nästan oskiljbar från originalet. Det såg också ut som alla andra komprimerade versioner hittills.
Du kan använda Optimizilla på imagecompressor.com.
ImageSmaller
ImageSmaller är ett annat bra komprimeringsverktyg som ger bra resultat, även om du är begränsad till att bara bearbeta en bild i taget.
I vårt fall fick vi en imponerande 54% minskning av filstorleken för vår JPG med en anständig mängd kvalitetsförlust. Bilden är fortfarande användbar om du skickar den online eller för orsakssyfte, men det finns för mycket ljud att använda det på något annat sätt.
Återigen reducerades PNG med ca 65% och var exakt samma som de andra resultaten.
Ett Offline Alternativ: RIOT
Medan alla fyra av dessa bildoptimatorer kräver en fungerande internetanslutning, är det inte alltid möjligt. Så det är en bra idé att ha ett offline-program som backup eller under omständigheter som gör onlineoptimering mindre än idealisk.
Kanske behöver du bearbeta ett stort antal bilder eller inte vill ladda upp vissa bilder av privatlivets skull.
Oavsett anledning måste du använda en offline-klient, vi gillar särskilt RIOT eller Radical Image Optimization Tool . Denna gratis programvara kan praktiskt taget göra allt, samtidigt som det är ganska enkelt att använda.
Den har ett intressant automatiskt förslagsläge. Enkelt dra in bilden och det kommer att föreslå en lämplig nivå av kompression.
Med automatisk inställning får vi en 28% minskning i bildstorlek (66 KB). Här är bilden, efter att ha bearbetats av RIOT. Liksom med kompressorn är storleken mindre, men ljudnivån är mycket hög.
En annan sak som är värt att nämna om RIOT är att mjukvaran levereras med ett batchomvandlingsläge. Så du kan köa upp så många bilder som din dator kan hantera och sedan bara låta den fortsätta med affärer. En stor fördel gentemot de flesta gratis online-lösningar!
Du kan ladda ner RIOT på luci.criosweb.ro/riot/.
Så enkelt som 1, 2, 3
Med dessa bildoptimeringsverktyg får du din webbplats för att ladda snabbare eller spara lite utrymme på din webbserver eller e-hanterbara bilder till vänner och familj.
Det är snabbt och enkelt att smala de överfattade bilderna ner till något mer välsmakande. Du behöver inte ens lägga ner några pengar. Nu är det bra, oavsett hur du ser på det! Njut av!
