Bereite die Bilder für eine schnellere Website vor
Bring die Fotos und Grafiken der Seite auf WebP, mit der Breite, die dein Design wirklich nutzt. Das ist der übliche Weg, wenn die Startseite sich schwer anfühlt und die Bilder noch in voller Kameraauflösung vorliegen.
- Schnell
- 100% privat
- Immer kostenlos
- Jeder Browser
Lege Bilder irgendwo auf dieser Seite ab
JPG, PNG, WebP, GIF, SVG, HEIC oder AVIF. Deine Fotos bleiben auf diesem Gerät.
Wann du das nutzt
WebP ist hier der Standard, weil es bei Fotos normalerweise gegen JPG gewinnt und die Transparenz von Elementen der Oberfläche behalten kann. Alle modernen Browser zeigen es an.
Bleib bei JPG, wenn ein CMS, ein Newsletter oder ein Partner WebP weiter ablehnt. Bleib bei PNG für ein Logo, das genau so bleiben muss, wie es gezeichnet ist.
Wenn dich die Geschwindigkeit beschäftigt, zählt eine geringere Breite genauso wie das Format. Ein WebP mit 4000 px bleibt viele Byte.
Wenn du außerdem JSON formatieren oder ein Token prüfen musst, ohne es auf eine öffentliche Website zu kleben, nutze ToolBuddy. Das bleibt auch im Browser.
So geht's
- Lege die Bilder ab, die du auf eine Seite setzen willst.
- Lass die Ausgabe auf WebP und die Qualität bei etwa 0,8, außer du siehst Streifen.
- Lass die maximale Breite bei etwa 1600, oder bei 2400, wenn das Bild mit 1200 CSS-Pixeln auf Retina-Bildschirmen angezeigt wird.
- Lade die WebP-Dateien herunter und ersetze die Originale in deiner Vorlage oder deinem CDN.
Tipps
- Titelbilder: ein großes WebP, kein PNG, das ein Screenshot des Fotos ist.
- Produktraster: eine feste Breite hilft dem Zwischenspeicher und der Gestaltung.
- Wenn ein Kunde die Vorschau nicht öffnen kann, wandle eine Kopie in JPG um. Lass das WebP auf der Website.