Bilder sind oft der größte Performance-Killer auf Websites – gerade auf Squarespace-Seiten mit vielen Produktfotos, Portfolios oder Blogbeiträgen.
Die gute Nachricht: Squarespace hat jetzt (Mitte 2025) endlich WebP-Unterstützung eingeführt.
Das bedeutet für dich:
schnellere Ladezeiten,
bessere Google-Werte und
weniger Aufwand beim Bild-Optimieren.
Lass uns das Thema Schritt für Schritt durchgehen.
1. Was ist WebP überhaupt?
WebP ist ein modernes Bildformat von Google. Es kann alles, was JPEG und PNG können, nur als kleinere Datei. Heißt: gleiche Qualität, weniger Kilobyte. Das spart Ladezeit und verbessert so die Performance-Werte, die Google liebt :-)
2. Wie funktioniert WebP in Squarespace?
Automatisch: Egal ob du JPEG, PNG oder WebP hochlädst – Squarespace macht im Hintergrund daraus optimierte WebP-Versionen.
Für alle: Funktioniert in allen Templates und auch auf älteren Squarespace-Versionen.
Kein Mehraufwand: Du musst keine Bilder neu hochladen, Squarespace konvertiert auch bestehende Bilder.
Fallback: Ältere Browser, die kein WebP können, bekommen automatisch die Originaldatei.
WebP in Squarespace – Q&A
Kann ich WebP-Dateien direkt hochladen?
Ja. Seit Mitte 2025 akzeptiert Squarespace .webp-Dateien.
Muss ich meine alten Bilder neu hochladen?
Nein. Alles, was schon auf deiner Seite ist, ist als Originaldatei in der Inhaltsbibliothek verfügbar, wird aber automatisch in WebP ausgeliefert, wenn jemand dein Website besucht.
Werden alle Bilder in WebP angezeigt?
Ja – außer im E-Mail-Marketing von Squarespace (dort bitte weiter JPEG/PNG nutzen).
Was ist mit Browsern, die kein WebP können?
Squarespace liefert automatisch die Originaldatei (JPEG/PNG) als Fallback.
Sieht mein Bild als WebP schlechter aus?
Normalerweise nicht. WebP spart Dateigröße, ohne dass du einen Unterschied siehst. Tipp: Lade Bilder in guter Qualität hoch (2500px Breite, unter 500KB), damit die Automatik optimal arbeiten kann.
Soll ich jetzt alles nur noch in WebP hochladen?
Nicht nötig – JPEG/PNG gehen genauso.
Wenn du aber schon WebP-Versionen hast, kannst du sie direkt hochladen und volle Kontrolle über die Qualität behalten.
Was ist mit transparenten Hintergründen?
Kein Problem. WebP kann Transparenz genauso wie PNG – nur oft mit kleineren Dateien.
Funktionieren animierte Bilder auch?
Ja, WebP kann Animationen wie GIF – nur schöner und kleiner. Aber Achtung: Ältere Safari-Versionen zeigen keine WebP-Animationen.
Best Practices für WebP in Squarespace
Originale optimieren: Vor dem Hochladen Bilder auf passende Größe skalieren und leicht komprimieren. Siehe nächsten Abschnitt mit Größen-Emfehlungen und best practices.
Keine Angst vor JPEG/PNG: Lade hoch, was du hast Squarespace macht den Rest.
Alt-Texte nicht vergessen: WebP ändert nichts an SEO-Basics.
Hero-Bilder prüfen: Das größte Bild sollte schnell laden.
Transparente Grafiken bevorzugt als WebP speichern: Spart sofort Speicherplatz.
Best Practices für optimale Bilder auf deiner Squarespace Website
Squarespace selbst empfiehlt eine Maximalbreite 2.500 px für Vollbild/Hero-Bilder und unter 500 KB pro Bild als Richtwert, um Ladezeiten niedrig zu halten.
Ich komprimiere und skaliere die Bilder immer vor dem Hochladen
Mit dem WebP Update erzeugt Squarespace bei Upload automatisch mehrere Bildgrößen (bis 2.500 px Breite) und liefert diese als WebP aus. Alles, was größer ist, wird serverseitig verkleinert, bringt also keinen Vorteil, nur längere Uploadzeiten.
Google PageSpeed Insights und andere Tools bewerten Bilder, die größer 500 KB oft als Optimierungspotenzial. Wenn möglich komprimiere ich die Bilder auch kleiner.
Für Retina-Schärfe wird empfohlen, das Bild max. doppelt so groß wie die Anzeigengröße hochzuladen, Squarespace rechnet das dann passend runter.
Hier also die Übersicht:
Pixelmaße (px)
Hero-/Bannerbilder: max. 2.500 px Breite
(alles darüber wird von Squarespace ohnehin runtergerechnet)Normale Inhaltsbilder: um die 1.000 px Breite
Thumbnails / kleine Icons: 500–800 px Breite
Retina-Displays: lieber etwas größer hochladen (z. B. 2× der Anzeigengröße), damit die Schärfe bleibt.
Dateigröße (KB)
Ideal: unter 500 KB pro Bild
bei sehr detailreichen Fotos oder großem Banner sind auch mal bis 1.000KB nötig und dann auch okay.
Klein-Grafiken/Icons: unter 100 KB
Mein Fazit:
WebP ist in Squarespace jetzt Standard – endlich!
Es macht deine Seite schneller, ohne dass du technisch viel tun musst. Wenn du trotzdem ein bisschen extra rausholen willst, halte dich an die Best Practices oben deine Besucher (und Google) werden es dir danken.