Kies voor de echte toepassing
Vergelijk voor een webfoto eerst WebP met JPEG. Vergelijk voor een diagram, schermafbeelding of logo met precieze randen PNG met een verliesvrij alternatief. WebP ondersteunt transparantie en compressie met en zonder verlies; JPEG bewaart geen alfakanaal. Een converter kan wel minder functies ondersteunen dan het formaat zelf. Bewaar een onaangetast origineel voordat je gaat proberen.
Eerst de afmetingen, dan de kwaliteitsinstelling
Een afbeelding die 800 pixels breed wordt getoond, heeft op die plek zelden een export van 6.000 pixels nodig. Bepaal de weergavegrootte en gewenste scherpte op schermen met hoge pixeldichtheid en schaal met behoud van de verhouding. Bijsnijden verandert de compositie; schalen verandert de afmetingen. Gebruik voor productzoom een aparte grotere afbeelding. Vergroot geen kleine miniatuur tot de hoofdfoto.
Vergelijk op de zichtbare grootte
Probeer een gemiddelde kwaliteit, bekijk de export op de bedoelde grootte en vergelijk de werkelijke bestandsgrootten. Let op letters, haar, fijne stoffen en zachte kleurverlopen: daar zie je compressieschade snel. Kwaliteit 80 betekent niet bij iedere encoder hetzelfde beeld. Beloof geen vast besparingspercentage; een al efficiënt bestand kan nauwelijks krimpen of zelfs groter worden.
Controleer transparantie, richting en animatie
Transparante illustraties hebben een uitvoer met alfakanaal nodig. Kies bij JPEG bewust een achtergrondkleur, zodat er geen onverwachte zwarte randen ontstaan. Open het opgeslagen bestand opnieuw en controleer richting en kleuren. Een converter voor stilstaande beelden kan slechts één frame van een animatie bewaren; ook metadata kunnen verdwijnen. Bewaar het origineel als die eigenschappen nodig zijn.
Maak de werkwijze herhaalbaar
Bepaal de uitsnede, schaal één keer, exporteer twee formaten en kies het kleinste aanvaardbare resultaat. Geef het bestand een duidelijke naam en schrijf alternatieve tekst die het doel van de afbeelding beschrijft. Controleer de uiteindelijke pagina op mobiel en desktop. Dit is een redactionele aanbeveling, geen benchmark van een bepaalde encoder: het resultaat voor de bezoeker is de nuttige maatstaf.
developers.google.com · developer.mozilla.org