Notities over beeldformaten, compressie en meer doen in je browser.
PNG is een schitterend formaat om in te werken en een verkwistend om uit te leveren. Dit is wat WebP je echt bespaart, waar het niets oplevert, en de ene regel die ik nooit breek.
„Je bestanden verlaten je apparaat nooit" is een architectuur, geen marketingzin. Zo doet WASM de omzetting rechtstreeks in je browser, en dit is de ene echte beperking ervan.
Een SVG schaalt eindeloos en blijft piepklein, dus rasteren voelt als een stap terug. Soms is het dat ook. Wanneer je echt PNG-pixels uit een vector nodig hebt, en wanneer je de SVG met rust laat.
Een schermafbeelding van een grotendeels leeg dashboard heeft niets te zoeken op 2 MB. Waarom PNG je dat aandoet, en hoe omzetten naar WebP het 60–90% wegsnijdt zonder zichtbaar verlies.
AVIF wint meestal op grootte van WebP, soms met 20% of meer. Dit is wat die extra compressie je kost aan encodeertijd en randgevallen, en wanneer ik toch naar WebP grijp.
Lossless tegenover lossy, randen tegenover foto's, transparantie tegenover niets. Eén simpele vraag vertelt je welk formaat een bestand hoort te zijn — met een echte groottetabel als bewijs.
HEIC is echt een beter formaat dat de helft van het web nog steeds niet kan openen. Waarom Apple ervoor koos, wat je inlevert als je naar JPG omzet, en wanneer ik het niet doe.