Met Full HD-schermen nu een werkende minimumstandaard en zelfs goedkope smartphones die camera's van ten minste vijf megapixels inpakken, vergeet je gemakkelijk hoeveel beeldgrootte er op het web toe doet. Wanneer iemand een website maakt, is het ongelooflijk belangrijk om rekening te houden met bandbreedte.
Hoewel een grote afbeelding met een hoge resolutie geen probleem vormt voor een moderne breedbandverbinding, kan het vullen van uw site met activa van hoge kwaliteit de browse-ervaring een echte sleur maken. Daarnaast moet je ook de enorme hostingkosten betalen!
Het zijn niet alleen webmasters die te maken hebben met afbeeldingen die te groot zijn. Als je hebt geprobeerd een aantal foto's naar iemand te e-mailen, kan de totale grootte van de e-mail als een schok komen als je tien of twintig foto's moet sturen. Daarom is een online beeldoptimalisatie uw beste vriend wanneer u afbeeldingen wilt uploaden, delen of hosten.
Dit zijn vier van onze favoriete online beeldoptimalisatiemiddelen met een bonus offline optie inbegrepen voor wanneer het internet uitvalt, maar het maakt je niet uit voor je deadlines! Lees ook onze vorige post op andere manieren om de grootte van de afbeelding te verkleinen.
Instelling beeldtest
Voordat we in elke beeldcompressor stappen, wil ik instellen hoe we onze test hebben gedaan. Het is niet erg wetenschappelijk of uitgestrekt; het is gewoon een reeks compressies door verschillende compressie-engines en dat is alles.
Om het verschil in compressie te laten zien, hebben we een JPG-afbeelding en een PNG-afbeelding gebruikt. Soms kunt u uw afbeelding een stuk beter comprimeren als u deze in een ander formaat opslaat. JPG-afbeeldingen zijn het meest geschikt voor afbeeldingen van "echte" mensen, plaatsen, dingen, enz.
PNG-afbeeldingen zijn het meest geschikt voor pictogrammen, tekst, schermafbeeldingen van vensters op uw bureaublad, enz. Dit is onze originele JPG-afbeelding (91 KB):
En hier is onze originele PNG-afbeelding (26 KB):
Kraken.io
De beste eigenschap van Kraken.io is het feit dat het ons een excuus geeft om te schreeuwen "laat de Kraken los!" Elke keer als we het gebruiken, maar afgezien daarvan is het een van de snelste oplossingen die we hebben geprobeerd en vrij eenvoudig te gebruiken.
Er zijn verschillende betaalde lagen van het product, voornamelijk afhankelijk van het aantal gigabytes aan gegevens dat u per maand kunt verwerken. De gratis snelle webinterface staat je niet toe afbeeldingen te verkleinen of andere "Pro" -functies te gebruiken, maar het is een eenvoudig hulpmiddel om te slepen en neerzetten dat we in slechts een paar seconden konden achterhalen.
Het beste van alles is dat u meerdere bestanden in één keer in de wachtrij kunt plaatsen voor een snelle batchverwerking.
Je kunt ook eenvoudig afbeeldingen uit Google Drive of Dropbox importeren met een klik. In onze test verkleinde Kraken de grootte van onze JPG-afbeelding met ongeveer 15% (78 KB) en onze PNG met ongeveer 61% (10 KB).
Hier is de JPG-afbeelding nadat we de kraken hebben vrijgegeven:
Er is wat kwaliteitsverlies, maar het beeld ziet er nog steeds best goed uit en uw website zal beter gestroomlijnd zijn dankzij de optimalisatie. Dit is de PNG-afbeelding na compressie:
De kwaliteit van de gecomprimeerde PNG is bijna identiek aan die van het origineel. Daarom vind ik het leuk om het PNG-formaat zoveel mogelijk te gebruiken vanwege het vermogen om zwaar te worden gecomprimeerd zonder al te veel kwaliteitsverlies.
Gebruik Kraken.io op kraken.io.
Compressor.io
Compressor belooft drastische vermindering van de bestandsgrootte. "Tot 90%" in sommige gevallen. Hoewel de meeste afbeeldingen geen dergelijke prestaties zullen krijgen, is Compressor een goede keuze als u absolute bestandsgrootte verkiest boven gedetailleerde details.
De interface is aantrekkelijk en gemakkelijk te gebruiken. Het is ook leuk dat je een afbeelding direct in je Google Drive of DropBox kunt opslaan zonder deze eerst naar je computer te downloaden. Een nadeel is echter dat er slechts één afbeelding tegelijkertijd kan worden verwerkt.
Met behulp van Compressor op ons testbeeld was er inderdaad een zeer agressieve 28% reductie in beeldgrootte voor de JPG-afbeelding (66 KB).
Voor de PNG-afbeelding verminderde het de grootte van de afbeelding met ongeveer 67%, helemaal tot ongeveer 8 KB. Dit komt heel dicht bij wat Kraken ook kon doen.
Dus in welke mate was dit van invloed op de beeldkwaliteit? Hier is de Compressor-versie van de JPG ter vergelijking.
Zoals u kunt zien, is er een aanzienlijke hoeveelheid ruis aan de afbeelding toegevoegd. Dus het is een betere bestandsgrootte, maar met minder kwaliteit. Je zult je afbeeldingen op verschillende sites moeten proberen om er een te vinden die een goed evenwicht biedt tussen aanzienlijke verkleining en beeldkwaliteit.
Het PNG-beeld van de compressor leek precies op dat van Kraken, dus ik neem het hier niet op.
Gebruik Compressor.io op compressor.io
Optimizilla
Optimizilla krijgt meteen aantrekkelijkheidspunten voor zijn genezende mascotte, maar het belooft ook een evenwichtige benadering van beeldoptimalisatie. Bovendien kunt u maximaal twintig afbeeldingen in de wachtrij plaatsen. Optimizilla heeft ook een zeer krachtige interface.
Met Optimizilla kunt u afzonderlijke kwaliteitsniveaus instellen voor uw afbeeldingen. U kunt dit eenvoudig aanpassen met een schuifregelaar en een voorbeeld van de resulterende afbeelding bekijken in vergelijking met het origineel.
Dit betekent dat u het voltooide bestand niet herhaaldelijk hoeft te downloaden totdat u tevreden bent met de kwaliteit.
Standaard haalden we een bestandsreductie van 23% voor de JPG (70 KB). De JPG-maat is groter dan de compressor, maar kleiner dan Kraken. De kwaliteit is veel beter dan de compressor en vergelijkbaar met Kraken.
De PNG werd met 64% verminderd en was weer bijna niet van het origineel te onderscheiden. Het zag er tot nu toe hetzelfde uit als alle andere gecomprimeerde versies.
U kunt Optimizilla gebruiken op imagecompressor.com.
ImageSmaller
ImageSmaller is een andere goede online compressie-tool die behoorlijke resultaten oplevert, ook al bent u beperkt tot het verwerken van slechts één afbeelding tegelijk.
In ons geval hadden we een indrukwekkende vermindering van 54% in bestandsgrootte voor onze JPG met een behoorlijke hoeveelheid kwaliteitsverlies. De afbeelding is nog steeds werkbaar als u deze online of voor oorzakelijke doeleinden publiceert, maar er is teveel ruis om deze op een andere manier te gebruiken.
Opnieuw was de PNG met ongeveer 65% verminderd en was precies hetzelfde als de andere resultaten.
Een offline alternatief: RIOT
Hoewel alle vier deze beeldoptimaliseringsprogramma's een werkende internetverbinding vereisen, is dat niet altijd mogelijk. Het is dus een goed idee om een offlineapplicatie te gebruiken als back-up of onder omstandigheden die online optimalisatie minder dan ideaal maken.
Misschien moet u een groot aantal afbeeldingen verwerken of wilt u bepaalde afbeeldingen om privacyredenen niet uploaden.
Welke reden u ook heeft om een offline client te gebruiken, we houden vooral van RIOT of Radical Image Optimization Tool . Dit gratis stuk software kan vrijwel alles doen, terwijl het vrij eenvoudig te gebruiken is.
Het heeft een interessante automatische suggestiemodus. Sleep de afbeelding eenvoudig naar binnen en er wordt een passend compressieniveau aanbevolen.
Met behulp van de automatische instelling krijgen we een beeldomvang van 28% (66 KB). Hier is de afbeelding, na verwerkt te zijn door RIOT. Net als bij Compressor is de grootte kleiner, maar het geluidsniveau is erg hoog.
Een ander ding dat het vermelden waard is over RIOT is dat de software wordt geleverd met een batch-omzettermodus. U kunt dus zoveel foto's in een wachtrij plaatsen als uw computer aankan en deze dan gewoon achterlaten om zaken te doen. Een groot voordeel ten opzichte van de meeste gratis online oplossingen!
Je kunt RIOT downloaden op luci.criosweb.ro/riot/.
Zo eenvoudig als 1, 2, 3
Met deze hulpprogramma's voor beeldoptimalisatie kunt u uw website sneller laden of ruimte op uw webserver opslaan of stuurbare foto's e-mailen naar vrienden en familie.
Het is snel en gemakkelijk om die overvette afbeeldingen te verkleinen tot iets aangenamer. Je hoeft zelfs geen geld neer te leggen. Dat is een goede deal, het maakt niet uit op welke manier je ernaar kijkt! Genieten!
