Bildabmessungen ändern: Breite und Höhe berechnen

Geben Sie zunächst die ursprüngliche Breite und Höhe und danach eine Zielbreite, eine Zielhöhe oder beide Werte ein. Bei nur einer Zielvorgabe wird die andere Seite anhand des ursprünglichen Seitenverhältnisses berechnet und auf den nächsten ganzen Pixel gerundet. Bei zwei Vorgaben werden genau diese Maße ausgegeben. Das Ergebnis ist deterministisch und eignet sich für Bild-Pipelines, responsive Layouts, Upload-Prüfungen und die Erstellung von Befehlen, ohne dass ein Bild hochgeladen oder dekodiert wird.

Proportionale Größe mit einer Zielvorgabe berechnen

Beginnen Sie mit der ursprünglichen Bildbreite und Bildhöhe in Pixeln. Geben Sie anschließend entweder target_width oder target_height an. Der Rechner teilt das gewählte Zielmaß durch das entsprechende Originalmaß, um den Skalierungsfaktor zu bestimmen. Diesen Faktor wendet er auf die andere Seite an und rundet das Ergebnis auf den nächsten ganzen Pixel. Ein Bild mit 1920 mal 1080 Pixeln wird bei einer Zielbreite von 1280 somit 1280 mal 720 Pixel groß. Dieses Verfahren bewahrt das ursprüngliche Seitenverhältnis so genau, wie es mit ganzen Pixeln möglich ist. Kreise bleiben rund und Motive wirken nicht gestreckt. Das ist besonders nützlich, wenn ein Layout eine Achse festlegt und die andere flexibel bleibt, etwa bei einer Blogspalte mit fester Breite oder einer Galerie mit fester Zeilenhöhe. Das Werkzeug berechnet ausschließlich Maße: Es lädt, dekodiert, skaliert, beschneidet, komprimiert oder verändert kein Bild. Die ausgegebene Breite und Höhe können Sie an eine Bildbibliothek, ein Kommandozeilenprogramm, eine Content-Pipeline oder eine Darstellungsregel im Browser übergeben.

Beide Zielwerte für einen exakten Rahmen verwenden

Geben Sie target_width und target_height an, wenn das Ziel einen Rahmen mit exakten Pixelmaßen verlangt. In diesem Modus liefert der Rechner beide angeforderten Werte direkt zurück. Er passt keinen Wert unbemerkt an das ursprüngliche Seitenverhältnis an, denn das würde den von Ihnen ausdrücklich festgelegten Maßen widersprechen. Dieser Unterschied ist bei Werbeflächen, Marktplatzangeboten, Druckvorlagen, Displays und älteren Systemen wichtig, die nur eine feste Leinwandgröße akzeptieren. Weicht das Zielseitenverhältnis vom Original ab, muss ein nachgelagerter Bildprozessor entscheiden, was geschieht: Das Bild kann gestreckt, zum Füllen beschnitten oder mit Freiraum in den Rahmen eingepasst werden. Diese Fähigkeit trifft bewusst keine solche gestalterische Entscheidung. Sie liefert ein eindeutiges, vorhersehbares Ergebnis, das nachgelagerter Code mit einer ausdrücklich gewählten Strategie verwenden kann. Vergleichen Sie die Seitenverhältnisse, bevor Sie Fotos, Logos, Diagramme, Grafiken oder Texte strecken, da sonst sichtbare Verzerrungen entstehen können.

Pixel, Rundung und Validierung zuverlässig behandeln

Alle vier Maße müssen positive ganze Zahlen sein, da Rasterbilder aus vollständigen Pixeln bestehen. Die ursprüngliche Breite und Höhe sind immer erforderlich; außerdem muss mindestens ein Zielmaß vorhanden sein. Null, negative Werte, Brüche, nicht numerische Angaben und Maße oberhalb der veröffentlichten Grenze von einer Milliarde Pixeln werden abgelehnt und nicht automatisch umgewandelt. Bei nur einem Zielwert wird die berechnete Seite nach der üblichen Regel auf die nächste ganze Zahl gerundet und beträgt mindestens einen Pixel. Bei sehr kleinen Bildern kann das ausgegebene Verhältnis durch die Rundung geringfügig vom mathematischen Verhältnis abweichen, denn Bruchteile eines Pixels sind nicht möglich. Verwenden Sie für wiederholbare Automatisierung die Originalmaße aus den Bildmetadaten und nicht CSS-Anzeigegrößen oder Schätzwerte. Dieselbe Eingabe ergibt stets dieselbe Ausgabe: Es gibt weder Netzwerkzugriff noch Zufall, Zeitabhängigkeit, Bildprüfung oder versteckten Zustand. Daher lässt sich das Ergebnis zwischenspeichern, mit Golden-Fixtures testen und in API-Clients sowie Browserabläufen wiederverwenden.