Bildgröße anpassen

Klicken Sie auf oder ziehen Sie Bilder hoch

Unterstützt JPG / PNG / WEBP / GIF

Bild hochladen für Vorschau

Passe Bildbreite und -höhe online an, unterstützt proportionale Skalierung, Schnellvoreinstellungen und visuelle Drag-and-Drop-Anpassung. Lokale Verarbeitung im Browser ohne Upload, geeignet für E-Commerce-Produktbilder, Social-Media-Beitragsbilder und Passfotos, kostenlos nutzbar.

Was ist eine Bildgrößenanpassung?

Die Bildgrößenanpassung ist ein Bildverarbeitungsvorgang, bei dem die Anzahl der Pixel in Breite und Höhe eines Bildes mithilfe von Resampling-Algorithmen auf die Zielgröße geändert wird. Die Pixelinformationen des Originalbildes werden dabei auf ein neues Pixelraster neu abgebildet. Gängige Algorithmen umfassen Nächster-Nachbar, Bilinear, Bikubisch, Lanczos und weitere. Je hochwertiger der Algorithmus, desto besser das Skalierungsergebnis, bei etwas längerer Verarbeitungsdauer.

**Was ist der Unterschied zum Bildzuschnitt?** Beim Zuschneiden wird ein Teilbereich aus dem Originalbild ausgeschnitten, wobei die Gesamtzahl der Pixel unverändert bleiben kann; bei der Größenanpassung hingegen wird das gesamte Bild vergrößert oder verkleinert – alle Bildinhalte bleiben erhalten, aber die Gesamtzahl der Pixel ändert sich. Wenn du nur einen Teil des Bildes behalten möchtest, verwende bitte das Bildzuschnitt-Tool.

**Was ist der Unterschied zur KI-Bildvergrößerung?** Bei der herkömmlichen Größenanpassung werden Pixel über mathematische Algorithmen neu abgetastet – bei starker Vergrößerung kleiner Bilder entsteht schnell Unschärfe. Die KI-Bildvergrößerung hingegen prognostiziert und ergänzt Details mithilfe von Deep-Learning-Modellen, was zu besseren Vergrößerungsergebnissen führt, aber mehr Rechenressourcen erfordert. Wenn du ein kleines Bild um mehr als das Zweifache vergrößern möchtest, empfehlen wir die Verwendung eines KI-Bildvergrößerungstools.

**Warum sollte man die Bildgröße anpassen?** Zu große Bilder führen zu langsamen Webseitenladezeiten, fehlgeschlagenen E-Mail-Versendungen, Überschreitung von Upload-Limits bei Formularen und übermäßiger Speichernutzung; zu kleine Bilder werden bei vergrößerter Anzeige unscharf. Durch Anpassung an die passende Größe je nach Anwendungsfall kannst du sowohl die visuelle Qualität gewährleisten als auch Ladezeiten und Speichernutzung optimieren.

**Was sind DPI/PPI?** DPI (Dots Per Inch, Punkte pro Zoll) und PPI (Pixels Per Inch, Pixel pro Zoll) werden hauptsächlich für Druckszenarien verwendet. Bei der Bildschirmanzeige ist ausschließlich die Pixelgröße relevant. In digitalen Szenarien wie Webseiten, Social Media oder E-Commerce-Plattformen musst du nur auf die Pixelbreite und -höhe achten – eine DPI-Einstellung ist nicht erforderlich.

Anwendungsfälle

Schnelle Anpassung, wenn E-Commerce-Plattformen feste Größen für Produktbilder verlangen (Amazon 2000×2000, eBay 800×800 etc.)
Anpassung der Größe, wenn Beitragsbilder für Social Media (Instagram, Facebook, Newsletter, Pinterest etc.) einheitliche Formate erfordern
Verkleinerung auf passende Größe, wenn Bilder zu groß zum Hochladen in Formulare, als E-Mail-Anhang oder in Cloud-Speicher sind
Anpassung von Passfotos, Bewerbungsfotos, Reisepass-, Visum- oder Anmeldefotos auf die exakt vorgeschriebenen Pixelmaße
Webdesigner und Frontend-Entwickler verkleinern große Bilder und konvertieren sie in das WEBP-Format, um die Seitenladegeschwindigkeit (LCP) zu optimieren
Vereinheitlichung von Bildgrößen bei der Erstellung von Präsentationen, Word-Dokumenten oder Blog-Beitragsbildern, um ein sauberes und ansprechendes Layout zu gewährleisten
Anpassung von Profilbildern, Logos und App-Icons auf Quadratformat oder festgelegte Größen für Webseiten, Anwendungen oder Social-Media-Konten
Anpassung auf die passende Pixelgröße vor dem Ausdrucken von Fotos, um optimale Druckergebnisse zu erzielen

Anleitung

Klicke auf den Upload-Bereich oder ziehe eine Bilddatei direkt in den Upload-Bereich (unterstützt die Formate JPG, PNG und WEBP)
Wähle eine Anpassungsmethode: Gib exakte Breite und Höhe in Pixeln ein, klicke auf eine voreingestellte gängige Größe, nutze die proportionale Skalierung oder ziehe an den Ziehpunkten
Aktiviere oder deaktiviere den Schalter „Seitenverhältnis beibehalten“ je nach Bedarf (standardmäßig aktiviert, um Bildverzerrungen zu vermeiden)
Betrachte das Anpassungsergebnis in der Echtzeitvorschau und überprüfe die Ausgabegröße sowie die geschätzte Dateigröße
Klicke auf die Schaltfläche „Größe anpassen“, um das Ergebnis zu generieren, und lade anschließend das bearbeitete Bild herunter

Funktionen

Pixelgenaue Steuerung: Gib direkt die gewünschte Breite und Höhe in Pixeln ein – auf 1 Pixel genau
Proportionaler Skalierungsmodus: Sperrt das ursprüngliche Seitenverhältnis, keine Bildverzerrung, ideal für den alltäglichen Gebrauch
Freier Streckmodus: Passe Breite und Höhe unabhängig voneinander an, um exakt feste Plattformgrößen einzuhalten
Visuelle Drag-and-Drop-Anpassung: Ziehe direkt an den Ziehpunkten in den Ecken des Vorschaubereichs – Anpassung während der Betrachtung, WYSIWYG
Voreinstellungen für gängige Größen: 6 gängige Auflösungen wie 1080P und 1:1-Quadrat sind integriert und mit einem Klick anwendbar
Schnelle proportionale Skalierung: Fünf Prozentstufen von 25 % bis 200 % zum schnellen Vergrößern und Verkleinern von Bildern
Echtzeitvorschau: Parameteränderungen zeigen sofort das Ergebnis an, inklusive Schätzung der Ausgabedateigröße
Mehrformatunterstützung: Ein- und Ausgabe in den Formaten JPG, PNG und WEBP für unterschiedliche Anforderungen
Lokale Verarbeitung im Browser: Wird vollständig über die Canvas API lokal ausgeführt, kein Upload auf Server, sicher und privatsphärefreundlich
Kostenlos und ohne Wasserzeichen: Angepasste Bilder enthalten keine Wasserzeichen, nach der Bearbeitung sofort herunterladbar

Häufig gestellte Fragen

Wie kann ich die Pixelgröße eines Bildes online ändern?

Lade ein Bild hoch, danach stehen dir vier Anpassungsmethoden zur Verfügung: 1) Gib direkt im linken Bereich die gewünschte Breite und Höhe in Pixeln ein; 2) Klicke auf einen der voreingestellten Buttons für gängige Größen zur Ein-Klick-Anwendung; 3) Nutze die prozentualen Skalierungsbuttons von 25 % bis 200 % zur schnellen Anpassung; 4) Ziehe die grünen Ziehpunkte an den Ecken des Bildes im Vorschaubereich zur visuellen Anpassung. Es gibt zwei Modi: proportionale Skalierung und freies Strecken. Du kannst das Ergebnis in Echtzeit ansehen und nach zufriedenstellender Vorschau auf „Herunterladen“ klicken.

Was ist der Unterschied zwischen proportionaler Skalierung und freiem Strecken?

Bei der proportionalen Skalierung wird das ursprüngliche Seitenverhältnis des Bildes gesperrt und nur die Gesamtgröße angepasst – das Bild wird nicht verzerrt, geeignet für alltägliche Skalierung, Fotoalbenorganisation und Webseitenbeitragsbilder. Beim freien Strecken kannst du Breite und Höhe unabhängig voneinander ändern, ohne das Verhältnis zu sperren. Wenn das Seitenverhältnis jedoch stark vom Original abweicht, wird das Bild verzerrt – dies ist geeignet für Szenarien, in denen du exakt die festen Größenvorgaben bestimmter Plattformen einhalten musst. Standardmäßig ist die proportionale Skalierung aktiviert, um Bildverzerrungen zu vermeiden.

Wird das Bild unscharf, wenn ich es verkleinere?

Beim Verkleinern eines Bildes wird die Gesamtzahl der Pixel reduziert. Der Browser verwendet ausgereifte Resampling-Algorithmen (bilinear/bikubisch) zur Verarbeitung, was normalerweise keine merkliche Einbuße der Schärfe zur Folge hat. Wenn du jedoch ein kleines Bild stark auf eine deutlich größere Größe als das Original vergrößerst, werden die Pixel gestreckt, was zu Unschärfe oder Treppcheneffekten führen kann. In diesem Fall empfehlen wir die Verwendung eines speziellen KI-Bildvergrößerungstools für bessere Ergebnisse.

Wird das Bild bei der Größenanpassung auf einen Server hochgeladen? Ist es sicher?

Nein, es findet kein Upload statt. Die gesamte Bildgrößenanpassung wird lokal in deinem Browser über die HTML5 Canvas API durchgeführt. Die Bilddatei wird auf keinen Server hochgeladen und nach der Verarbeitung sofort verworfen. Auch Passfotos, Ausweis-Screenshots oder Vertragsdokumente mit personenbezogenen Daten können bedenkenlos bearbeitet werden – deine Privatsphäre ist vollständig geschützt.

Welche Bildformate werden unterstützt?

Unterstützt werden das Hochladen und Ausgeben von drei gängigen Formaten: JPG, PNG und WEBP. JPG eignet sich für fotografische Bilder mit geringer Dateigröße; PNG unterstützt Transparenzkanäle und ist geeignet für Logos, Icons und Screenshots; WEBP ist das Format der nächsten Generation mit kleinerer Dateigröße bei besserer Qualität. Animierte GIFs werden nach dem Hochladen als statisches Einzelbild des ersten Frames verarbeitet.

Kann ich die Größe von Passfotos exakt anpassen?

Ja. Gängige Passfotogrößen wie Personalausweis-Foto, Reisepass-Foto und Schengen-Visum-Foto können durch exakte Eingabe von Breite und Höhe in Pixeln eingestellt werden. Bei der Anpassung von Passfotos empfehlen wir, die Option „Seitenverhältnis beibehalten“ aktiviert zu lassen, um ein Verzerren des Fotos zu vermeiden.

Wie kann ich schnell auf gängige Größen für E-Commerce- oder Social-Media-Plattformen anpassen?

Im linken Bereich des Tools sind 6 gängige Größen voreingestellt: 1920×1080 (Full HD), 1280×720 (HD), 1080×1080 (1:1 Quadrat), 800×600, 640×480 (VGA) und 512×512 – klicke einfach zur Ein-Klick-Anwendung. Weitere Plattformgrößen findest du in der „Schnellreferenz: Gängige Plattform-Bildgrößen“ auf dieser Seite.

Beeinträchtigt die Größenanpassung die Bildqualität?

Die reine Größenanpassung ist eine geometrische Transformation und verursacht an sich keinen Qualitätsverlust. Bei der Ausgabe im JPG-Format wird jedoch eine Kompression angewendet, die zu leichten Qualitätseinbußen führen kann. Wenn du optimale Qualität wünschst oder Transparenzkanäle beibehalten möchtest, empfehlen wir die Ausgabe im PNG-Format. Im alltäglichen Gebrauch ist bei einer JPG-Qualität von über 90 % der Unterschied mit bloßem Auge kaum erkennbar.

Wie skaliere ich ein Bild proportional?

Es gibt zwei Möglichkeiten: 1) Im linken Bereich stehen fünf Schnell-Skalierungsbuttons für 25 %, 50 %, 75 %, 150 % und 200 % zur Verfügung – klicke darauf, um das Bild proportional zu vergrößern oder zu verkleinern; 2) Aktiviere den Schalter „Seitenverhältnis beibehalten“ und gib nur einen der Werte (Breite oder Höhe) ein – die andere Dimension wird automatisch anhand des ursprünglichen Verhältnisses berechnet.

Wie verwende ich die Ziehpunkte im Vorschaubereich?

Nach dem Hochladen des Bildes befinden sich vier grüne runde Einstellpunkte an den vier Ecken des Bildes im Vorschaubereich. Ziehe einen beliebigen Punkt mit der Maus, um die Bildgröße in Echtzeit anzupassen. Wenn „Seitenverhältnis beibehalten“ aktiviert ist, wird das Verhältnis beim Ziehen automatisch gesperrt, um Verzerrungen zu vermeiden; wenn deaktiviert, kannst du Breite und Höhe frei strecken. Während des Ziehens wird die Größe in Echtzeit aktualisiert – What You See Is What You Get.

Warum stimmt die geschätzte Dateigröße nicht mit der tatsächlichen überein?

Die geschätzte Dateigröße ist ein Referenzwert, der anhand der Gesamtzahl der Ausgabepixel und der durchschnittlichen Kompressionsrate berechnet wird. Die tatsächliche Dateigröße kann je nach Komplexität des Bildinhalts, Anzahl der Farben, Detailreichtum und Kompressionsalgorithmus des Formats variieren. Farbenfrohe Fotos mit vielen Details werden größer sein, Dateien mit einfarbigen Flächen und einfachen Grafiken kleiner.

Wie passe ich die Größe mehrerer Bilder gleichzeitig an?

In der aktuellen Version wird jeweils ein Bild pro Durchgang bearbeitet. Wenn du mehrere Bilder bearbeiten möchtest, kannst du sie nacheinander hochladen, anpassen und herunterladen. Es empfiehlt sich, zuerst ein Bild anzupassen, die korrekten Parameter zu bestätigen und dann dieselben Parameter für die nachfolgenden Bilder zu verwenden.

Glossar

Pixel: Die kleinste Anzeigeeinheit eines Bildes, abgekürzt von „Picture Element“. Ein Bild mit 1920×1080 Pixeln enthält ca. 2,07 Millionen Pixel. Alle Größenanpassungen in diesem Tool verwenden Pixel als Grundeinheit.
Proportionale Skalierung: Vergrößerung oder Verkleinerung eines Bildes unter Beibehaltung des ursprünglichen Seitenverhältnisses. Beispielsweise wird ein Foto mit 4000×3000 Pixeln proportional auf 2000×1500 Pixel skaliert – das Seitenverhältnis bleibt gleich, das Bild wird nicht verzerrt. Dieser Modus ist in diesem Tool standardmäßig aktiviert.
Freies Strecken: Nach Deaktivierung der Seitenverhältnis-Sperre kannst du Breite und Höhe unabhängig voneinander ändern. Du kannst dadurch beliebige Größen exakt einstellen, aber wenn das Seitenverhältnis stark vom Original abweicht, kommt es zu sichtbaren Verzerrungen und Streckeffekten im Bild.
Resampling: Algorithmus zur Neuberechnung und Generierung von Pixelwerten zwischen unterschiedlichen Pixelgrößen. Browser verwenden standardmäßig den bilinearen Algorithmus, der eine gute Balance zwischen Glätte und Verarbeitungsgeschwindigkeit bietet.
Canvas API: Eine von HTML5 bereitgestellte browser-native Zeichnungsschnittstelle. Dieses Tool führt die gesamte Bildskalierung lokal im Browser des Benutzers über diese Schnittstelle durch – Bilddaten werden auf keinen Server hochgeladen.
Seitenverhältnis (Aspect Ratio): Das Verhältnis zwischen Breite und Höhe eines Bildes. Gängige Seitenverhältnisse sind 16:9 (Full-HD-Video), 4:3 (herkömmliche Monitore), 1:1 (Quadrat), 3:4 (Hochformatfotos) und weitere.
Geschätzte Dateigröße: Eine anhand der Gesamtzahl der Ausgabepixel und der durchschnittlichen Kompressionsrate geschätzte Dateigröße, die nur als Referenz dient. Die tatsächliche Dateigröße wird von Faktoren wie Komplexität des Bildinhalts, Format und Kompressionsqualität beeinflusst.

Schnellreferenz: Gängige Plattform-Bildgrößen

Plattform / Verwendungszweck	Empfohlene Breite × Höhe (px)	Empfohlenes Format
Newsletter Titelbild	`900 × 383`	JPG
Newsletter/Blog Beitragsbild	`1080 × 720`	JPG / WEBP
Instagram 1:1 Quadratbild	`1080 × 1080`	JPG / PNG
Pinterest 3:4 Hochformat	`1080 × 1440`	JPG / PNG
Twitter/X Lang-/Beitragsbild	`720 × 1280 aufwärts`	JPG / WEBP
TikTok Video-Cover	`1080 × 1920`	JPG
eBay/Amazon Produktbild	`800 × 800 (1:1) / 1240 × 790`	JPG
Amazon Produktbild (weißer Hintergrund)	`2000 × 2000`	JPG / PNG
Webseiten Hero-Bild (Startseite)	`1920 × 1080`	WEBP / JPG
OG Social-Media-Vorschaubild	`1200 × 630`	JPG / PNG
Instagram Beitragsbild	`1080 × 1080`	JPG
Facebook Titelbild	`820 × 312`	JPG
LinkedIn Beitragsbild	`1200 × 627`	JPG
Personalausweis-Foto	`295 × 413`	JPG
Reisepass-/Schengen-Visum-Foto	`413 × 579`	JPG

Vergleich der Bildgrößenanpassungsmethoden

Anpassungsmethode	Seitenverhältnis beibehalten	Vorgehensweise	Geeignete Anwendungsfälle
Gleichmäßige proportionale Skalierung	✅ Gesperrt	Aktiviere „Seitenverhältnis beibehalten“ und gib entweder Breite oder Höhe ein, oder nutze die prozentualen Skalierungsbuttons	Alltägliche Skalierung, Fotoalbenorganisation, Ladezeitoptimierung von Webseiten, verzerrungsfreie Darstellung
Exakte Größenanpassung	❌ Deaktivierbar	Deaktiviere „Seitenverhältnis beibehalten“ und gib Breite und Höhe separat in Pixeln an	Exakte Einhaltung fester Plattformgrößen, benutzerdefinierte Arbeitsflächen, regelkonforme Ausgabe
Schnellvoreinstellungen anwenden	Abhängig von Einstellung	Klicke auf einen der voreingestellten Buttons für gängige Größen (1080P, 1:1 Quadrat etc.) zur Ein-Klick-Anwendung	Schnelles Einstellen gängiger Auflösungen, ohne manuelle Werteingabe
Visuelle Drag-and-Drop-Anpassung	Abhängig vom Schalter	Ziehe die grünen Ziehpunkte an den Ecken des Vorschaubereichs, um die Größe intuitiv anzupassen	Anpassung während der Betrachtung, intuitive Feineinstellung, WYSIWYG

Authoritative References

ReferenceMDN – Canvas API-Dokumentation
ReferenceWeb.dev – Bilder in korrekter Größe bereitstellen