In zahlreichen Gruppen immer wieder die Frage, wie den Qualitätsverlust beim Upload von Bildern auf Facebook vermeiden oder zumindest soweit wie möglich verringern. In der Regel reicht Facebook zum präsentieren seiner Fotos aus. Hin und wieder kann es aber zu Abstufungen oder Artefakten kommen. Der weit verbreitete Unsinn mit 0.3 Radius schärfen bringt da gar nichts. Es verhindert weder farbliche Abstufungen noch verhindert es Artefakte. Das Bild wird vielleicht schärfer, aber die Qualitätsverluste bei JPEG bleiben dennoch.
Ich musste mich ebenfalls durch viele Facebook Gruppen, Blogs und Foren bewegen und etliche Selbstversuche unternehmen um eine klare Antwort zu bekommen - zumal sich bei Facebook ständig diverse Einstellungen oder Darstellungen ändern können. Nach vielen eigenen Tests kann ICH jedenfalls die nachfolgenden Zeilen bestätigen. Doch bevor es losgeht, vielleicht an dieser Stelle noch eine hilfreiche kleine Übersicht welche Bildgrößen von Facebook bei Profilbildern oder Titelbildern mit Stand 2017 empfohlen wird.
Facebook Bildgrößen
Facebook Titelbild (Cover Image) Facebook Bildgrößen für Titelbilder, welche auf dem Facebook-Profil oder der Firmen-Seite ganz oben quer platziert sind: 851 x 315 PixelFacebook Profilbild Größe (Profile Image) Facebook Profilbild: Bild, welches meist ein Gesicht des Nutzers oder ein Firmenlogo zeigt. Profilbilder werden auf Facebook immer quadratisch dargestellt. Empfohlen wird: 1200 x 1200 PixelFacebook Veranstaltungsbild (Event Image) Fotos, die für Veranstaltungshinweise genutzt werden: 826 x 294 Pixel Gruppenbild (Group Image) Facebook Bildgrößen für das Titelbild einer Facebook-Gruppe: mindestens 450 x 150 Pixel Titelbild einer Notiz Facebook Bildgrößen für für Facebook-Notizen: 1200 x 445 Pixel
Qualitätsverluste verringern
Nun aber zum eigentlichen Thema - dem Qualitätsverlust. Aus diversen Tests ging hervor das Facebook in Sachen Qualitätsverlust einen Unterschied zwischen Profil-Seite und Facebook-Seite macht. Qualitätsverluste können sich mit Form von Abstufungen (bei Verläufen) oder durch Artefakten (durch Bild-Komprimierung) bemerkbar machen.
Die besten Ergebnisse erzielt man mit diesen Vorgaben:
① Dateiformat PNG24 (größtmöglichen Farbumfang) wählen
② Bildgröße wenn möglich nicht größer als 2048 x 1152 Pixel
③ Dateigröße darf nicht größer 1024 KB (also 1MB) sein
Die Dateigröße kann bei PNG nur über die Verringerung der Breite oder Höhe erreichen werden. Wird die maximale Dateigröße bei PNG eingehalten, wird das Bild nicht in JPEG umgewandelt und dies kann auch kontrollieren werden. Einfach nach dem Upload bei dem Bild auf “Option” und das auf “Herunterladen” klicken. Facebook bietet dann eine PNG24-Datei zum Download an - also ohne Qualitätsverluste!
Im Test hat sich weiterhin gezeigt, dass die Breite oder Höhe nicht unbedingt eine Rolle spielt. Ein PNG24 Bild mit 7680 x 4320 Pixel wurde zwar auf 2048 x 1152 Pixel skaliert, aber das PNG-Format wurde beibehalten! Allein die Dateigröße entscheidet, ab wann eine PNG in JPEG umgewandelt wird. Ansonsten gilt, Bilder mit über 2048 Pixel Kantenlänge werden durch Facebook skaliert.
Das Bild sollte aber nicht mehr als 4MB Dateigröße haben. Auf Facebook macht es keinen Sinn ein Bild mit weit über 10MB hochzuladen. Ist die Dateigröße größer 1MB wandelt Facebook die Datei in eine JPEG-Datei um. Mit der Umwandlung entstehen somit zwangsläufig wieder Qualitätsverluste. Wie auch bereits erwähnt scheint Facebook einen Unterschied zwischen Seiten und Profilen zu machen. Nach diversen Tests ging hervor, dass ein PNG24 auch bei Profil-Seiten generell in JPEG umgewandelt wird!
Facebook macht immer ein JPEG
Unsinn, Unsinn und nochmals Unsinn. Diese Meinung ist weit verbreitet und woher sie kommt, kann ich nicht nachvollziehen. Aber die Leute die das behaupten sollten sich mal die Mühe machen und in den HTML-Quelltext sehen. Dann werden sie erkennen, dass dies nicht so ist. Ein PNG24 Testbild wird in der Vorschau als PNG angezeigt - siehe Screenshot. Wer es nicht glaubt und Browser Chrome benutzt, der sollte mal F12 drücken und das Bild suchen! Der Link zu den Testbildern ist am Ende dieses Beitrages hinterlegt.
Test-Bilder zum ansehen
Meine Test-Bilder zu diesem Beitrag habe ich hier hinterlegt:
Am besten die Bilder im Vollbild anzeigen lassen und dann auf “Grafik anzeigen” klicken. Der Unterschied bei PNG24 sollte klar erkennbar sein.
Allezeit gutes Licht!
(Änderungen vorbehalten)