10 Tipps für das perfekte Facebook Profilbild
Facebook Profilbild
Im September 2009 hatten wir euch ein paar Tipps zum perfekten Profilbild gegeben. Der Beitrag ist bis heute einer der beliebtesten Beiträge in unserem Blog. Im letzten Jahr hat sich jedoch einiges verändert weshalb wir diesen Beitrag gerne nochmals aktualisieren möchten.
Generell gilt, dass der erste Eindruck beim Besucher zählt. Ein Profilbild bietet einiges an Potential, ist es doch eines der wenigen Page-Elemente die selbst gestaltet werden können. Wir haben euch eine kleine Zusammenfassung mit 10 Tipps & Tricks zur Gestaltung des Profilbildes zusammengestellt:
- Profilbildgröße
Profilbilder bei Facebook werden mit maximal 200 Pixel Breite und 600 Pixel Höhe dargestellt. Andere Größen werden auf die Breite bzw. Höhe skaliert - Thumbnail
Wichtiger noch als das eigene Profilbild ist das Miniaturbild, es wird oft vergessen, dass die Nutzer das Miniaturbild viel häufiger sehen als das komplette Profilbild. Grob überschlagen erreicht beispielsweise unser Miniaturbild über 200 mal mehr Impressions als unser großes Profilbild. Das liegt daran, dass ein Thumbnail im Stream der Nutzer angezeigt wird oder auch in der Like Box. Ein gutes Thumbnail ist also eigentlich wichtiger als ein gutes Profilbild. - Thumbnail positionieren
Wir haben gerade erwähnt wie wichtiges das Thumbnail ist. Dieses besteht immer aus einem quadratischem Ausschnitt aus dem kompletten Profilbild. Die Position des Ausschnitts kann frei gewählt werden und genau hier liegt ein Vorteil der viele Freiheiten im Design zulässt. (“Change Profilepicture > Edit Thumbnail”) - Profilbildhöhe ausnutzen
Es gibt wenig Gestaltungsmöglichkeiten für Facebook Pages, lediglich das Profilbild oder Custom Tabs bieten etwas Freiraum. Die maximale Höhe von 600 Pixel des Profilbilds eignet sich hervorragend dazu die Page etwas aufzulockern. - In der richtigen Größe uploaden
Wie schon erwähnt skaliert Facebook die Profilfotos auf 200 bzw. 600 Pixel, es empfiehlt sich deshalb das Bild in der finalen Größe bei Facebook hochzuladen. Damit verringert man die Qualitätsverluste bei einer möglichen Skalierung auf ein Minimum. - Weniger ist mehr
Im kleinen Miniaturbild ist Schrift oft kaum zu erkennen, wir empfehlen deshalb auf filigrane Elemente im Profilbildauschnitt (aus dem das Thumbnail generiert wird) zu verzichten. Meist erzielt das eigene Logo auf einem schlichten Hintergrund den besten Wiedererkennungswert. - Abwechslung
Wir sprechen oft darüber, das wir keine langweiligen Tabs mit statischem Content mögen, bei Profilbildern ist dies ähnlich. Während der Ausschnitt des Thumbnails gern über lange Zeit gleich sein kann, ist es doch nett den Rest des Profilbilds zu aktualisieren und an Specials anzupassen. - Profilbild An Tab Design anpassen
Früher war das komplette Profilbild nicht zusammen mit den eigenen Facebook Tabs sichtbar. Mit der Umstellung zum 23.08.10 ist dies nun anders. Das komplette Profilbild ist auch sichtbar wenn ein eigenes Tab aufgerufen wird. Man kann also mit beiden Flächen spielen, das Design anpassen und sollte darauf achten, dass sich die Inhalte nicht komplett doppeln. - Vorsicht beim Kombinieren mit Facebook Design Elementen
Oft wird ein Profilbild mit dem Facebook Hintergrund kombiniert, dies lässt die Profilbilder plastischer wirken und macht einen guten Eindruck. Wer den Hintergrund ins Profilbild einbaut sollte allerdings beachten, dass die Abstände und Größen nicht zu 100% fix sind. Diese unterscheiden sich u.a. zwischen verschiedenen Browsern. Aber auch wenn ein zweizeiliges Statusupdate ohne Link, Bild, Video o.ä. erstellt wird verschiebt sich das Bild, da das Update im Header anzeigt wird. Das es schon ohne langes Statusupdate zu kleinen und unschönen Verschiebungen kommt könnt ihr zum Beispiel am Beispiel von Germanwings sehen (oben). - Alte Profilbilder und Tests entfernen
Oft wird auch vergessen das alte Profilbilder und Test von Facebook in einer Galerie gespeichert werden. Gerade Tests sollten natürlich gelöscht werden aber auch alte unpassende Profilbilder sollten dort nicht mehr vorkommen.
Über den Autor:
Philipp Roth: Philipp ist Gründer von allfacebook.de und beschäftigt sich seit langem auch beruflich mit Facebook, organisiert Workshops, hält Vorträge und gibt konzeptionellen Input. Er realisiert viele der heute sehr erfolgreichen Auftritte und Applikationen auf Facebook und setzt seinen Fokus auf die Strategie von Unternehmen im Social Web. - Philipproth.com - Über AllFacebook.de
- Facebook Pages: Komplettes Redesign der mobilen Ansicht mit klarem Fokus auf Interaktionen
- Neuer Newsfeed: Einblicke vom Facebook Design Team
- Facebook testet weiter neue Timeline- Designs. Leicht veränderbare “Sections” eingeführt
- Facebook Events: Jetzt mit Coverfoto!
- Das Timeline Redesign kommt, nur wie? – Wieder neues Design im Test.
August 24th, 2010 at 10:21
Gute Hinweise! Ergänzung zu Punkt 3 – damit das Thumbnail gut positioniert werden kann, sollte der Bildbereich, der für das Thumbnail vorgesehen ist die Grösse von 175 x 175 Pixel nicht überschreiten, andernfalls wird ein Teil abgeschnitten.
August 24th, 2010 at 11:33
Eine sehr schönes Zusammenstellung. Besonders der 9. Punkt halte ich für ziemlich tricky.
Bei der Gestaltung unserer Fanpapge haben wir auch gezielt mit den Facebook Designelementen gespielt.
Die von dir angesprochenen Verschiebungen sind zwar ärgerlich, nehmen wir aber in Kauf.
Grüße,
Jo
August 24th, 2010 at 12:19
Profilbilder können ruhig regelmäßig wechseln – sofern der gewisse Wiedererkennungswert (gerade im Thumbnail) bestehen bleibt. Ich zb. wechsle meine Profilbilder je nach Stimmung (http://www.facebook.com/album.php?aid=-3&id=1671348860&l=440f8f0bdb) und verwende sie sozusagen als Emoticons. *g*
August 24th, 2010 at 12:46
Punkt 9 haben wir bei unserer Fanpage versucht ein wenig zu umgehen. Siehe: http://www.facebook.com/mediameets.de
Wir haben einfach simuliert das unser Logo über dem Tabbereich liegt und sind somit auch geschützt vor etwaigen Verschiebungen durch zu lange Status-Updates. Und durch die Tipps werden wir das aufjedenfall noch weiter optimieren, also danke dafür
August 24th, 2010 at 12:50
@Thomas, gute Ergänzung.
@Jo, stimmt schon. Kleine unschönheiten gehen noch, aber sobald sich das durch ein langes Statsupdate richtig verschiebt sieht es meistens schon sehr komisch aus. Wir sind besonders mit der Linie oben immer etwas vorsichtiger…
@Robert, stimmt – steht ja auch oben
@Marvin, find ich gelungen.
August 24th, 2010 at 13:53
Das Problem an einem 600 px großen Profilbild ist, dass die Darstellung in der mobilden Version (App) ungünstig ist, da der Bildschirm mit dem Logo gefüllt ist und erst nach dem scrollen die Pinnwand sichtbar ist. Haben das bei http://www.outdooractive.com schon versucht…
August 24th, 2010 at 23:20
Ich hab gerade mal einen Test gemacht ob Profilbilder weniger hässlich gepixelt werden, wenn man sie statt als JPG (high) als PNG-24 uploaded. Erstaunlicherweise bringt das nichts. Die Artefakte werden noch deutlicher als (eh schon) bei JPG. Bummer! av
August 25th, 2010 at 00:46
Wir haben diesen Artikel zum Anlass genommen und unser Facebook-Profilbild einem Redesign unterzogen.
Ziel war es das Logo möglichst plastisch, unauffällig aber hochwertig in das Facebook-Layout zu integrieren ohne dabei verspielt zu wirken.
Im oberen Teil des Profilbilds haben wir die gleiche Farbe wie im Kopfbereich von Facebook genutzt und das Logo auf die volle Breite von 200 Pixel gebracht. Dabei haben wir die oberen und unteren Kanten abgerundet, sodass es sich von den quadratischen, beschnittenen Profilbildern absetzt.
Das Bild ist durch Anwendung dieser Methode browsersicher, da es in der Höhe ohne Weiteres verschoben werden kann. Das Design wurde in Opera, Firefox, Safari und Chrome getestet und funktioniert einwandfrei.
Zusätzlich haben wir unser Logo minimal verkleinert, damit es optimal und voll flächig als Miniaturbild eingesetzt werden kann. Wichtig ist dabei zu wissen, dass Facebook nicht die volle Breite sondern 172 x 172 Pixel nutzt. Das heißt es werden an den Rändern des Logo-Bereichs mindestens 14 Pixel Abstand benötigt.
Das Ergebnis ist hier zu sehen:
http://www.facebook.com/webteilchen
Die Historie der Profilbilder behalten wir bewusst im Album, damit haben wir eine wunderbare Evolution unseres Facebook-Profils.
Wichtig zu beachten ist bei der Erstellung der customized-Tabs für Fanpages, dass man Designelemente nicht doppelt. Die Änderung von 760 Pixel auf 520 Pixel Breite der Page-Tabs hat somit auch einen Vorteil: Alle Tabs besitzen nun ein einheitliches Layout und man muss sich im Design nicht wiederholen, das erspart Arbeit und bringt Übersichtlichkeit in die Sache.
Vielen Dank für den Artikel und wir freuen uns über Feedback.
August 25th, 2010 at 09:21
[...] haben euch gestern 10 Tipps für das perfekte Profilbild vorgestellt und wollten euch noch ein paar Beispiele von Unternehmen aufzeigen die unserer Einschätzungen nach [...]
August 25th, 2010 at 10:04
Danke für die wertvollen Tipps. Habe sie auf meiner “INLINE Consulting” Seite gleich umgesetzt. MfG GP
August 25th, 2010 at 13:51
[...] Teilen 25.08.2010 (von Falk Hedemann) Die Facebook-Experten von facebookmarketing.de haben 10 Tipps für das perfekte Facebook Profilbild zusammengestellt. Wie im realen Leben zählt auch bei virtuellen Auftritten der erste Eindruck und [...]
August 25th, 2010 at 14:29
Interessanter Artikel,
Habe das gleich mal bei einer Fanseite umgesetzt.
Auch wenn mit Punkt9 natürlich bewusst ist, ich konnte nicht wiedererstehen mit dem FB-Design zu spielen
MfG
August 25th, 2010 at 14:33
[...] perfekte Profilbild auf [...]
August 25th, 2010 at 14:42
[...] perfekte Profilbild auf [...]
August 26th, 2010 at 09:02
Zu Punkt 9
Gut finde ich auch die Lösung des Facebook Data Teams:
http://www.facebook.com/data
August 26th, 2010 at 09:32
Vielen Dank für diesen Beitrag. Er hat mich dazu gebracht mich endlich einmal aufzuraffen und das Profilbild unserer Fanpage zu überarbeiten.
August 26th, 2010 at 12:09
sehr schön! danke! hab ick gleich mal bei mir umgesetzt
August 27th, 2010 at 13:11
[...] Da der erste Eindruck sehr wichtig ist, sollte das Facebook Profilbild einer Person/ Seite überlegt gestaltet werden. [...] [...]
August 27th, 2010 at 22:42
Bei http://www.facebook.com/data frag ich mich, wie sie ein Minaturbild erzeugen konnten, das sich gar nicht im Profilbild wiederspiegelt.
Das können dann wahrscheinlich nur Facebook-Entwickler
September 2nd, 2010 at 16:21
[...] interessante Tipps für das perfekte Profilbild findet ihr bei der kostenlosen und genialen Seite: facebookmarketing (Danke Jens und Philipp). …andere Beiträge vonFloh [...]
September 9th, 2010 at 08:25
[...] facebookmarketing.de | 10 Tipps für das perfekte Facebook Profilbild – Ein Profilbild bietet einiges an Potential, ist es doch eines der wenigen Page-Elemente die selbst gestaltet werden können. Wir haben euch eine kleine Zusammenfassung mit 10 Tipps & Tricks zur Gestaltung des Profilbildes zusammengestellt: facebook tipps fanpage design tutorial [...]
September 13th, 2010 at 22:11
[...] kurzem hat facebookmarketing.de einen Beitrag aktualisiert, der 10 Tipps für das perfekte Profilbild gibt. Einer der 10 Punkte [...]
September 28th, 2010 at 19:54
Ja,das sind wirklich gute Facebook Tipss die ich noch bei mir ergänzen werde. Werde auch jetzt öffter vorbei kommen vielleicht finde ich wieder News über Facebook. Vielen Dank.
September 29th, 2010 at 10:39
Danke für den Tipp, aber wie funktioniert Punkt 7? Wie sich Webdesigner schon oben fragt, wie schafft es http://www.facebook.com/data Thumbnail und Profilbild unterschiedlich zu gestalten. Das würde mich auch interessieren.
September 29th, 2010 at 15:31
@Mike – weil “data” von Facebook ist.
September 29th, 2010 at 17:05
@Philipp: Danke für den Hinweis. Jetzt erklärt sich auch, warum das Icon so hässlich ist ;-p
November 6th, 2010 at 01:34
[...] Update Oktober 2010: Bitte beachtet auch die neue Version dieses Beitrags “10 Tipps für das perfekte Facebook Profilbild” [...]
November 20th, 2010 at 16:06
[...] auch Facebookmarketing oder das Agenturblog empfehlen wir aber das Ausnutzen des vollen Platzes für Profilbilder (wie [...]
November 24th, 2010 at 19:31
[...] Icon generiert werden kann? Die Lösung haben wir auf Facebookmarketing in den beiden Beiträgen 10 Tipps für das perfekte Facebook Profilbild sowie Das perfekte Profilbild entdeckt.Auf der Seite zum Veröffentlichen eines Profilbildes findet [...]
Dezember 18th, 2010 at 14:57
[...] 10 Tipps für das perfekte Profilbild [...]
Dezember 23rd, 2010 at 02:39
Die 10 Punkte waren sehr hilfreich…mein Problem ist jetzt allerdings das mein “perfektes Profilbild” in total schlechter Qualität abgebildet wird sobald es hochgeladen ist. Kann man das irgendwie vermeiden bzw. umschiffen? Beim privaten Profil verlieren die Bilder nicht so stark an Qualität.
Dezember 30th, 2010 at 13:16
schwierig wird es eben mit logos wie hier: http://www.sport-fundgrube.com – hier die richtige maßnahme zu treffen ist natürlich etwas tricky
Januar 23rd, 2011 at 20:23
Vielen Dank für die Tipps! Unsere 2 neue Seite sind Online http://www.bichitos.de
und http://www.galarza.eu
Und die Tipps werden wir auf unsere gerade geründete facebookseite http://www.facebook.com/pages/Bichitos-Wenn-du-nicht-da-bist-fehlt-mir-die-Halfte-der-Welt/148105321910803?v=wall
anwenden!!! Danke den Tipps, wird es sich viel bei uns verändern. Besonders muss man auf Punkt 2 achten. Da war bereit unsere erste Fehler und werden wir daran arbeiten! Nochmal vielen Dank!
Februar 3rd, 2011 at 14:00
super danke! wir haben nur ein problem das wir nicht verstehen… viele profilbilder einiger großer firmen sind sehr scharf. wenn ich sie runterlade und prüfe haben sie 100dpi. egal was wir hochladen, es wird verpixelt und hat anschließend wieder 72 dpi. ich verstehe gar nicht das es hierzu nicht mehr antworten gibt… kennt ihr das problem nicht?
Februar 10th, 2011 at 12:43
das Problem mit der Unschärfe hatte ich auch. Ich hab mir mal angeschaut auf welche Größe FB es runter skaliert und habe es anschließend, vor dem Upload, selber runterskaliert. Das Ergebnis ist auf jedenfall besser, bin aber auch noch nicht 100% zufrieden. Vielleicht kommt noch ein guter Tip…
Zum Miniaturbild, dies habe ich wie folgt gelöst http://www.facebook.com/flywai .
Das Miniaturbild muss dabei den Platz von 200px * 200px (minus Ränder, sprich 172px * 172px zentriert) erhalten. Nach dem Upload des Profilbildes einfach das Miniaturbild verschieben… Viola.
Beste Grüße
Marcus
Februar 18th, 2011 at 13:06
Gute Tipps, weiss jemand wie man beim neuen FB Design den Profilbilder-Banner sortiert?
Februar 18th, 2011 at 13:38
@Acid – gar nicht, siehe: http://allfacebook.de/pages/galerie-facebook-pages
Februar 18th, 2011 at 14:34
Hallo,
habe das gleiche Problem mit der Unschärfe im Profilbild. Hat da jemand schon eine Lösung für? Mein Profilbild an 172px x 600px.
Grüße
Februar 18th, 2011 at 15:35
Hallo,
Ich wollte die max-Grösse des Profilbildes nutzen. Nur kommt bei mir immer die Fehlermeldung: “Es gab einen Fehler bei der Verarbeitung deines Profilbildes. Bitte versuche es erneut.” Hat jemand dafür eine Lösung. ich habe mein Bild auf 175x 500 pix skaliert.
Danke!!
LG
März 17th, 2011 at 11:53
Ich weiß nicht, ob ihr noch einmal irgendwo diesen Beitrag aktualisiert habt, aber ich stellte gerade fest, dass die Maximalgrößen der Profilbilder für Fanseiten mittlerweile auf 180x540px geändert wurden.
März 17th, 2011 at 11:55
Du hast Recht. Das Profilbild hat eine neue Größe. Ein Update folgt auch bald von uns.
April 20th, 2011 at 17:35
Danke für den Hinweis mit dem Thumbnail. Auch wenn die Anleitung nicht mehr ganz frisch ist, wusste ich das z.B. nicht.
Mai 17th, 2011 at 12:55
[...] Die Seite ist angelegt und eines springt Ihnen gleich in’s Auge: Das nicht befüllte Profilbild. Aber Achtung: Laden Sie nicht einfach irgendwas hoch, damit Sie irgendwas haben. Auch beim (professionellen) Profilbild sind gewisse Dinge zu beachten, hier die 10 Tipps für das perfekte Facebook-Profilbild. [...]
Juni 15th, 2011 at 07:13
Danke für die wertvollen Tipps. Habe sie auf meiner “INLINE Consulting” Seite gleich umgesetzt. MfG GP
Juni 27th, 2011 at 22:29
Die Liste ist echt ein guter Überblick! Nur weiß ich nicht, wo man die Testbilder (Punkt Nr. 10) löschen kann. Kann mir da jemand weiterhelfen?
Juli 1st, 2011 at 20:48
wie ist der aktuelle Stand zum Profilbild auf Fanpages? Er will nur quadratische Bilder. Danke vorab.
Juli 2nd, 2011 at 00:40
Moin!
Meine Fanpage: https://www.facebook.com/derHamburgLotse
Ein (vorläufiges) Motiv im Format 200 x 500 hab ich auf die Fanpage hochgeladen bekommen. Aber wie kann ich nun den Thumbnail (Anzeige bei Likes und Beiträgen) festlegen? Wenn ich auf “Bild ändern” klicke gab’s früher mal die Möglichkeit, den gewünschten Bereich festzulegen – aber wo macht man das nun??
Danke für Tipps und Hinweise!
Juli 18th, 2011 at 15:42
Da klaut wer von euch: http://eldov.info/thread-9681.html
Juli 18th, 2011 at 16:24
Ich nochmal: Da ihr in diesem neueren Post von andren Profilbildmaßen sprecht, hier bitte korrigieren – denn dieser Post ist der erste, den man via Google findet
http://allfacebook.de/pages/profilbilder-warum-in-zukunft-weniger-mehr-ist
Juli 28th, 2011 at 18:05
[...] gibt es eine ausführliche Anleitung, wie Sie das perfekte Profilbanner für Ihre Seite [...]
August 11th, 2011 at 09:13
Hi,
ich stehe vor dem gleichen Problem mit den Farben. Es scheint fast so, als würden sich nicht alle Farben für das Profilbild eignen. Was auch immer beim Upload passiert…es “zermatscht” vor allem Rottöne und satte Farben.
Wenn irgendwer zu diesem Thema mal eine hilfreiche Antwort hätte, der wäre mein Held! ^^
Schließlich kann ich nicht die komplette Farbpalette durchprobieren.
August 16th, 2011 at 20:24
HI, danke für die vielen nützlichen Tipps!
Ich habe auch das Problem der Unschärfe, bei Schriften und Farben, vorzugsweise rot. Es schein veschwommen und verpixelt, egal was ich auch mache.
September 9th, 2011 at 01:29
an alle mit verpixelten bildern:
habe das verschwommene wegbekommen, als ich die datei als bmp hochgeladen habe. dont know why?! aber hoffentlich klappts bei euch auch!
lg!
Oktober 13th, 2011 at 15:01
Vielen Dank für die brauchbaren Tipps. Wir haben diese auf unserem Unternehmensprofil umgesetzt: http://www.facebook.com/pages/hemdwerk/302290480617
Oktober 14th, 2011 at 10:36
@kadde
hab’s grade probiert, aber ohne erfolg! was sind deine einstellungen? grüße, olli
Oktober 25th, 2011 at 19:25
Ich habe auch das problem mit der Unschärfe. Das Bild ist exakt 180x540px verpixelt aber ganz scheußlich. Farblich ist das ganze ein knalliges, helles grün. Jemand eine Ahnung was man da machen kann?
November 3rd, 2011 at 07:29
[...] Ausführliche Informationen dazu finden Sie bei allfacebook.de. [...]
November 7th, 2011 at 13:19
[...] Beitrag mit den 10 Tipps zum perfekten Facebook Profilbild ist schon etwas älter und auch die Tricks zum Gestalten der Bildleiste sind aus dem Februar [...]
November 22nd, 2011 at 10:07
Auf http://www.quicksticker.de kann man das Profilbild auch mit einem eigenen Badge oder Sticker versehen. Hier wird das Profilbild auch gleich auf 180 x ??? Pixel heruntergerechnet (auch auf entspr. Größen für StudiVZ, Google+, Twitter). Die Qualität sieht besser aus, so dass Facebook & Co. das nicht mehr kaputt skalieren müssen.
November 22nd, 2011 at 11:11
[...] allfacebook.de hat sogar schon mehrere Anleitungen veröffentlicht und mit diesen Beiträgen sogar die meisten Klicks auf deren Seite geschafft. Auch beim Portal helpster.de findet man einfache Anleitungen, die beim Erstellen von Profilbildern helfen sollen. Dabei findet man jedoch nie eine Lösung auf die Frage: WAS soll ich denn auf meinem Profilbild darstellen? [...]
Dezember 13th, 2011 at 11:25
Maße: 180 x 460
Wenn man die Dateigröße beachtet, meine ich, bleibt die Qualität einigermaßen erhalten.
Also am besten ein GIF und 8-10 kb.