Warum Einheitlichkeit wirkt

Ob Produktkatalog, Team-Seite oder Bildergalerie: Sobald Bilder in unterschiedlichen Größen und Seitenverhältnissen nebeneinanderstehen, wirkt das Ganze unruhig und laienhaft — auch wenn jedes einzelne Bild gut ist. Einheitliche Maße sind der schnellste Weg zu einem aufgeräumten, professionellen Eindruck. Der Weg dorthin hat genau zwei Schritte, und die Reihenfolge ist entscheidend.

Der Denkfehler: einfach auf feste Maße skalieren

Der naheliegende, aber falsche Weg: alle Bilder auf, sagen wir, 1000 × 1000 skalieren. Das verzerrt alles, was nicht schon quadratisch war — ein Querformat-Foto wird gestaucht, ein Hochformat gezogen, Gesichter werden breit oder lang. Der Grund: Skalieren ändert die Größe, kann aber kein Seitenverhältnis ändern, ohne zu verzerren. Warum das so ist, vertieft der Beitrag Seitenverhältnis und schwarze Balken.

Der richtige Weg: erst zuschneiden, dann skalieren

  1. Gemeinsames Seitenverhältnis wählen. Für einen Shop oft 1:1 (quadratisch), für Kacheln nach Layout. Diese Entscheidung gilt für alle Bilder.
  2. Jedes Bild auf dieses Verhältnis zuschneiden. Mit dem Zuschneide-Tool das Motiv jeweils gut positionieren — das ist der einzige Schritt, der pro Bild Handarbeit braucht, weil der beste Ausschnitt bei jedem anders liegt.
  3. Alle auf dieselbe Pixelgröße skalieren. Da jetzt alle dasselbe Verhältnis haben, verzerrt nichts mehr. Diesen Schritt erledigt das Skalier-Tool im Stapel — mehrere Bilder auf einmal auf die Zielgröße bringen.

Stapelverarbeitung spart die meiste Zeit

Bei 40 Produktbildern ist Einzelbearbeitung Quälerei. Der Skalier-Schritt lässt sich für alle Bilder gemeinsam erledigen: alle hineinziehen, eine Zielbreite setzen, gebündelt herunterladen. Das läuft browser-lokal — auch 40 Bilder auf einmal verlassen den Rechner nicht, und es gibt keine Upload-Limits. Nur der Zuschnitt bleibt bewusst pro Bild, weil kein Automatismus so gut weiß wie du, wo das Motiv sitzt.

Die passende Zielgröße finden

  • Online-Shop-Produktbilder: quadratisch, 1000–1600 px (viele Marktplätze verlangen Mindestmaße für die Zoom-Funktion).
  • Galerie-Kacheln auf einer Website: nach Layout, oft 4:3 oder 1:1; einheitlich ist wichtiger als groß.
  • Team-/Porträtfotos: gleiches Porträt- oder Quadrat-Format, gleicher Ausschnitt (z. B. Kopf gleich groß) für einen ruhigen Gesamteindruck.

Ein Profi-Detail bei Team-Fotos: nicht nur gleiche Maße, sondern auch gleicher Bildausschnitt — überall der Kopf gleich groß und gleich hoch positioniert. Das hebt eine Team-Seite sichtbar.

Häufige Fragen

Wie bringe ich viele Bilder auf dieselbe Größe?

In zwei Schritten: erst alle auf dasselbe Seitenverhältnis zuschneiden (sonst würde Skalieren sie verzerren), dann alle auf dieselbe Pixelgröße skalieren. Ein Stapel-Tool erledigt den zweiten Schritt für viele Bilder gleichzeitig.

Warum werden meine Bilder verzerrt, wenn ich sie auf eine Größe bringe?

Weil sie unterschiedliche Seitenverhältnisse haben. Zwingt man ein Querformat und ein Hochformat auf dieselben Maße, wird eines gestaucht oder gezogen. Die Lösung ist Zuschneiden auf ein gemeinsames Verhältnis, nicht Skalieren auf feste Maße.

Welche einheitliche Größe soll ich wählen?

Das hängt vom Zweck ab: Für Online-Shop-Produktbilder oft quadratisch (z. B. 1000 × 1000 oder 1600 × 1600), für Galerie-Kacheln nach Layout, für Team-Fotos meist Porträt oder quadratisch. Wichtiger als der exakte Wert ist, dass alle Bilder identisch sind.

Kann ich das für viele Bilder gleichzeitig machen?

Ja. Ein Skalier-Tool mit Stapelverarbeitung nimmt mehrere Bilder auf einmal, bringt sie auf dieselbe Zielgröße und gibt sie gebündelt zurück. Das Zuschneiden auf ein gemeinsames Verhältnis geschieht meist pro Bild, damit der Ausschnitt stimmt.

Quellen

MDN — object-fit · MDN — aspect-ratio.