Bildgrößenänderung

Das Verkleinern eines Bildes vor der Veröffentlichung ist der einfachste Weg, Seitengewicht zu sparen und die Abmessungen einer Plattform einzuhalten. Dieses Tool zeichnet Ihr Bild in einer neuen Größe auf einer Browser-Zeichenfläche (Canvas) neu und exportiert es als PNG, JPEG oder WebP. Eine Gegenüberstellung zeigt die exakten Abmessungen und Dateigrößen beider Versionen. Es deckt exakte Pixelziele, prozentuale Skalierung und sechs Social-Media-Vorgaben ab und dient zugleich als schneller Formatkonverter, weil das Ausgabeformat im selben Schritt gewählt wird.

Verwendung

1. Bild hinzufügen — Ziehen Sie ein JPEG, PNG oder WebP in den Ablagebereich oder klicken Sie, um eine Datei auszuwählen.
2. Modus wählen — exakte Pixel oder einen Prozentwert von 1 % bis 1000 %.
3. Optional eine Vorgabe wählen — aus dem Vorgaben-Menü; dadurch wechselt der Modus zurück auf Pixel und das Zielformat wird eingetragen.
4. Ausgabeformat festlegen (PNG, JPEG oder WebP) und bei verlustbehafteten Formaten den Qualitätsregler ziehen.
5. Größe ändern, vergleichen und das Ergebnis als resized-image mit passender Endung herunterladen.

Größenänderungsmodi und Seitenverhältnis

Der Prozentmodus skaliert schlicht beide Seiten: Ein Foto mit 4000×3000 wird bei 25 % zu 1000×750, wobei jede Seite auf den nächsten ganzen Pixel gerundet und nie kleiner als 1 wird. Der Pixelmodus ohne Seitenverhältnis-Sperre erzeugt exakt die eingegebene Breite und Höhe, selbst wenn das Bild dadurch gestreckt wird. Mit aktivierter Sperre berechnet das Tool ratio = min(Zielbreite ÷ Originalbreite, Zielhöhe ÷ Originalhöhe) und multipliziert beide Originalseiten mit diesem einzigen Verhältnis. So passt das Bild verzerrungsfrei in den Zielrahmen, ist in einer Richtung aber oft kleiner als dieser.

Der Prozentmodus ist am schnellsten, wenn Sie den Faktor kennen — halbe Größe, ein Drittel oder das Doppelte für ein Retina-Asset — und die Pixelfelder werden dabei vollständig ignoriert. Der Pixelmodus ist besser, wenn eine Plattform eine harte Vorgabe veröffentlicht, denn Sie geben den exakten Wert ein und können sich auf das Ergebnis verlassen. Beide Modi teilen dieselbe Rundungsregel: Jede Ausgabeseite wird auf den nächsten ganzen Pixel gerundet, mit einem Minimum von eins, sodass 33 % eines 101×101-Bildes 33×33 ergibt statt eines Bruchteils. Ist die Sperre aktiv und Sie ändern ein Pixelfeld, aktualisiert sich das andere live; schalten Sie sie nur aus, wenn Sie bewusst eine Verzerrung wollen.

Praxisbeispiele

Original	Einstellung	Seitenverhältnis-Sperre	Ergebnis
4000×3000	25 %	entfällt	1000×750
4000×3000	Vorgabe 1080×1080	an	1080×810 (an Breite eingepasst)
4000×3000	Vorgabe 1080×1080	aus	1080×1080 (gestreckt)
800×600	Vorgabe 1200×630	an	840×630 (auf Höhe vergrößert)
1920×1080	1920×1080, 50 %	entfällt	960×540

In der dritten Zeile ist die Sperre aus, ein 4:3-Foto wird also zu einem Quadrat verzerrt — für einen Beitrag meist unerwünscht. In der vierten Zeile ist das Bild kleiner als das Ziel, sodass es durch die begrenzende Höhe auf 840×630 vergrößert wird, um in den Rahmen 1200×630 zu passen.

Ausgabeformate im Vergleich

Format	Transparenz	Komprimierung	Am besten für
PNG	Ja	Verlustfrei, größere Dateien	Screenshots, Logos, scharfe Grafiken, Bilder mit Transparenz
JPEG	Nein (weiß gefüllt)	Verlustbehaftet, Qualität 1–100	Fotografien, bei denen ein kleiner Qualitätsverlust akzeptabel ist
WebP	Ja	Verlustbehaftet oder verlustfrei, meist am kleinsten	Fotos und Grafiken für das moderne Web

WebP erzeugt bei vergleichbarer Qualität meist die kleinste Datei und wird von allen aktuellen Browsern unterstützt, was es zur starken Standardwahl für die Webveröffentlichung macht. Greifen Sie zu PNG, wenn Sie exakte Pixel oder einen Alphakanal brauchen, und zu JPEG, wenn maximale Kompatibilität mit älterer Software zählt.

Qualität, Transparenz und andere Kompromisse

Der Qualitätsregler erscheint nur bei JPEG und WebP und beeinflusst die Abmessungen nicht. Eine Reduktion von 90 auf 70 kann ein Foto deutlich verkleinern, ohne dass sich sichtbar viel ändert; unter etwa 50 entstehen dagegen blockige Artefakte an Kanten und Text. Da JPEG keinen Alphakanal besitzt, werden transparente Bereiche vor dem Kodieren weiß gefüllt, ein Logo mit transparentem Hintergrund sollte also PNG oder WebP bleiben. Prozentuale und pixelbasierte Skalierung interpolieren beim Vergrößern, und das Verkleinern auf die exakte Anzeigegröße wirkt meist mindestens so scharf wie das Original, sobald der Browser es in dieser Größe darstellt.

Eine nützliche Gewohnheit ist, dasselbe Bild zweimal zu exportieren — einmal mit Qualität 85 und einmal mit 60 — und sowohl die Vorschauen als auch die angezeigten Dateigrößen zu vergleichen. Der Unterschied ist oft in Bytes groß und auf dem Bildschirm klein, und genau diesen Tausch wollen Sie für das Web eingehen. Bedenken Sie, dass Größenänderung und Neukodierung sich summieren: Wiederholtes Öffnen und Speichern eines JPEG verliert jedes Mal etwas Qualität. Starten Sie daher vom Original und treffen Sie alle Größen- und Formatentscheidungen in einem Durchgang, statt die Ausgabe später erneut zu bearbeiten.

Praktische Tipps

• Ändern Sie die Größe auf die größte Größe, die die Seite tatsächlich anzeigt, und lassen Sie einen Kompressor die Qualität feinjustieren; ein 4000-Pixel-Bild in einem 800-Pixel-Bereich verschwendet Bandbreite.
• Lassen Sie die Seitenverhältnis-Sperre aktiv, außer Sie wollen bewusst strecken, und prüfen Sie Vorgaben doppelt — „eingepasst“ kann andere Abmessungen ergeben, als der Vorgabenname vermuten lässt.
• Vergleichen Sie die angezeigten Dateigrößen vor dem Herunterladen; dasselbe Foto als WebP 80 ist oft ein Bruchteil der PNG-Größe.
• Erscheint ein Hinweis zu Breite oder Höhe, haben Sie die Obergrenze von 10.000 Pixeln überschritten oder einen Wert unter 1 eingegeben — reduzieren Sie das Ziel und versuchen Sie es erneut.
• Behandeln Sie bei sozialen Netzwerken die Vorgabe als Zielrahmen mit aktiver Sperre; ein in einer Richtung kleineres Ergebnis bedeutet, dass die Plattform Ihr Originalverhältnis akzeptiert statt zuzuschneiden.
• Wenn Sie Bilder für eine responsive Seite vorbereiten, exportieren Sie einige feste Breiten (etwa 640, 1280 und 1920) statt einer riesigen Datei, die der Browser herunterskalieren muss.

Verwandte Tools

• Image Compressor — Reduzieren Sie die Dateigröße von Bildern durch qualitätsbasierte Komprimierung vor oder nach der Größenänderung.
• Image Cropper — Schneiden, drehen und spiegeln Sie Bilder für die perfekte Komposition.
• Image Format Converter — Konvertieren Sie Bilder zwischen PNG, JPEG und WebP ohne Größenänderung.
• Favicon Generator — Verwandeln Sie jedes Bild in einen kompletten Satz Browser-Favicons.