Bildgröße ändern

Was dieses Tool zum Ändern der Bildgröße macht

Legen Sie Bilder ab, und das erste erscheint auf einer Leinwand mit einem gestrichelten Rahmen darüber: Dieser Rahmen ist das Ergebnis. Geben Sie eine Breite oder eine Höhe ein – bei gesperrtem Seitenverhältnis (Standard) folgt die andere Zahl, und der Rahmen schrumpft oder wächst mit. Die Schnellknöpfe setzen die längste Seite auf 1920, 1280, 800 oder 400, die Werte, die die meisten Webseiten, Blogs und Vorschaubilder brauchen. Stellen Sie die Einheit auf %, um mit einem Faktor zu skalieren. Sie können auch die Ecke des Rahmens greifen und ziehen; die Zahlen folgen dem Ziehen, und was Sie sehen, wird genau die Datei.

Jede Zeile zeigt die ursprünglichen und die neuen Pixelmaße neben den Dateigrößen, und der Ausgabename enthält die neuen Maße (foto-1280x853.jpg), damit Stapel übersichtlich bleiben. Das Verkleinern nutzt einen mehrstufigen Resampler – das Bild wird vor dem letzten Durchgang wiederholt halbiert –, was die ausgefransten Kanten und Moiré-Muster vermeidet, die einstufiges Skalieren bei starken Verkleinerungen erzeugt. Alles läuft im Browser; kein Upload, keine Warteschlange, keine Limits.

So funktioniert es

Größe festlegen, dann „Skalieren“ drücken. Bei mehreren Bildern ist Breite × Höhe ein Kasten, in den jedes Bild eingepasst wird: Querformate begrenzt die Breite, Hochformate die Höhe, und nichts wird größer als der Kasten – eine Einstellung reicht also für einen gemischten Ordner. Klicken Sie eine Zeile in der Liste an, um dieses Bild auf der Leinwand zu sehen. „Nicht vergrößern“ (standardmäßig an) lässt Bilder unangetastet, die schon kleiner als der Kasten sind. Entsperren Sie das Seitenverhältnis nur, wenn eine Plattform eine exakte Größe verlangt; dann wird auf den Kasten gestreckt, und unter der Leinwand steht das auch. Ihre Einstellungen werden auf diesem Gerät gemerkt.

Wenn der Stapel fertig ist, laden Sie die Dateien einzeln oder als ZIP herunter, oder nutzen Sie die Schaltflächen unter „Weitermachen mit“, um die skalierten Bilder an den Kompressor für eine letzte Größenreduktion oder an den Konverter für ein anderes Format zu schicken. Die drei Tools teilen sich dieselbe Liste, sodass der übliche Web-Ablauf – auf Anzeigegröße skalieren, in WebP umwandeln, auf Zielgewicht komprimieren – drei Klicks und eine einzige Dateiauswahl braucht. Seitlich liegende oder auf dem Kopf stehende Fotos gehen zuerst durch Bild drehen; Produktfotos, die einen sauberen Hintergrund brauchen, gehen vor dem Skalieren durch Hintergrund entfernen.

Häufige Stolpersteine

Vergrößern fügt nie Details hinzu. Ein 400-Pixel-Bild auf 2000 Pixel hochzuskalieren ergibt ein weiches, unscharfes Ergebnis, weil die fehlenden Pixel interpoliert und nicht wiederhergestellt werden; wer ein größeres Bild braucht, geht zum Original oder zu einer Vektorquelle zurück. Das Entsperren des Seitenverhältnisses ignoriert die Proportionen absichtlich und quetscht ein Hochformatfoto in einen Querformatkasten – tun Sie das nur, wenn eine Plattform wirklich eine feste Größe verlangt, und schneiden Sie vorher zu, wenn die Proportionen abweichen.

Das Skalieren eines PNG-Screenshots mit kleinem Text macht den Text unscharf; behalten Sie Screenshots nach Möglichkeit in Originalgröße und lassen Sie die Seite sie per CSS skalieren. Die Einheit % bezieht sich auf die Größe jedes einzelnen Bildes, ein gemischter Stapel endet also in gemischten Größen – nehmen Sie Pixel, wenn die Ausgabe einheitlich sein soll. Und wie bei allen Canvas-basierten Werkzeugen gehen EXIF-Metadaten (einschließlich der Ausrichtung) verloren; der Browser wendet die Ausrichtung vor dem Skalieren an, sodass Fotos aufrecht herauskommen, Kameradaten bleiben aber nicht erhalten.

Hintergrund: Wie Bildskalierung funktioniert

Ein Bild zu verkleinern heißt zu entscheiden, welche Farbe jeder neue Pixel aus den mehreren Quellpixeln erhält, die er ersetzt. Nearest-Neighbour wählt einen davon und wirkt ausgefranst; bilinear mittelt die vier nächsten; bikubisch und Lanczos gewichten eine größere Nachbarschaft und liefern weichere, schärfere Ergebnisse. Browser bieten für das Canvas-Zeichnen einen hochwertigen Modus, aber bei starker Verkleinerung – etwa von 6000 auf 600 Pixel – tastet ein einzelner Durchgang immer noch zu wenige Quellpixel ab, und es entsteht Aliasing. Die hier verwendete Standardlösung: das Bild wiederholt halbieren, bis es innerhalb eines Faktors zwei vom Ziel liegt, und dann das abschließende Resampling durchführen.

Digitalkameras und Handys erzeugen heute Bilder mit 12–50 Megapixeln, weit größer als jeder Bildschirm: Ein 4K-Monitor hat nur 8 Megapixel, ein Handydisplay etwa 3. Ein Bild größer als seine Anzeigegröße auszuliefern kostet Bandbreite, Speicher und Dekodierzeit für nichts, weshalb es responsive Bilder (das Attribut srcset) und Bild-CDNs gibt. Lokales Skalieren vor dem Hochladen erreicht dasselbe Ergebnis ohne Infrastruktur – und weil die Arbeit in Ihrem Browser geschieht, verlassen die Fotos nie Ihr Gerät.

Wo das Ändern der Bildgröße eingesetzt wird

Web-Publishing ist der größte Anwendungsfall: Hero-Bilder an ihre CSS-Breite anpassen, 2×-Retina-Versionen erzeugen und die verschiedenen Größen produzieren, die ein srcset braucht. Soziale Plattformen verlangen bestimmte Maße – 1200×630 für Link-Vorschauen, 1080×1080 für quadratische Beiträge, 1500×500 für Banner. E-Mail-Signaturen und Newsletter brauchen kleine Bilder mit fester Breite. Profilfoto- und Ausweis-Uploads auf Behörden-, Universitäts- und Jobportalen setzen oft Pixelgrenzen wie 600×600 oder maximal 2 MB durch. App-Stores fordern Screenshots in exakten Geräteauflösungen, und Druckereien verlangen eine Mindestpixelzahl für die physische Größe.

Ein Urlaubsalbum vor dem Archivieren oder Teilen stapelweise verkleinern, Produktfotos auf die Rastergröße eines Shops schrumpfen, aus einem Master-PNG einen Satz Icons mit 16/32/64/128 Pixeln erzeugen und gescannte Dokumente auf E-Mail-Größe reduzieren – alles alltägliche Aufgaben. Kombinieren Sie das mit dem Formatkonverter für WebP-Ausgabe und dem Kompressor, um ein Byte-Ziel zu erreichen; ein skaliertes PNG mit einem QR-Code sollte PNG bleiben, damit die Module scharf bleiben. Mit PDF in Bild exportierte Seiten können hier skaliert werden, bevor sie auf eine Folie oder eine Website kommen.

Häufig gestellte Fragen