OptiPNG: een korte handleiding

Zoals in mijn vorige blogpost verteld, is Photoshop niet altijd ideaal wanneer je png-afbeeldingen wil optimaliseren voor het web. Toen ik aan de TheHotSeat-website werkte leverde OptiPNG in dat opzicht verbazingwekkende resultaten op. Het tooltje slaagde erin de Photoshop-png-bestanden gemiddeld zo’n 10% ‘lichter’ te maken. En dat zonder zichtbaar kwaliteitsverlies.

OptiPNG is een opensourceprogramma dat je gratis kan downloaden en gebruiken. Het is beschikbaar voor PC, Linux en Mac. De versie die ik in deze handleiding demonstreer, is de Mac 0.6-versie. Werk je niet op Mac, dan kan je met wat creativiteit en gezond verstand mijn uitleg zeker ook volgen op het platform dat jij gebruikt.

OptiPNG installeren

Na het downloaden en unzippen/untarren (gewoon dubbelklikken, je Mac doet de rest) krijg je de OptiPNG-bronbestanden in een mapje genaamd ‘optipng-0.6’ op je computer, waarschijnlijk in je ‘downloads’-map. Blader naar je ‘Programma’s’ > ‘Hulpprogramma’s’-map en start Terminal op. We gaan OptiPNG jammer genoeg moeten installeren en bedienen via Terminal omdat er geen GUI voorhanden is. Maar vrees niet, het is vrij eenvoudig.

In Terminal blader je eerst naar het OptiPNG source-mapje op je harde schijf via het commando:
cd downloads/optipng-0.6/src/

Start dan het makebestand uit de scripts map:
make -f scripts/gcc.mak

Als je niet voldoende rechten hebt, dan krijg je waarschijnlijk een foutmelding te zien. Probeer dan:
sudo make -f scripts/gcc.mak
en geef daarna je OSX-wachtwoord in.

Daarna installeer je het programma via hetzelfde makebestand:
make -f scripts/gcc.mak install

OptiPNG gebruiken

Om een png-bestand te comprimeren kan je gebruik maken van het ‘cd’-commando in Terminal om te bladeren naar het mapje waar het png-beeldje zich bevindt, bijvoorbeeld:
cd downloads/png-beeldjes/

Vervolgens laat je OptiPNG zijn werk doen:
optipng Afbeelding1.png

OptiPNG probeert nu tientallen png-compressiemethodes uit. De methode die het kleinste png-beeldje oplevert, zal uiteindelijk ook toegepast worden op je bronbestand (Afbeelding1.png in het voorbeeld hierboven). Het geoptimaliseerde bestand zal het oorspronkelijke bronbestand overschrijven. Wil je liever een back-up van je bronbestand? Gebruik dan:
optipng -k bestand1.png

Voilà, zo eenvoudig is het. Je kan OptiPNG trouwens ook gebruiken om gif-, tiff-, bmp- of pnm-bestanden om te zetten naar png. Voor meer compressieopties raad ik je aan de OptiPNG-handleiding eens na te kijken. Zo kan je bijvoorbeeld ook kiezen voor simulaties, interliniëringopties instellen, het kleurenpalet beheren of het niveau van compressie instellen.

Categorieën: Ontwerp, Photoshop,