Advertentie
Afbeeldingen vormen tegenwoordig een integraal onderdeel van het web. En het blijkt dat afbeeldingen een van de meest voorkomende redenen zijn voor trage laadtijden van pagina's. Met tal van mobiele apparaten die toegang hebben tot internet en de recente hints dat de laadsnelheid van uw site zijn rang op Google zou beïnvloeden, zou u dit knelpunt zeker willen verwijderen.
Een van de manieren om foto's voor het web te optimaliseren, is door CSS-sprites te gebruiken. Sprites werken het beste voor afbeeldingen die worden gebruikt in navigatie of andere site-elementen, die min of meer hetzelfde blijven. De andere optie is om de afbeeldingsgrootte te optimaliseren door de hoeveelheid informatie in afbeeldingen te wijzigen, ze te comprimeren en onnodige metagegevens te verwijderen.
Hier zijn enkele van de opties die u kunt gebruiken om afbeeldingen voor internet te optimaliseren.
Gebruik uw afbeeldingseditor
De meeste afbeeldingseditors hebben een of meer manieren om afbeeldingen voor internet te optimaliseren. Met Photoshop en GIMP kunt u de kwaliteit van het opgeslagen bestand kiezen die kan worden gebruikt om de bestandsgrootte te regelen. Daarnaast biedt Photoshop ook een
opslaan voor internet functie, die niet alleen de grootte optimaliseert, maar ook zorgt voor kleurprofielen zodat de kleuren in uw afbeeldingen er op het scherm hetzelfde uitzien als u van plan bent.
Ontwikkeld door Yahoo, Smush. Het analyseert het bestandsformaat van het specifieke afbeeldingsbestand dat u probeert te optimaliseren en past vervolgens de specifieke optimalisaties toe voor dat specifieke afbeeldingsformaat. Geweldig ding over Smush. Het is dat het de kwaliteit van de afbeelding niet verandert. Je uploadt de afbeeldingen die je wilt optimaliseren, Smush. Het verwerkt ze en geeft de resultaten terug in een downloadbaar zip-bestand.
Online Image Optimizer [niet meer beschikbaar]
Met Online Image Optimizer kun je een gif-, jpg- of png-afbeelding van 300 KB of minder uploaden en optimaliseren. Kies gewoon een afbeelding op uw computer, upload deze en Online Image Optimizer doet de rest voor u. Het presenteert u een aantal verschillende versies van de afbeelding, samen met de grootte en optioneel voorbeeld. Afhankelijk van het doel waarvoor u de afbeelding gebruikt, kunt u kiezen uit een reeks opties. Er is een duidelijke verslechtering van de beeldkwaliteit in de zeer kleine afbeeldingen. Optioneel biedt Online Image Optimizer u ook een optie om het formaat van het afbeeldingsbestand te converteren naar één GIF, JPG of PNG.
PNG Crusher
PNG Crusher is een Mac-applicatie. Zoals de naam al doet vermoeden, is het gespecialiseerd in PNG-bestandsoptimalisatie. De applicatie geeft je een soort container waarmee je PNG-bestanden kunt slepen en neerzetten. De bestanden worden vervolgens gecomprimeerd met OptiPNG als backend. De site merkt op dat sommige PNG's al behoorlijk geoptimaliseerd zijn en PNG-crusher kan er niet veel mee doen. De PNG-bestanden worden alleen vervangen door de geoptimaliseerde versies als de gecomprimeerde bestanden kleiner zijn dan de originele.
GIFWorks
GIFWorks voert een aantal bewerkingen uit op GIF-bestanden. U kunt een afbeelding uploaden vanaf uw computer of een web-URL specificeren en vervolgens het GIF-bestand bewerken, overgangseffecten tussen frames toevoegen en de GIF-afbeelding optimaliseren. GIFWorks biedt u drie opties om GIF-afbeeldingen voor het web te optimaliseren, u kunt kleuren verminderen, beperk het palet tot alleen webveilige kleuren of splits de frames om te kiezen en kies welke houden. Daarnaast kunt u met GIFWorks ook helemaal zelf 3D-tekst maken.
[NIET LANGER WERKT] PunyPNG
Met PunyPNG kun je GIF-, JPG- en PNG-afbeeldingen voor het web optimaliseren door ze te converteren naar gecomprimeerde PNG-bestanden. Er is minimaal tot geen kwaliteitsverlies tijdens het compressieproces en de resultaten zijn uitstekend. De site vereist flash en heeft een maximale bestandsgrootte van 350 KB.
Welke apps gebruik je om afbeeldingen voor het web te optimaliseren? Laat ons er alles over weten in de comments.
Ik ben Varun Kashyap uit India. Ik ben gepassioneerd door computers, programmeren, internet en de technologieën die ze aansturen. Ik hou van programmeren en vaak werk ik aan projecten in Java, PHP, AJAX etc.
