Optimera bilder för nätet, det enkla sättet

Vi som gillar snabba webbplatser och kör verktyg så som Googles PageSpeed och Yahoos YSlow för att ta reda på vad vi egentligen kan skala bort stöter ofta på det här med att optimera bilder, och då särskilt bilder i formatet PNG.

(Exemplet ovan visar PageSpeed Insights for Chrome, på webbplatsen Kraid.se)

Google själva hänvisar till de relativt avancerade verktygen (i alla fall om man inte gillar att skriva kommandon manuellt) OptiPNG och PNGOUT (båda dessa är helt gratis). Men sitter man på en Mac finns det ett fantastiskt smidigt och bra verktyg som gör allting åt dig, med det fantastiskt generiska namnet "PNG Compressor".

(PNG Compressor för Mac)

Med det lilla verktyget kan man enkelt dra in de png-bilderna man vill ha optimerade – snabbt, enkelt och smidigt.

Verktyg för att mäta en webbplats hastighet:

• Google PageSpeed Insights (online-verktyg)
• Google PageSpeed Insights (plugins för webbläsare)
• Yahoo YSlow

Uppdaterat 24/10-2012
Direkt efter att jag hade publicerat det här inlägget tipsade både @wibron och @EmilStenstrom om ImageOptim – som är helt gratis. Dessutom tar den jpeg-bilder (och antagligen .gif, har inte haft möjligheten att testa själv) utan problem.

Kan inte direkt säga vilken som ger bäst resultat. Men då ImageOptim är gratis, och dessutom hanterar jpeg-bilder – varför inte testa?