Wie Sie Bilder online in der Größe ändern

Ein Foto von Ihrem Handy ist typischerweise 3000 bis 4000 Pixel breit. Das ist großartig für den Druck, aber viel zu groß für eine Website, einen E-Mail-Anhang oder ein Profilbild in sozialen Medien. Eine Größenänderung bringt es auf die Maße, die Sie tatsächlich brauchen, lässt Seiten schneller laden, passt unter E-Mail-Größengrenzen und entspricht den exakten Pixelverhältnissen, die Plattformen erwarten. Zu verstehen, wann man Größe ändert, wann man stattdessen zuschneidet und welcher Algorithmus das sauberste Ergebnis liefert, macht aus einer Routineaufgabe ein kleines Handwerk.

Eine kurze Geschichte der Bildskalierung

Rasterbilder zu skalieren ist ein Problem, das so alt ist wie die digitale Bildverarbeitung. Der erste weit verbreitete Algorithmus, Nearest-Neighbour, wählte einfach den nächstgelegenen Quellpixel für jeden Zielpixel, schnell, aber pixelig. Die bilineare Interpolation, in den 1970ern hinzugekommen, mittelte die vier nächstgelegenen Pixel für ein weicheres, aber leicht weicheres Ergebnis. Die bikubische Interpolation folgte in den 1980ern und tastete 16 Pixel entlang einer kubischen Kurve ab für schärfere Kanten. Lanczos, abgeleitet aus gefensterten sinc-Funktionen der Signalverarbeitung, wurde in den 1990ern zum Goldstandard fürs Verkleinern und ist heute immer noch der Algorithmus der Wahl in Werkzeugen wie ImageMagick und den meisten Fotoeditoren.

Die jüngste Entwicklung ist die gelernte Super-Resolution: neuronale Netze, trainiert mit Millionen Bildpaaren, die beim Vergrößern plausibles Detail halluzinieren können. ESRGAN, Real-ESRGAN und Topaz Gigapixel liefern Ergebnisse, die klassische Algorithmen beim Vergrößern nicht erreichen, aber sie brauchen serverseitige Verarbeitung und sind übertrieben für den häufigen Fall, ein Bild kleiner zu machen. Für die tägliche browserbasierte Größenänderung sind klassische Algorithmen weiterhin das richtige Werkzeug.

Gängige Größen, die Sie brauchen werden

Jede Plattform veröffentlicht ihre eigenen bevorzugten Maße, und sie ändern sich alle paar Jahre. Die Tabelle unten deckt die Größen ab, die für den Großteil der täglichen Arbeit zählen.

Eine nützliche Faustregel: Im Zweifel zielen Sie auf das 2x der Anzeigegröße in CSS-Pixeln. Ein Hero-Bild, das 960px breit angezeigt wird, sollte mit 1920px exportiert werden, damit es auf Retina-Bildschirmen scharf bleibt, ohne die Seite auf Standardmonitoren aufzublähen.

So ändern Sie Bildgrößen online

1. Bild hochladen: Legen Sie ein JPEG, PNG, WebP oder GIF in den Resizer. Moderne Werkzeuge akzeptieren auch HEIC und AVIF. Die Datei bleibt auf Ihrer Maschine; die Größenänderung läuft im Browser.
2. Maße festlegen: Wählen Sie eine Voreinstellung (1920x1080, 1080x1080) oder geben Sie eigene Breite und Höhe in Pixeln ein. Verwenden Sie Prozentsätze (75%, 50%), wenn Sie proportional skalieren möchten, ohne exakte Zahlen zu wählen.
3. Seitenverhältnis entscheiden: Schalten Sie das Schloss-Symbol um. Verriegelt behält die Originalproportionen; entriegelt erlaubt, Breite und Höhe unabhängig zu setzen (nützlich für Banner, die in eine bestimmte Form zugeschnitten werden müssen).
4. Ausgabeformat wählen: JPEG für Fotos in kleinen Dateigrößen, PNG für Screenshots und Logos mit scharfen Kanten, WebP, wenn Sie die kleinstmögliche Datei ausliefern können. Der Resizer kann beim Skalieren in der Regel auch zwischen Formaten konvertieren.
5. Größe ändern und herunterladen: Klicken Sie auf die Schaltfläche zur lokalen Verarbeitung. Laden Sie das Ergebnis herunter und prüfen Sie es; wenn Maße oder Qualität nicht passen, justieren und erneut versuchen. Das Original wird nie verändert.

Seitenverhältnis verstehen

Das Seitenverhältnis ist das Verhältnis zwischen Breite und Höhe. Ein 1920x1080-Bild hat ein Verhältnis 16:9 (manchmal als 1,78:1 geschrieben). Ein 1080x1080-Bild ist 1:1, perfekt quadratisch. Ein 1080x1920-Bild ist 9:16, vertikal für Storys und TikTok.

Wenn Sie das Seitenverhältnis verriegeln, passt sich beim Ändern einer Dimension die andere automatisch an. Das verhindert Verzerrung: Gesichter sehen nicht mehr gequetscht aus, Kreise bleiben Kreise, und Text bleibt lesbar.

Wenn Sie es entriegeln, können Sie Breite und Höhe unabhängig setzen. Das ist nützlich, wenn Sie exakte Maße brauchen (ein Banner, das 1500x500 sein muss), die nicht zu den Originalproportionen passen, aber Sie müssen akzeptieren, dass das Bild gestreckt oder gestaucht wird. Der bessere Weg ist meist, zuerst auf das Zielverhältnis zuzuschneiden und dann das zugeschnittene Bild auf die exakten Pixelmaße zu skalieren.

Größe ändern vs zuschneiden vs komprimieren

Diese drei Operationen werden oft verwechselt und dienen unterschiedlichen Zwecken.

Für die kleinste mögliche Datei in den richtigen Maßen erst zuschneiden, dann skalieren, dann komprimieren, dann optional konvertieren. Jeder Schritt kann clientseitig laufen, das Original muss Ihre Maschine nie verlassen.

Resampling-Algorithmen

Der Algorithmus, den ein Resizer verwendet, bestimmt, wie scharf oder weich das Ergebnis aussieht. Die meisten Browser-Werkzeuge wählen einen für Sie, aber die Kompromisse zu kennen hilft, ein Werkzeug zu wählen, das zu Ihrer Arbeit passt.

Lanczos ist der sicherste Standard für Verkleinerung. Für Vergrößerung ist bikubisch vernünftig; neuronale Super-Resolution ist deutlich besser, wenn Sie das Budget haben und serverseitige Verarbeitung akzeptieren.

Häufige Fallstricke

• Über die Quelle hinaus vergrößern, ein 400-px-Bild zu einem 4000-px-Bild zu machen, kann kein Detail wiederherstellen, das es nie gab. Das Ergebnis wird weich aussehen oder, mit KI-Werkzeugen, verdächtig detailliert auf Weisen, die der Fotograf nie aufgenommen hat.
• Retina-Bildschirme vergessen, ein 600-px-Bild in einem 600-px-Slot wirkt weich auf Handys und modernen Laptops. Exportieren Sie mit dem 2x oder 3x der CSS-Anzeigegröße.
• Seitenverhältnis ignorieren, 4000x3000 ohne Zuschnitt auf 1080x1080 zu skalieren staucht das Foto. Entweder zuerst auf Quadrat zuschneiden oder Pixel an den langen Kanten verlieren.
• Falsches Ausgabeformat, einen Text-Screenshot als JPEG zu speichern erzeugt sichtbare Kompressions-Artefakte um Buchstaben. Verwenden Sie PNG oder WebP für scharfe Kanten; JPEG für Fotos.
• EXIF beim Upload entfernen, manche Resizer entfernen Orientierungs-Metadaten, sodass ein Hochformat-Foto vom Handy seitlich landet. Testen Sie einmal mit einem bekannten Hochformatfoto, bevor Sie einen Stapel verarbeiten.
• Zweimal in verschiedenen Werkzeugen skalieren, wiederholtes Resampling stapelt kleines Weichzeichnen bei jedem Durchgang. Skalieren Sie wann immer möglich nur einmal vom Original.
• Farbprofil ignorieren, ein Adobe-RGB-Bild ohne Konvertierung in sRGB zu bringen kann Farben merklich verschieben. Die meisten Browser-Werkzeuge nehmen sRGB an; konvertieren Sie zuerst in einem Fotoeditor, wenn die Quelle in einem weiten Gamut ist.
• In Qualität 100 speichern, JPEG-Qualität 90-92 sieht visuell identisch zu 100 aus, bei halber Dateigröße. Die zusätzlichen Bytes von 100 kaufen nichts Wahrnehmbares.
• Alphakanal vergessen, JPEG unterstützt keine Transparenz. Ein transparentes PNG in JPEG zu skalieren füllt den Hintergrund mit Weiß (oder Schwarz, je nach Werkzeug).
• Die Ausgabe gleich wie die Eingabe benennen, das Original zu überschreiben heißt, Sie können nicht wiederherstellen, wenn die Skalierung schiefging. Speichern Sie immer unter neuem Namen, bis Sie das Ergebnis verifiziert haben.

Alternative Werkzeuge und Bibliotheken

Ein Web-Resizer ist der schnellste Weg für ein Bild auf einmal. Für Stapel, Skripte oder professionelle Fotoarbeit übernehmen Kommandozeilen- und Desktop-Werkzeuge.

Für ein einzelnes Bild ist das Browser-Werkzeug fast immer schneller, als einen Desktop-Editor zu starten. Für 200 Produktfotos wird ein Sharp- oder ImageMagick-Skript in Sekunden fertig sein und konsistente Ergebnisse liefern.

Datenschutz und der Resizer

Der Bild-Resizer läuft vollständig in Ihrem Browser. Die Datei, die Sie auswählen, wird über die FileReader-API gelesen, auf einen Offscreen-Canvas gezeichnet, mit der nativen Imaging-Pipeline des Browsers skaliert und mit canvas.toBlob exportiert. Nichts wird hochgeladen, nichts protokolliert, nichts geteilt. Für sensibles Material, Ausweisfotos, Screenshots interner Dashboards, medizinische Bildgebung, ist dieser rein lokale Ablauf der Unterschied zwischen einem fremden Server zu vertrauen und niemandem zu vertrauen. Auch gewöhnliche Fotos enthalten oft EXIF-Metadaten (GPS-Koordinaten, Seriennummer des Geräts, Name des Fotografen), die Sie vielleicht nicht von einem Dritten gesehen haben wollen; ein Browser-Werkzeug, das ohne Upload skaliert, lässt diese Metadaten unter Ihrer Kontrolle. Für eine Aufgabe, die so routiniert ist wie das Skalieren, sollte die Voreinstellung sein: nichts verlässt die Seite.