Lesezeit ca. 3 Minuten

Der Aufbau Ihrer Website macht Fortschritte und irgendwann kommt es zum Thema Bilder.

Neben den vielen kostenfreien und kostenpflichtigen Bildmaterialquellen stellt sich die Frage, ob man authentische Bilder von Produkten, Personen und dem Unternehmen selbst benötigt.

Das bedeutet: man schiesst individuelle Photos selbst oder beauftragt einen Profi.

Dieser Beitrag geht auf die verschiedenen Formate von Abbildungen auf Internetseiten ein.

virtulogix-tipps-fotoshooting-bilder-internet

Bildformate und Anwendung

Auf der Webseite ist jeweils nur der Bildauschnitt sichtbar. In diesem Ausschnitt müssen die Motive vollständig sichtbar sein.

Bezeichnung

Format und Fokusbereich

Banner oder Slider volle Bildschirmbreite

Bildauschnitt für Webseitenbilder

Banner

Bildauschnitt Breite: 2000px, Höhe: 200px – 500px

Hero-Image volle Bildschirmbreite

Bildauschnitt für Webseitenbilder

Hero

Bildauschnitt Breite: 2000px, Höhe: 600px – 800px

Hero-Image volle Bildschirmbreite

Bildauschnitt für Webseitenbilder

Personen Portraits

Bildauschnitt Format: 1:1.3 Breite: 600px, Höhe: 600px – 800px

Feature, Call to Action

Bildauschnitt für Webseitenbilder

4:3

Bildauschnitt für Webseitenbilder

16:9

Bildauschnitt Breite: 16:9, 4:3, 600px, Höhe: 360px

Mobile Portrait

Bildauschnitt für Webseitenbilder

1:1

Bildauschnitt für Webseitenbilder

4:5

Bildauschnitt für Webseitenbilder

16:9

Bildauschnitt für Webseitenbilder

9:16

Bildauschnitt Formate: 1:1, 4:5, 16:9, 9:16 (Vollfläche), Smartphone Breite: 480px, Tablett Breite: 1024px.

Mobile Landscape

Bildauschnitt für Webseitenbilder

16:9

Bildauschnitt Smartphone Breite: 768px, Höhe: 200px – 500px, Tablet Breite: 1200px

Der rote Rahmen zeigt den jeweiligen Bildauschnitt des Fotos oder Grafik.

Diese Information gilt als Orientierung insbesondere für die letztendlich sichtbaren Bildausschnitte. Für die Webseitengestaltung sollten die Originalbilder mit einer Breite von ca. 2.500px umkomprimiert angeliefert werden. Vor der Einbringung werden diese dann passend zugeschnitten und mit speziellen Komprimiertools für die Website vorbereitet.

image_pdfals PDF herunterladenimage_printSeite ausdrucken