Bilder sind ein wesentlicher Aspekt um eine Website für den User interessant und lesenswert zu gestalten. Sie erzeugen Emotionen und ganz besonders im Bereich des Vertrieb präsentieren Sie ein Produkt visuell.
Da Bilder in einer Website in unterschiedlichen Größen eingesetzt oder dargestellt werden, kann man keine generelle Empfehlung geben, welche Größe ein Bild haben sollte. Um eine optimale Darstellung hinsichtlich Qualität und Download-Geschwindigkeit zu erreichen, sollten Sie grundsätzlich nach dem Motto verfahren: "So groß wie nötig, so klein wie möglich!".
Bei der Größe einer Bilddatei sind drei Faktoren relevant.
Zum einen die Größe in Pixeln (Breite und Höhe), dann die Dateigröße, also die Größe, die eine Bilddatei an Speicherplatz belegt (KB oder MB) und zuletzt das Bildformat (z.B. .JPG oder .PNG).
Verwende ich .JPG oder .PNG Dateien?
Die beiden Dateiformate unterscheiden sich hier im wesentlichen dadurch, dass .PNG-Bilder im Gegensatz zu .JPG-Bildern transparent (durchsichtig) sind.
Man verwendet .PNG-Bilder so z.B.: für ein Logo. .PNG-Dateien benötigen aber vergleichsweise mehr Speicherplatz und somit Traffic beim Download und sollten daher nur dann eingesetzt werden, wenn die Transparenz zwingend erforderlich ist. Für alle anderen Anwendungen in Ihrer Website verwenden Sie nach Möglichkeit .JPG-Dateien.
Welche Bildgröße (BxH in Pixel) verwende ich?
Das Bildformat, welches Sie jeweils verwenden sollten, ist, wie bereits erwähnt, abhängig von der Art der Darstellung. Also in welcher Größe das Bild auf bzw. in der Website angezeigt wird. Daher kann man eine generelle Aussage nicht treffen. Wir empfehlen aber folgende Richtwerte:
- Das Bild wird auf Ihrer Website in voller Bildschirmgröße dargestellt
Dann empfehlen wir eine Bildformatgröße von 2.560 x 1.440 Pixeln. - Das Bild wird in Ihrer Website als Produkt-, Portfolio-, oder Beitragsbild genutzt
Dann empfehlen wir eine Bildgröße von 1280x 720 Pixeln.
Wenn Sie Bilder im Hochformat verwenden, gehen Sie in der Höhe von den oben angegebenen Höhenwerten aus. Die Bildbreite verringert sich dann entsprechend.
Wie komprimiere ich Bilder (= verringern der Dateigröße)?
Fotografien oder Bilder hoher Qualität sind meist verhältnismäßig groß, um auch bei gedruckten Medien eine optimale Qualität zu erreichen. Diese Qualität aber benötigen wir nicht bei Webseiten, da TV-, PC- oder Smartphone-Bildschirme diese gar nicht darstellen können. Sie sollten also .JPG-Bilder konvertieren.
Dazu empfehlen wir eine Software wie beispielsweise ACDsee oder Photoshop. Nahezu aber jedes andere Bildbearbeitungsprogramm kann auch Bilder konvertieren.
Je nach Programm konvertieren Sie Bilder so stark wie möglich. Achten Sie aber darauf, dass je höher die Konvertierung erfolgt, auch die Qualität des Bilder abnimmt. Schauen Sie sich also die optimale Konvertierungsstufe jeweils in der Bildvorschau genau an. Wir empfehlen eine Konvertierung zwischen 40% und 75% vorzunehmen.