Converteer JPG naar WebP voor uw website Image Library

Houd uw originele JPEG- of bewerkingsproject als master en maak een WebP-kopie voor levering. waarmee u later verschillende maten kunt maken zonder herhaaldelijk een reeds gecomprimeerde export te comprimeren. Gebruik duidelijke bestandsnamen die het onderwerp en de beoogde plaatsing identificeren, in plaats van elke foto in uw archief te vervangen door een nieuw formaat.

WebP is een optie voor websitefoto's, maar uw contentmanagementsysteem moet de upload accepteren en de uitvoer correct weergeven. Controleer die workflow met één bestand voordat u een hele bibliotheek converteert. Sommige systemen genereren hun eigen alternatieven of het verkleinen van geüploade afbeeldingen automatisch. Als de jouwe dat doet, vergelijk dan het bestand dat daadwerkelijk aan bezoekers is afgeleverd, aangezien een lokaal geoptimaliseerd bestand mogelijk opnieuw wordt verwerkt na het uploaden.

De initiële preset houdt de originele afmetingen op 90% kwaliteit. Dit geeft u een eenvoudige format-vergelijking. Voor een websiteleveringsbestand, schakelt u naar binnen zodra u de grootste weergavebreedte in de lay-out kent die nodig is. Een afbeelding met volledige cameraresolutie is vaak niet nodig voor een kaart, maar een grote banner heeft mogelijk een grotere kandidaat nodig.

Maak aparte exports voor verschillende weergaverollen in plaats van één klein beeld te dwingen om elke ruimte te vullen. Een thumbnail, artikelafbeelding en grote productweergave dienen verschillende doelen. De Retina afbeelding resizer Legt uit hoe u illustratieve kandidaten met een hogere dichtheid kiest zonder aan te nemen dat elk apparaat hetzelfde bestand nodig heeft. Vermijd het vergroten van een kleine bron om aan een groot exportaantal te voldoen; Vergroting kan de ontbrekende details niet maken.

Kies een moeilijk gebied bij het vergelijken van de WebP met de JPEG: haar, boomtakken, fijne stof, een gladde lucht of een donkere muur. Controleer zowel de gewenste weergavegrootte als een close-view. Een instelling die er goed uitziet op een onscherpe achtergrond, kan te agressief zijn voor een getextureerde productfoto. Het kwaliteitsnummer is een encoderregeling, geen universele visuele score.

Als de WebP groter is dan de bron, bewaar dan het betere bestand voor uw werkelijke vereisten of probeer een instelling van lagere kwaliteit zorgvuldig. Ga er niet vanuit dat een nieuwere extensie elke vergelijking wint. Deze tool maakt een browser-gecodeerde WebP; Het biedt geen losse Lossless WebP-modus, een aangepast codec-afstempaneel of een garantie voor het opslaan op een individuele afbeelding.

Na het downloaden plaatst u het bestand op de echte pagina en bevestigt u het bijsnijden, alternatieve tekst en weergegeven afmetingen. Een foto met minder bytes kan nog steeds laat laden als de pagina er laat om vraagt. Reserveer de lay-outruimte, kies geschikte responsieve bronnen en vermijd lui laden van een afbeelding die direct bovenaan de pagina nodig is. Dat zijn beslissingen over website-implementatie die verder gaan dan conversie.

Controleer zowel een telefoonlay-out als een grote monitor. Als dezelfde afbeelding een onherkenbare strook in de telefoonuitsnede wordt, maak dan een andere compositie in plaats van de JPEG- of WebP-kwaliteit te verhogen. Verwerk gerelateerde foto's samen pas nadat die eerste pagina werkt. De conversie blijft op uw apparaat en de originele bestanden blijven beschikbaar voor een andere export.

Vergelijk bijvoorbeeld het lommerrijke landschap van een artikel met zijn gewone studioportret. Ze hebben mogelijk verschillende kwaliteitsinstellingen nodig, zelfs bij dezelfde breedte. Houd een nota van de afmetingen en gemeten bytes naast elke kandidaat, zodat de beslissing gekoppeld blijft aan een echt dossier.