Tover je website in een flitssite met de magie van Imagemagick
Laatst was ik op zoek naar een bedrijf dat hulp of begeleiding biedt met hosting voor onze website kantamassage.nl. Het leuke is, dat je dan meteen ook blogjes leest om een indruk te krijgen van dat bedrijf. En ik las dit blogje over het voordeel van het webp-formaat voor afbeeldingen. Nu had ik er al eerder aan gedacht om al de jpg afbeeldingen om te zetten, en één afbeelding had ik al in webp formaat gezet, maar ik vond het steeds veel te veel werk om al die afbeeldingen te converteren. En... dat is het eigenlijk helemaal niet!
Want er is een heel oud en uitgebreid converteerprogramma beschikbaar: Imagemagick. Dit programma biedt via de commandline de mogelijkheid om een heleboel bestanden ineens te verwerken. Als je Imagemagick installeert heb je, naast het commando imagemagick, de beschikking over een aantal commando's die je in een terminalvenster kunt gebruiken. Eén ervan, convert, had ik al gebruikt, om pdf bestanden om te zetten in een jpg bestand, zonder dat je er een screenshot of een andere work-around voor hoeft te gebruiken.
convert -density 300 -quality 100 filenaam.pdf filenaam.jpg
Dat ging heel snel en makkelijk, daarom dacht ik dat die magie ook gebruikt zou kunnen worden om snel webp-bestanden aan te maken. Ik moest er wel even voor zitten. Het commando is kennelijk mogrify.
mogrify -format webp *.jpg
Het resultaat levert inderdaad een aantal bestanden op die een stuk kleiner zijn dan hun jpg-versie. In een enkel geval zag ik dat het verschil niet zo groot was. Waar dat aan ligt, weet ik niet en laat ik nu maar even voor wat het is.
Daarna hoef je alleen nog een zoek- en vervang-opdracht in je html uit te voeren (alleen de index.html bij ons), waarbij alle .jpg vervangen wordt door .webp en je bent klaar. Natuurlijk ga je dat wel even testen. Het kan namelijk zijn dat de oriëntatie van de illustratie is veranderd. Althans, nadat ik het mogrify-commando had uitgevoerd was daar bij twee foto's wel sprake van. Maar iedereen test natuurlijk zijn website voordat hij hem online zet.
Simpel en stom
Voor mij is het alweer een bevestiging dat het KISS principe werkt. Had ik een ingewikkelde wp-site gemaakt, dan had ik al die foto's waarschijnlijk één voor één moeten uploaden. Misschien is er een tooltje waarmee je dat op een ftp-manier kunt doen, maar dat moet je volgens mij extra aanschaffen. En bovendien zul je op al die plekken de verwijzingen naar de illustraties moeten zoeken en de extensie in de naam handmatig aanpassen. Dat zoek- en prutswerk hoef ik gelukkig niet te doen. Jeyj!