Wichtige Fakten
- Kategorie
- Media
- Eingabetypen
- file, number, select, text, range, checkbox
- Ausgabetyp
- file
- Sample-Abdeckung
- 4
- API verfügbar
- Yes
Überblick
Dieses Tool ermöglicht es Ihnen, WebP-Bilder präzise in der Größe anzupassen, während das WebP-Format sowie die gewünschte Bildqualität beibehalten werden.
Wann verwenden
- •Wenn Sie WebP-Bilder für eine Webseite optimieren und einheitliche Abmessungen benötigen.
- •Wenn Sie hochauflösende WebP-Dateien verkleinern möchten, um Ladezeiten zu verkürzen.
- •Wenn Sie Bilder auf ein bestimmtes Seitenverhältnis zuschneiden oder skalieren müssen.
So funktioniert es
- •Laden Sie Ihre WebP-Datei hoch.
- •Geben Sie die gewünschte Zielbreite oder Zielhöhe in Pixeln ein.
- •Wählen Sie eine Anpassungsmethode wie 'cover' oder 'contain' und legen Sie die Qualität fest.
- •Starten Sie den Prozess, um das skalierte WebP-Bild direkt herunterzuladen.
Anwendungsfälle
Beispiele
1. Produktbild-Standardisierung
E-Commerce-Betreiber- Hintergrund
- Ein Online-Shop benötigt für alle Produktbilder ein einheitliches quadratisches Format von 800x800 Pixeln.
- Problem
- Die hochgeladenen WebP-Rohbilder haben unterschiedliche Seitenverhältnisse und Größen.
- Verwendung
- Laden Sie das Bild hoch, setzen Sie Breite und Höhe auf 800px und wählen Sie 'cover' als Anpassungsmethode.
- Beispielkonfiguration
-
width: 800, height: 800, fit: 'cover', position: 'center' - Ergebnis
- Das Bild wird zentriert auf 800x800 Pixel zugeschnitten und als optimierte WebP-Datei ausgegeben.
2. Webseiten-Ladezeit optimieren
Web-Entwickler- Hintergrund
- Ein Blog verwendet hochauflösende WebP-Bilder, die für die mobile Ansicht zu groß sind.
- Problem
- Die Bilder sollen für mobile Geräte auf eine Breite von 400px skaliert werden, ohne die Qualität zu stark zu mindern.
- Verwendung
- Laden Sie das Bild hoch, setzen Sie die Breite auf 400px und die Qualität auf 85.
- Beispielkonfiguration
-
width: 400, quality: 85, withoutEnlargement: true - Ergebnis
- Das Bild wird auf 400px Breite skaliert, behält das Seitenverhältnis bei und ist deutlich kleiner in der Dateigröße.
Mit Samples testen
image, fileVerwandte Hubs
FAQ
Bleibt das WebP-Format nach der Größenänderung erhalten?
Ja, das Tool verarbeitet das Bild und gibt es direkt wieder als WebP-Datei aus.
Kann ich die Bildqualität beeinflussen?
Ja, über den Regler 'WebP-Qualität' können Sie den Kompressionsgrad zwischen 0 und 100 frei wählen.
Was passiert, wenn ich nur die Breite angebe?
Das Tool berechnet die Höhe automatisch basierend auf dem ursprünglichen Seitenverhältnis, um Verzerrungen zu vermeiden.
Was bedeutet die Option 'Nicht vergrößern'?
Wenn diese Option aktiviert ist, wird das Bild nicht hochskaliert, falls die Zieldimensionen größer als das Original sind.
Welche Anpassungsmethoden stehen zur Verfügung?
Sie können zwischen 'cover', 'contain', 'fill', 'inside' und 'outside' wählen, um zu steuern, wie das Bild in den Zielrahmen eingepasst wird.