Über diese Bildgrößenänderung
Dieses Werkzeug liest Ihre Bilddatei ein, zeichnet sie in der gewählten Größe auf ein HTML-Canvas und kodiert sie mit der eingestellten Qualität neu als JPEG, PNG oder WebP. All dies geschieht über die Canvas-API im Browser — die Originaldatei wird nie an einen Server gesendet.
Das Sperren des Seitenverhältnisses hält Breite und Höhe proportional, wenn Sie eines der beiden Felder ändern, sodass das Bild nicht verzerrt wird. Die Qualität wirkt sich nur auf JPEG- und WebP-Ausgabe aus; PNG ist immer verlustfrei, daher hat der Qualitätsregler keinen Einfluss auf die PNG-Dateigröße.
Wie funktioniert das Ändern der Bildgröße im Browser?
Dieses Werkzeug zeichnet Ihr Bild auf ein HTML5-Canvas-Element in der Zielbreite und -höhe und liest das Canvas anschließend als neue kodierte Bilddatei über canvas.toDataURL() wieder aus. Beispiel: Ein Foto mit 3000x2000 px, auf 50 % skaliert, wird als 1500x1000 px neu gezeichnet und dann in der gewählten Qualität als JPEG neu kodiert — alles, ohne den Browser zu verlassen.
Schritte zum Verkleinern und Komprimieren eines Bildes
- Ziehen Sie ein Bild in den Ablagebereich, oder klicken Sie darauf, um eine Datei von Ihrem Gerät auszuwählen.
- Wählen Sie den Pixel-Modus, um eine genaue Breite und Höhe festzulegen, oder den Prozent-Modus, um relativ zur Originalgröße zu skalieren.
- Lassen Sie die Seitenverhältnis-Sperre aktiviert, um Verzerrungen zu vermeiden, oder deaktivieren Sie sie, um Breite und Höhe unabhängig voneinander festzulegen.
- Wählen Sie ein Ausgabeformat (JPEG, PNG oder WebP) und passen Sie bei JPEG/WebP den Qualitätsregler an, um Dateigröße gegen visuelle Qualität abzuwägen.
- Klicken Sie auf Größe ändern, um das neue Bild zu erzeugen, es in der Vorschau anzusehen und direkt aus dem Browser herunterzuladen.
Zusammenhang zwischen Pixel- und Prozentskalierung
Neue Breite (px) = Originalbreite × (Skalierung % / 100) · Neue Höhe (px) = Originalhöhe × (Skalierung % / 100)
- Seitenverhältnis = Originalbreite / Originalhöhe, bei aktivierter Sperre konstant gehalten
- Qualität (JPEG/WebP) = ein Wert von 0 bis 100, der Dateigröße gegen visuelle Genauigkeit abwägt; PNG ignoriert diese Einstellung, da es immer verlustfrei ist
Beispiele für Ergebnisse der Größenänderung
| Originalgröße | Einstellung | Ergebnis |
|---|
| 3000 x 2000 px | 50 % | 1500 x 1000 px |
| 1920 x 1080 px | Breite 800 px (gesperrt) | 800 x 450 px |
| 4000 x 3000 px | 25 % | 1000 x 750 px |
| 1200 x 1200 px | Breite 300 px (gesperrt) | 300 x 300 px |
Häufig gestellte Fragen
Wird mein Bild wirklich nie irgendwohin hochgeladen?
Richtig. Der gesamte Vorgang der Größenänderung und Komprimierung läuft über die eingebaute Canvas-API Ihres Browsers — die Datei wird lokal gelesen, auf ein Canvas im Arbeitsspeicher gezeichnet und neu kodiert, ganz ohne Netzwerkanfrage. Sie können das prüfen, indem Sie nach dem Laden der Seite die Internetverbindung trennen; das Werkzeug funktioniert weiterhin.
Warum bleibt eine PNG-Datei auch bei niedriger Qualitätseinstellung groß?
Der Qualitätsregler wirkt sich nur auf JPEG und WebP aus, die eine verlustbehaftete Komprimierung nutzen und Details gegen kleinere Dateigröße eintauschen. PNG nutzt verlustfreie Komprimierung, das heißt, jedes Pixel bleibt exakt erhalten, sodass die Dateigröße von der Bildkomplexität abhängt, nicht von einer Qualitätseinstellung.
Warum sieht mein verkleinertes Bild unscharf oder verpixelt aus?
Ein Bild über seine ursprüngliche Auflösung hinaus zu vergrößern erfordert, dass der Browser über Interpolation neue Pixeldaten erfindet, was feine Details weichzeichnet; Verkleinern ist in der Regel unbedenklich, aber eine deutliche Vergrößerung über 100 % hinaus mindert oft die visuelle Schärfe.
Was ist der Unterschied zwischen Größenänderung nach Pixel und nach Prozent?
Der Pixel-Modus lässt Sie eine exakte Ausgabegröße ansteuern, etwa eine bestimmte Größe, die für ein Formular oder eine Website vorgeschrieben ist, während der Prozent-Modus proportional zum Original skaliert — nützlich, wenn Sie einfach eine kleinere oder größere Version ohne genaue Zahlenberechnung wollen.
Sehr große Ausgangsbilder können je nach Gerät langsam verarbeitet werden oder an Speichergrenzen des Browsers stoßen; die Ausgabequalität und Kompatibilität von WebP kann zwischen Browsern leicht variieren, und extrem hohe Vergrößerungsprozente fügen keine echten Details hinzu, die über das Originalbild hinausgehen.
Datenschutz und Sicherheit
- Läuft im Browser — Ihre Eingaben werden ausschließlich auf Ihrem Gerät berechnet und nicht an einen utilduck-Server gesendet.
- Verschlüsselte Verbindung — Alle Seiten werden über HTTPS ausgeliefert, sodass niemand im Netzwerk mitlesen kann.
- Keine Weitergabe an Dritte — Ihre Eingaben werden nicht an Analyse- oder Werbedienste weitergegeben.
- Keine Speicherung — Ergebnisse werden auf keinem Server gespeichert, und ein Konto ist nicht nötig.
Zuletzt aktualisiert: 2026-08-17