JPEG is een afbeeldingsformaat dat foto’s klein maakt door details weg te laten die je oog waarschijnlijk niet mist. Het is het formaat achter de meeste foto’s die je online ziet, vernoemd naar de Joint Photographic Experts Group die het begin jaren 90 bedacht.
Zie het als een koffer inpakken door je kleren strak op te rollen in plaats van alles netjes te vouwen. Er past veel meer in en van een afstandje ziet het er prima uit, maar wat netheid ben je voorgoed kwijt. JPEG doet hetzelfde: het groepeert vergelijkbare kleuren en maakt fijne overgangen glad, perfect voor een zonsondergang maar rommelig voor scherpe logo’s of tekst. Daarvoor houdt een PNG elke pixel exact. JPEG bewaart alleen RGB, dus het is gemaakt voor schermen en niet voor drukwerk.
De afweging zit in het compressieniveau. Sla je op met hoge kwaliteit, dan ziet een JPEG er identiek uit aan het origineel op een fractie van de grootte. Druk je de compressie te ver door, dan krijg je zichtbare blokjes en randjes, het klassieke teken van een te hard platgedrukte afbeelding.
Eén gewoonte scheelt veel ergernis. Omdat JPEG lossy is, verlies je bij elke keer opslaan weer een beetje, dus bewerk nooit een JPEG, sla hem op, en bewerk datzelfde bestand de dag erna opnieuw. Houd je origineel als PNG of camera-raw, behandel de JPEG als een eindexport en exporteer opnieuw vanuit de master als je een ander formaat nodig hebt. Dat telt ook bij responsive design, waar dezelfde foto in meerdere breedtes meegaat voor telefoon, tablet en desktop.
Bij TopDevs kiezen we per beeld het juiste formaat en comprimeren we JPEG’s automatisch tijdens de build, zodat de productfoto’s van een klant scherp blijven terwijl de pagina toch snel laadt.
