hiraeth node.studio
Wissen
ENDE

Startseite / Anleitungen / Bild verkleinern

Anleitung · Squoosh, im Browser ohne Installation

Ein Bild verkleinern, bevor du es hochlädst

Ein Titelbild mit mehreren Megabyte lädt auf dem Handy sekundenlang, und so lange sieht der Besucher nichts. Die Kamera liefert Bilder in einer Größe, die für den Druck gedacht ist, nicht für eine Website. Verkleinern ist der Handgriff mit dem besten Verhältnis von Aufwand zu Wirkung.

Warum das zählt, steht in Warum deine Website auf dem Handy langsam ist (und was hilft).

So geht es

  1. Öffne squoosh.app und zieh dein Bild in das Fenster. Unten links steht danach der Dateiname im Feld „Original Image“, daneben die aktuelle Größe.
  2. Wähle rechts unter „Compress“ das Format. Für Fotos „MozJPEG“, für Grafiken mit wenigen Farben „OxiPNG“, kleiner als beide ist „WebP“.Zur Auswahl stehen AVIF, Browser JPEG, Browser PNG, JPEG XL (beta), MozJPEG, OxiPNG, QOI, WebP und WebP v2 (unstable). Die drei oben genannten reichen für alles, was auf einer Website liegt.
  3. Zieh den Regler „Quality“ von 75 nach unten und sieh dabei auf die Größe unten links. Bei Fotos ist zwischen 75 und 60 meist kein Unterschied zu sehen.Die senkrechte Linie in der Mitte lässt sich verschieben: links das Original, rechts das Ergebnis. So siehst du, ab wann es zu weit geht.
  4. Ist das Bild breiter, als es je angezeigt wird, schalte rechts unter „Edit“ den Schalter „Resize“ ein und setz die Breite auf höchstens 2000 Pixel. Für ein Bild, das nur eine Spalte füllt, reichen 1200.
  5. Unten links stehen jetzt die neue Größe und daneben die Ersparnis in Prozent. Unter 400 KB ist ein guter Wert für ein großes Bild.
  6. Lade das Ergebnis mit dem runden Knopf unten links herunter, dem mit dem Pfeil, der nach unten in einen Kasten zeigt. Diese neue Datei lädst du in deinen Baukasten hoch, nicht die Originaldatei.

Woran du merkst, dass es geklappt hat

Rechtsklick auf die heruntergeladene Datei und „Informationen“ zeigt die Größe. Tausch das Bild dann in deinem Baukasten aus und lade die Seite auf dem Handy neu, am besten im Mobilfunknetz statt im WLAN.

Squoosh verkleinert eine Datei, mehr nicht. Ist deine Seite aus anderen Gründen langsam, etwa durch viele eingebundene Skripte, ändert ein kleineres Bild daran nichts.