Konvertieren Sie JPG in WebP für Ihre Website-Bildbibliothek

Behalten Sie Ihr ursprüngliches JPEG oder Bearbeitungsprojekt als Master und erstellen Sie eine WebP-Kopie für die Lieferung. Dadurch können Sie später andere Größen erstellen, ohne einen bereits komprimierten Export wiederholt komprimieren zu müssen. Verwenden Sie eindeutige Dateinamen, die das Motiv und die beabsichtigte Platzierung identifizieren, anstatt jedes Foto in Ihrem Archiv durch ein neues Format zu ersetzen.

WebP ist eine Option für Website-Fotos, aber Ihr Content-Management-System muss den Upload akzeptieren und die Ausgabe korrekt bereitstellen. Überprüfen Sie den Workflow mit einer Datei, bevor Sie eine gesamte Bibliothek konvertieren. Einige Systeme generieren eigene Alternativen oder passen die Größe hochgeladener Bilder automatisch an. Wenn dies bei Ihnen der Fall ist, vergleichen Sie die tatsächlich an Besucher gelieferte Datei, da eine lokal optimierte Datei nach dem Hochladen möglicherweise erneut verarbeitet wird.

Die anfängliche Voreinstellung behält die ursprünglichen Abmessungen bei einer Qualität von 90 % bei. Dadurch erhalten Sie einen unkomplizierten Formatvergleich. Wechseln Sie bei einer Website-Bereitstellungsdatei zu „Anpassen innerhalb“, sobald Sie die größte im Layout benötigte Anzeigebreite kennen. Ein Bild mit voller Kameraauflösung ist für eine Karte oft nicht erforderlich, für ein großes Banner ist jedoch möglicherweise ein größerer Kandidat erforderlich.

Erstellen Sie separate Exporte für verschiedene Anzeigerollen, anstatt zu erzwingen, dass ein kleines Bild jeden Raum ausfüllt. Ein Miniaturbild, ein Artikelbild und eine große Produktansicht dienen unterschiedlichen Zwecken. Der Retina-Bild-Resizer erklärt, wie man anschauliche Kandidaten mit höherer Dichte auswählt, ohne davon auszugehen, dass jedes Gerät dieselbe Datei benötigt. Vermeiden Sie es, eine kleine Quelle zu vergrößern, um eine große Exportzahl zu erreichen; Durch die Vergrößerung kann das fehlende Detail nicht erzeugt werden.

Wählen Sie einen schwierigen Bereich aus, wenn Sie WebP mit JPEG vergleichen: Haare, Äste, feiner Stoff, ein glatter Himmel oder eine dunkle Wand. Überprüfen Sie sowohl die vorgesehene Anzeigegröße als auch eine Nahansicht. Eine Einstellung, die auf einem unscharfen Hintergrund gut aussieht, kann für ein strukturiertes Produktfoto zu aggressiv sein. Bei der Qualitätszahl handelt es sich um eine Encoder-Kontrolle, nicht um eine universelle visuelle Bewertung.

Wenn WebP größer als die Quelle ist, behalten Sie die bessere Datei für Ihre tatsächlichen Anforderungen oder versuchen Sie es vorsichtig mit einer niedrigeren Qualitätseinstellung. Gehen Sie nicht davon aus, dass eine neuere Erweiterung jeden Vergleich gewinnt. Dieses Tool erstellt ein browsercodiertes WebP; Es bietet keinen separaten verlustfreien WebP-Modus, kein benutzerdefiniertes Codec-Tuning-Panel oder eine Garantie für das Speichern eines einzelnen Bildes.

Platzieren Sie die Datei nach dem Herunterladen auf der echten Seite und bestätigen Sie den Zuschnitt, den alternativen Text und die angezeigten Abmessungen. Ein Bild mit weniger Bytes kann trotzdem zu spät geladen werden, wenn die Seite es zu spät anfordert. Reservieren Sie Platz für das Layout, wählen Sie geeignete responsive Quellen und vermeiden Sie das träge Laden eines benötigten Bildes direkt oben auf der Seite. Dabei handelt es sich um Entscheidungen zur Website-Implementierung, die über die Konvertierung hinausgehen.

Überprüfen Sie ein Telefonlayout sowie einen großen Monitor. Wenn das gleiche Bild zu einem nicht erkennbaren Streifen im Telefonausschnitt wird, erstellen Sie eine andere Komposition, anstatt die Qualität von JPEG oder WebP zu erhöhen. Verarbeiten Sie zusammengehörige Fotos erst dann gemeinsam, wenn die erste Seite funktioniert. Die Konvertierung bleibt auf Ihrem Gerät und die Originaldateien bleiben für einen anderen Export verfügbar.

Vergleichen Sie beispielsweise die Blätterlandschaft eines Artikels mit seinem einfachen Studioporträt. Möglicherweise sind auch bei gleicher Breite unterschiedliche Qualitätseinstellungen erforderlich. Notieren Sie sich die Abmessungen und gemessenen Bytes neben jedem Kandidaten, damit die Entscheidung an eine tatsächliche Datei gebunden bleibt.