{"id":1168,"date":"2011-01-24T12:57:53","date_gmt":"2011-01-24T11:57:53","guid":{"rendered":"http:\/\/www.media-deluxe.de\/blog\/?p=1168"},"modified":"2016-04-20T06:19:13","modified_gmt":"2016-04-20T04:19:13","slug":"how-to-profilfbild-fuer-facebook-unternehmensseite","status":"publish","type":"post","link":"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/how-to-profilfbild-fuer-facebook-unternehmensseite\/","title":{"rendered":"How-To: Profilbild f\u00fcr Facebook Unternehmensseite"},"content":{"rendered":"<p>Facebook bietet Unternehmen, Organisationen und Prominenten die M\u00f6glichkeit eine sog. Seite (bzw. Page oder Fanpage) zu ver\u00f6ffentlichen. Diese unterscheiden sich von pers\u00f6nlichen Profilen hinsichtlich der Nutzungsbedingungen und der Aufmachung. Der Gestaltung dieser Facebook-Seiten sind enge Grenzen gesetzt, jedoch k\u00f6nnen mit dem Profilbild Brand-Elemente platziert und Akzente gesetzt werden. Da Facebook keine Hilfstexte zu dieser Profilgrafik bereitstellt, hier ein paar Tipps. <!--more--><\/p>\n<h2>Gr\u00f6\u00dfe des Facebook-Profilbildes<\/h2>\n<p>Das Profilfoto ist maximal 200 Pixel breit und 600 Pixel hoch (s.u.: Update). Wenn breitere Bilder hochgeladen werden, werden sie proportional auf 200 Pixel Breite verkleinert. Um Skalierungsartefakte zu vermeiden, empfiehlt es sich, das Bild in der endg\u00fcltigen Gr\u00f6\u00dfe, also max. 200 x 600 Px., hochzuladen.<\/p>\n<h2>Datenformate f\u00fcr den Upload<\/h2>\n<p>Die maximale Dateigr\u00f6\u00dfe des Uploads betr\u00e4gt 4 MB. Als Datenformate werden .jpg, .gif und .png (8 Bit und 24 Bit) akzeptiert. Transparente Hintergr\u00fcnde (GIF oder PNG) empfehlen sich nicht. Sie werden zwar akzeptiert, hochgeladene Bilder werden jedoch in jedem Fall auf wei\u00dfen Hintergrund gerendert und als komprimiertes JPEG gespeichert. Durch dieses Rendern entstehen unvermeidliche Kompressionsartefakte. In kritischen F\u00e4llen sollte man das Profilbild in unterschiedlichen Versionen (Datenformat, Farboptionen) hochladen und dann das Ergebnis mit den ertr\u00e4glichsten Verlusten w\u00e4hlen.<\/p>\n<h2>Integration in die Facebook-Webseite<\/h2>\n<p>Das Facebook-Template ist nicht pixelgenau f\u00fcr alle Browser optimiert, wodurch die Profilgrafik in unterschiedlichen Browsern mit einigen Pixeln Differenz unterschiedlich weit in den grauen Seitenkopf hineinragt (s.u.: Update). Eine pixelgenaue Integration in die Facebook-Seite ist daher nicht ratsam.<\/p>\n<h2>Facebook-Miniaturbild<\/h2>\n<p>Mindestens genauso wichtig wie das Profilbild ist das sog. Miniaturbild, das in Listendarstellungen angezeigt wird.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1197\" src=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/01\/miniaturbilder.jpg\" alt=\"\" width=\"300\" height=\"465\" srcset=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/01\/miniaturbilder.jpg 300w, https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/01\/miniaturbilder-193x300.jpg 193w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Es handelt sich dabei um einen auf 50 x 50 Pixel verkleinerten  Ausschnitt aus dem Profilbild. Den Ausschnitt kann man zwar frei w\u00e4hlen,  aber bei einem 200 Pixel breiten (und mindestens 200 Pixel hohen)  Profilbild betr\u00e4gt der zur Verkleinerung w\u00e4hlbare Ausschnitt lediglich  170 x 170 Pixel.<\/p>\n<p>Bei der Gestaltung des Profilbildes muss also ein f\u00fcr das Miniaturbild zu verwendender Ausschnitt mit 170 x 170 Pixeln ber\u00fccksichtigt werden, weshalb Logo und Claim gegebenenfalls nicht formatf\u00fcllend verwendet werden sollten. Die Verkleinerung auf 50 x 50 Pixel erfordert auch, dass die Details und Schriften nicht zu klein gew\u00e4hlt werden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1189\" src=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/01\/profilbild.jpg\" alt=\"\" width=\"400\" height=\"200\" srcset=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/01\/profilbild.jpg 400w, https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/01\/profilbild-300x150.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>In diesem Bildbeispiel wurden links Schriften (Arial Rounded) mit 60  bzw. 18 pt. verwendet. Im resultierenden Miniaturbild ist der Claim  praktisch nicht mehr zu lesen.<\/p>\n<h2>Nutzungsrechte beachten!<\/h2>\n<p>Mit dem Upload des Profilbildes \u00fcbertr\u00e4gt man an Facebook umfangreiche Nutzungsrechte.<\/p>\n<blockquote><p>Du gibst uns eine nicht-exklusive, \u00fcbertragbare, unterlizenzierbare, unentgeltliche, weltweite Lizenz f\u00fcr die Nutzung jeglicher IP-Inhalte, die du auf oder im Zusammenhang mit Facebook postest (\u201eIP-Lizenz\u201c).<\/p><\/blockquote>\n<p>Diese Rechte\u00fcbertragung widerspricht im allgemeinen den sehr eingeschr\u00e4nkten Nutzungsrechten, die man beim Erwerb von Agenturfoto-Lizenzen erh\u00e4lt. Teure Abmahnungen und Schadensersatzforderungen k\u00f6nnen die Folge sein. Im Zweifelsfall sollte man einen auf Urheberrecht im Internet spezialisierten Juristen befragen, wenn man fremdes Bildmaterial verwenden m\u00f6chte. Zu beachten ist auch, dass Facebook seine Nutzungsbedingungen gelegentlich \u00e4ndert und sich somit auch die Rechtslage nachtr\u00e4glich \u00e4ndern kann.<\/p>\n<hr \/>\n<h2>Update 15.2.2011: Neues Facebook Layout<\/h2>\n<p>Nur wenige Tage, nachdem ich diesen Blog-Post ver\u00f6ffentlicht hatte, k\u00fcndigte Facebook eine Aktualisierung des Fanpage-Layouts an. Es soll zum 10. M\u00e4rz 2011 angewandt werden, man kann es aber auch schon fr\u00fcher aktivieren. Die wesentlichen \u00c4nderungen, die diesen Artikel betreffen:<\/p>\n<ul>\n<li>Das Profilbild ist nun 180 x 540 Pixel gro\u00df.<\/li>\n<li>Das Profilbild ragt nun nicht mehr in die Facebook-Kopfzeile hinein.<\/li>\n<li>Das neue Panorama-Profil ist 485 x 69 Pixel gro\u00df, jedes der f\u00fcnf Elemente also 97 x 69 Pixel.<\/li>\n<\/ul>\n<div id=\"similarblogposts\">\n<hr \/>\n<div class=\"block\">\n<h5>\u00c4hnliche Artikel<\/h5>\n<ul>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/09\/datenschutz-vertraegliche-facebook-share-und-like-buttons\/\">Datenschutz-vertr\u00e4gliche Facebook Share- und Like-Buttons<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/07\/datenschutz-konformer-diaspora-social-media-button\/\">Datenschutzkonformer Social Media Button f\u00fcr Diaspora<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/07\/den-google-1-button-datenschutzkonform-integrieren\/\">Den Google +1 Button datenschutzkonform integrieren<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/03\/26-und-27-05-2011-social-media-seminar-in-frankfurt\/\">26. und 27. Mai 2011 Social Media Seminar in Frankfurt<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/02\/14-15-03-2011-social-media-seminar-in-frankfurt\/\">14.-15.03.2011 Social Media Seminar in Frankfurt<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/03\/facebook-news-fanpages-verschwunden-nutzernamen-anmeldung-unmoeglich-4-cent-pro-like\/\">Facebook News: Fans kaufen &#8211; Fanpages verschwunden &#8211; Nutzernamen-Anmeldung unm\u00f6glich<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/02\/reduzierung-innerbetrieblicher-e-mails-mit-social-software\/\">Reduzierung innerbetrieblicher E-Mails mit Social Software<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/top-secret-trends-in-den-labs-von-facebook-und-co-health-2-0\/\">Top Secret Trends in den Labs von Facebook und Co: Health 2.0<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/social-media-integration-fuer-callcenter\/\">Social Media Integration f\u00fcr Callcenter<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/wie-den-facebook-account-loeschen\/\">Wie den Facebook Account l\u00f6schen?<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2010\/12\/adtaily-social-sponsoring-tool-marketplace-zahlungsmittel\/\">Social Sponsoring Tool AdTaily<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2010\/10\/rss-fur-recherche-profis-teil-1\/\">RSS f\u00fcr Recherche-Profis \u2013 Teil 1<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Facebook bietet Unternehmen, Organisationen und Prominenten die M\u00f6glichkeit eine sog. Seite (bzw. Page oder Fanpage) zu ver\u00f6ffentlichen. Diese unterscheiden sich von pers\u00f6nlichen Profilen hinsichtlich der Nutzungsbedingungen und der Aufmachung. Der Gestaltung dieser Facebook-Seiten sind enge Grenzen gesetzt, jedoch k\u00f6nnen mit &hellip; <a class=\"more-link\" href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/how-to-profilfbild-fuer-facebook-unternehmensseite\/\"> Weiter&#8230;<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,5,6,4],"tags":[69,153,146,168,157,160,156,154,155,68,158],"class_list":["post-1168","post","type-post","status-publish","format-standard","hentry","category-e-business","category-marketing","category-social_media","category-webdesign","tag-anleitung","tag-design","tag-facebook","tag-fanpage","tag-grafik","tag-how-to","tag-profilbild","tag-profilfoto","tag-profilphoto","tag-tutorial","tag-typografie"],"_links":{"self":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/1168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/comments?post=1168"}],"version-history":[{"count":1,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/1168\/revisions"}],"predecessor-version":[{"id":3919,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/1168\/revisions\/3919"}],"wp:attachment":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/media?parent=1168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/categories?post=1168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/tags?post=1168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}