Profitieren Sie und Ihre Besucher von professionell optimierten Fotos und Grafiken auf Ihrer Webseite. Im zweiten Teil “Bilder für das Web optimieren” erfahren Sie, welche Bildgrößen sich für Online-Publikationen eignen.
Optimale Bildgrößen für Fotos im Web
Fotos und Grafiken die in Ihre Webseite einbinden möchten benötigen selten mehr Bildhöhe, als der Monitor des Betrachters zulässt. Eine Bildschirmauflösung von 1024 x 768 Pixel ist immer noch weitgeläufig. Hinzu kommen noch die Randleisten des Browsers, die das Darstellungsfeld der Webseite zusätzlich einschränken. Kein Betrachter möchte im Normalfall ein Bild scrollen. Eine ideale Bildgröße ergibt sich somit aus der Darstellungshöhe des sichtbaren Bereichs im Browser. Wenn Sie auf Nummer sicher gehen möchten empfehle ich Ihnen eine Bildhöhe von 480 Pixel. Für das Seitenverhältnis von 4:3 Ihres Fotos ergibt sich somit eine Bildgröße von 640 x 480 Pixeln.
Für Bilder, die sich in einem Popup-Fenster öffnen bietet sich eine Bildgröße von 800 x 600 Pixeln an. Für Monitore mit HD-Auflösung können die Bilder eine Größe von 960 x 640 aufweisen (Facebook Popups verfügen z. Z. über eine maximale Bildbreite von 960 Pixeln).
Bildauflösung
Ein Monitor kann nur zwischen 72 dpi und 96 dpi (dots per inch) darstellen. Bei 96 dpi sind das 96 Bildpunkte in einem Viereck von 2,54 x 2,54 cm Seitenlänge. Im Vergleich: Eine Tageszeitung verfügt über eine Auflösung von 150 dpi.
Die Fotos und Grafiken benötigen für die Bildschirmdarstellung somit eine wesentlich geringere Auflösung als für den Bilderdruck. Eine höhere Bildauflösung ist also nicht gleich besser, sonder für die Bildschirmdarstellung sinnlos. Die Dateigröße wird unnötigerweise aufgebläht und verlangt längere Ladezeiten.
Bildgröße und Auflösung ändern
Bildgröße und Auflösung ändern
In einem Bildbearbeitungsprogramm können Sie die Größe Ihres Fotos ändern. Als kostenloses Programm bietet sich paint.net an. Eine Beschreibung zur Freeware finden Sie in unserem Beitrag “Kostenlos Fotos für das Web optimieren mit Paint.NET“. Auch RIOT ist ein spitzen Tool zur Bildoptimierung. Lesen Sie dazu den Beitrag: Weboptimierte Fotos mit dem kostenlosen Programm RIOT.
2 Kommentare
Hi,
eine nette Ergänzung wäre die aktuell perfekte Auflösung für Facebook-Bildergalerien.
1024×768 sollte die reguläre Größe sein, aber was Facebook unter verbesserter Qualität versteht, ist mir grad z.B. nicht so ganz klar
Ansonsten viel Spaß beim bloggen.
Gruß Martin
Hallo Martin,
ich teste gerade optimale Bildformate für die Facebook Bildergalerie. Die Checkbox “hohe Bildqualität”, beim Bild-Upload auf Facebook, lässt mich z. Z. noch im Unklaren. Aber die ersten Test zeigen überraschende Ergebnisse. Bezüglich der Qualität der Bilder, die auf Facebook hochgeladen werden lassen sich deutliche Unterschiede feststellen. Eine vorhergehende Weboptimierung für Facebook lohnt. Der entsprechende Beitrag folgt in Kürze. Du wirst staunen!