Bildgrößen-Rechner

Der Bildgrößen-Rechner skaliert Pixeldimensionen nach neuer Breite, neuer Höhe, Prozentsatz oder einer maximalen Seite und hält das Seitenverhältnis, sofern Runden keinen Ein-Pixel-Kompromiss erzwingt. Er meldet den Skalierungsfaktor, das resultierende Verhältnis, die Megapixelzahl und eine grobe unkomprimierte 24-Bit-Größenschätzung. Wenn Runden das gekürzte Verhältnis ändert, erscheint eine Drift-Warnung mit der exakten Bruchhöhe vor dem Runden.

Die gesamte Berechnung läuft im Browser. Nichts von dem, was eingegeben wird, geht an einen Server.

Ein Bild auf eine neue Breite skalieren

Gib die Originalbreite und -höhe ein, dann eine Zielbreite in Pixeln. Der Skalierungsfaktor ist neue Breite geteilt durch Originalbreite. Die passende Höhe ist Originalhöhe mal dieser Skala, gerundet auf ein ganzes Pixel. Breitengetriebenes Dimensionieren passt zu Webspalten, die eine Content-Breite fixieren und die Höhe dem gesperrten Verhältnis folgen lassen.

scale = new_width ÷ original_width
new_height = round(original_height × scale)

Breite zu wählen ist der übliche Weg für Web-Layouts, die eine Spaltenbreite fixieren und die Höhe folgen lassen. Der Rechner resamplet keine Bilddaten; er berechnet nur die Ziel-Pixelbox. Das eigentliche Resampling geschieht in einem Editor oder Build-Pipeline, der diese Zahlen liest.

Ein Bild auf eine neue Höhe skalieren

Der Zielhöhen-Modus spiegelt den Breitenmodus für Slots, die die vertikale Seite begrenzen. Skala ist neue Höhe geteilt durch Originalhöhe, und neue Breite ist Originalbreite mal dieser Skala, dann gerundet. Nutze ihn für ein Hero-Band mit Maximalhöhe oder jeden Rahmen, der auf der kurzen Seite gesperrt ist, und steuere nur eine Dimension.

scale = new_height ÷ original_height
new_width = round(original_width × scale)

Nutze den Höhenmodus, wenn ein vertikaler Slot festliegt, etwa ein Hero-Band mit Maximalhöhe, oder beim Abstimmen eines Rahmens, der auf der kurzen Seite begrenzt ist. Eine erzwungene Breite und eine erzwungene Höhe zu mischen, die vom Originalverhältnis abweichen, ist, wie Verzerrung entsteht; dieses Werkzeug vermeidet das, indem es in den proportionalen Modi jeweils nur eine getriebene Seite akzeptiert.

Ein Bild um einen Prozentsatz skalieren

Der Prozentmodus multipliziert beide Seiten mit demselben Faktor aus dem gewählten Prozentwert. Fünfzig Prozent halbiert jede Dimension; zweihundert Prozent verdoppelt sie. Die Fläche skaliert mit dem Quadrat dieses Faktors, daher lässt eine fünfzigprozentige Verkleinerung etwa ein Viertel der Originalpixel übrig, was bei der Schätzung des Dateigewichts nach dem Export zählt.

Prozent	Bedeutung
25%	Ein Viertel der linearen Größe
50%	Hälfte der linearen Größe
100%	Unverändert
150%	1.5× lineare Größe
200%	Doppelte lineare Größe

Die Fläche skaliert mit dem Quadrat des Prozentsatzes. Eine 50-Prozent-Verkleinerung lässt etwa 25 Prozent der Pixel übrig. Vergrößern über 100 Prozent hinaus erfindet keine echte Detailtiefe; es streckt nur bestehende Pixel, weshalb von einem größeren Master zu starten meist besser aussieht als ein kleines Export hochzurechnen.

Ein Bild in eine Maximaldimension einpassen

Der Maximaldimensions-Modus begrenzt die längere Seite auf ein gewähltes Pixellimit und skaliert die kürzere Seite mit demselben Faktor. Der Fit-in-eine-Box-Modus nimmt eine Maximalbreite und Maximalhöhe und wählt die Skala, die in beide passt. Thumbnails und CMS-Upload-Limits brauchen oft eines dieser Verhaltensweisen, damit das Bild ein Rechteck nie ohne Zuschnitt überschreitet.

Letterboxing in einem Player ist eine spätere Anzeigeentscheidung; der Rechner meldet nur die eingepasste Pixelgröße.

1920x1080 auf 800 Pixel Breite skalieren

Full HD auf 800 Pixel Breite skaliert ist das saubere Fixture, bei dem die Höhe auf einer ganzen Zahl landet. Der Skalierungsfaktor ist 800 ÷ 1920, etwa 0.416667, und 1080 mal diese Skala ergibt genau 450. Das Ergebnis 800×450 hält das 16:9-Verhältnis ohne Drift-Warnung, der Happy Path, wenn eine Webbreite die Quelle sauber teilt.

1. Skalierungsfaktor. 800 ÷ 1920 = 0.4166… ≈ 0.416667

2. Höhe vor dem Runden. 1080 × (800 ÷ 1920) = 450 genau

3. Ergebnis. 800×450

Das gekürzte Verhältnis bleibt 16:9 und trifft das Original. Megapixel sinken von etwa 2.07 MP auf 0.36 MP. Weil 450 eine ganze Zahl ist, erscheint keine Drift-Warnung. Das ist der Happy Path, den der Bildgrößen-Rechner anstrebt, wenn Webbreiten die Quelle sauber teilen.

Verzerrung durch Runden vermeiden

Pixelgitter sind ganzzahlig. Wenn Originalhöhe mal Skala keine ganze Zahl ist, verschiebt das Runden auf den nächsten Pixel das effektive Verhältnis weg von der Quelle. Die Engine kennzeichnet diese Drift, zeigt die exakte Bruchhöhe und warnt, wenn das gekürzte w:h-Paar nicht mehr passt. Breite 801 auf einer 1920×1080-Quelle ist das Fixture, das die Warnung auslöst.

Beispiel: 1920×1080 auf Breite 801.

scale = 801 ÷ 1920 = 0.4161875
exact height = 1080 × 801 ÷ 1920 = 450.5625
rounded height = 451

Die Ausgabe-Box ist 801×451. Das Originalverhältnis 16:9 passt nicht mehr zum gekürzten Verhältnis von 801×451, daher wird eine Warnung ausgelöst. Ein Pixel klingt winzig; gestapelt über eine Galerie gemischter Breiten erzeugt es sichtbares Zittern und erschwert CSS, das ein gesperrtes Verhältnis erwartet.

Mitigationen in Produktionspipelines umfassen Breiten zu wählen, die gleichmäßig teilen, Letterbox auf eine Leinwand mit gesperrtem Verhältnis, oder einen Ein-Pixel-Zuschnitt auf einer Seite zuzulassen. Der Rechner macht das Problem sichtbar; eine Richtlinie zu wählen bleibt eine redaktionelle Entscheidung.

Dimensionen für gängige Nutzungen wählen

Zielgrößen variieren nach Kanal, und Plattformregeln ändern sich, daher behandle die Zahlen unten als Planungs-Defaults. Blogbilder liegen oft nahe 800 bis 1200 Pixel Breite, Heroes brauchen mehr Luft, Thumbnails passen mit einer Maximaldimensions-Kappe, und Druck bei 300 DPI wandelt aus physischen Zoll um. Exportiere einmal vom größten sauberen Master, dann skaliere herunter.

Nutzung	Typische Breite	Hinweise
Blog-Inline-Bild	800 bis 1200 px	Gewicht und Schärfe ausbalancieren
Website-Hero	1600 bis 2400 px	Oft zugeschnitten; Luft mitliefern
Thumbnail	150 bis 400 px	Maximaldimensions-Modus passt gut
Social-Querformat-Post	Klasse 1200 px	Aktuelles Plattform-Verhältnis bestätigen
Social Story / vertikal	Klasse 1080×1920	9:16-Quelle bevorzugt
E-Mail-Header	600 bis 800 px	Schwere Bilder belasten Clients
Druck bei 300 DPI	Zoll × 300	Pixelzahl aus physischer Größe

Exportiere vom größten verfügbaren sauberen Master, dann skaliere herunter. Wiederholte Speichervorgänge bei verlustbehafteten Formaten häufen Artefakte; berechne die finale Pixelbox einmal, dann kodiere.

Häufig gestellte Fragen

Zusammenfassung

Der Bildgrößen-Rechner skaliert Dimensionen nach Breite, Höhe, Prozentsatz oder maximaler Seite und verfolgt dabei den Skalierungsfaktor und das resultierende Verhältnis. 1920×1080 auf 800 px Breite zu skalieren ergibt 450 px Höhe mit intaktem 16:9; Breite 801 rundet die Höhe auf 451 und löst eine Drift-Warnung aus, weil 450.5625 keine ganze Zahl ist.

Das Werkzeug dimensioniert nur die Pixelbox; das eigentliche Bild zu resamplen bleibt ein separater Schritt in einem Editor oder einer Pipeline.