{"id":8504,"date":"2018-02-23T07:55:16","date_gmt":"2018-02-23T07:55:16","guid":{"rendered":"https:\/\/www.joachimott.de\/journal\/?p=8504"},"modified":"2018-02-28T08:39:24","modified_gmt":"2018-02-28T08:39:24","slug":"favicons-klein-aber-fein","status":"publish","type":"post","link":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/","title":{"rendered":"Favicons – klein aber fein"},"content":{"rendered":"
\"Favicons:

Favicons: Kleine Kunstwerke oder simpel wie diese – nur mit Initialen?<\/p><\/div>\n

Favicons: Hier nur ein kurzer Tipp, weil ich von Zeit zu Zeit immer mal wieder dr\u00fcber stolpere. Dann brauche ich ein neues Favicon, erinnere mich dunkel an einen Workflow mit Photoshop und Graphic Converter. Und dann lande ich doch wieder bei diesem Service<\/a>. Grund daf\u00fcr ist, dass es eine Vielzahl von Grafiken gibt, vom Favicon bis zum Apple Touch Icon, die man am besten in einem Rutsch generiert.<\/p>\n

Ich bin auch f\u00fcr andere Vorschl\u00e4ge offen. Das ist kein bezahlter Post, keine bezahlte Werbung. Aber ich bin da so oft h\u00e4ngen geblieben und es hat jedes Mal schnell geklappt, mit allem, was ich brauche. Deswegen kann ich es beruhigt weiter empfehlen.<\/p>\n

Was sind Favicons?<\/h3>\n

Ein Favicon ist diese kleine, fast schon winzige Grafik, die in Deinem Browser vor der Adresse (URL) der jeweils aufgerufenen Internetseite steht. Manchmal ist da ein Stellvertreterbild Deines Browsers. Beim Safari zum Beispiel ein blauer Punkt.<\/p>\n

Das Ganze ist solange egal und unwichtig, bis Du an Deiner eigenen Webseite feststellst, dass da schon ein Bild ist – aber nicht Deines. Dann hast Du vielleicht ein Redaktionssystem oder eine Shop-Software benutzt, die ungefragt ihr eigenes Favicon einbindet. In diesem Fall kann es auch etwas kniffliger werden, das schon vorhandene Favicon zu ersetzen.<\/p>\n

Der Normalfall sollte aber sein, Deine Webseite ist fertig und Du willst nun auch noch das P\u00fcnktchen auf dem i daf\u00fcr.<\/p>\n

Brauchst Du ein Favicon?<\/h3>\n

Nicht wirklich. Das f\u00e4llt eher in die Kategorie ’nice-to-have‘, zumindest am Anfang. Sp\u00e4ter stellst Du dann fest, dass gespeicherte Favicons in Deinem Browserverlauf oder Deinen Lesezeichen hilfreich sein k\u00f6nnen. Bei den gut gemachten Mini-Grafiken erkennst Du so wesentlich schneller als beim Text, welche Seite dahinter steckt.<\/p>\n

Heute kannst Du in einem Aufwasch gleich mehrere Dinge erledigen. Mit dem Favicon, das Du am besten in einem Bildverarbeitungsprogramm etwas gr\u00f6\u00dfer anlegst und dann erst verkleinerst, kannst Du auch die Icons f\u00fcr Apple- und Android-Ger\u00e4te erstellen. Und das Verkleinern auf die Mini-Gr\u00f6\u00dfe von 16 x 16 Pixel (das ist wirklich sehr klein) geschieht auch ohne Beeintr\u00e4chtigungen.<\/p>\n

Wieviel Aufwand brauchts f\u00fcr ein Favicon?<\/h3>\n

Anlegen musst Du es noch immer selbst, am besten in einem Bildverarbeitungsprogramm. Nachdem ich mich fr\u00fcher teilweise an verk\u00fcnstelten Mini-Grafiken versucht habe, sehe ich das heute etwas n\u00fcchterner. Meine Herangehensweise ist eher pragmatisch. Wer einmal versucht hat, das Familienwappen als Logo eines Betriebs auf die 16×16 Pixel zu schrumpfen, der wei\u00df, dass Favicons eigenen Gesetzen folgen.<\/p>\n

Nur selten l\u00e4sst sich ein Logo verlustfrei abbilden. Oftmals ist es besser, auf andere L\u00f6sungen wie Initialen auszuweichen. Ein oder zwei Buchstaben sind meist immer noch gut erkennbar. Nat\u00fcrlich kann man mit viel Aufwand auch tolle Miniatur-Bilder erzeugen. Aber es geht in erster Linie um den Wiedererkennungseffekt. Und darum, dass es funktioniert.<\/p>\n

Der j\u00fcngste Anlass bei mir war beispielsweise, dass ein existierendes Favicon nicht im Youtube-Header angezeigt wurde. Auf der Webseite war alles ok, aber im Youtube Header war zwar der Link vorhanden. Aber man musste mit der Maus \u00fcber eine leere Stelle fahren, um ihn zu finden. Also gab es diese einfache und schnelle Verbindung von Youtube zur Webseite einfach nicht.<\/p>\n

Mit dem oben genannten Generator hats geklappt, der Aufwand war Minimal. Und weil ich gerade dabei war habe ich die Miniatur-Grafik der betreffenden Weise (Messer und Gabel) durch Initialen ersetzt.<\/p>\n

Wichtig ist, von Zeit zu Zeit zu testen ob und wo \u00fcberall das eigene Favicon funktioniert und ggf. nachzubessern oder ein neues zu machen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Favicons: Hier nur ein kurzer Tipp, weil ich von Zeit zu Zeit immer mal wieder dr\u00fcber stolpere. Dann brauche ich ein neues Favicon, erinnere mich dunkel an einen Workflow mit Photoshop und Graphic Converter. Und dann lande ich doch wieder bei diesem Service. Grund daf\u00fcr ist, dass es eine Vielzahl von Grafiken gibt, vom Favicon […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[2379,2,4],"tags":[2774,474,1316,2775,2772,1899,1109,1193,1138,2773],"class_list":["post-8504","post","type-post","status-publish","format-standard","hentry","category-blog-werkstatt","category-blogs","category-design","tag-apple-touch","tag-bildbearbeitung","tag-browser","tag-browserverlauf","tag-favicons","tag-generator","tag-grafik","tag-icon","tag-lesezeichen","tag-logo"],"yoast_head":"\nFavicons - klein aber fein - joachimott journal<\/title>\n<meta name=\"description\" content=\"Favicons selbst f\u00fcr seine Webseite zu gestalten ist kein Muss, aber ein hilfreiches Extra. Einfach das Logo zu verkleinern funktioniert aber meist nicht.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Favicons - klein aber fein - joachimott journal\" \/>\n<meta property=\"og:description\" content=\"Favicons selbst f\u00fcr seine Webseite zu gestalten ist kein Muss, aber ein hilfreiches Extra. Einfach das Logo zu verkleinern funktioniert aber meist nicht.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/\" \/>\n<meta property=\"og:site_name\" content=\"joachimott journal\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joachimott.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-23T07:55:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-28T08:39:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/180228_favicon3.jpg\" \/>\n<meta name=\"author\" content=\"Joachim Ott\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@joachimott\" \/>\n<meta name=\"twitter:site\" content=\"@joachimott\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joachim Ott\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/\"},\"author\":{\"name\":\"Joachim Ott\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/552eff30b66a890ff493afebb8de87bf\"},\"headline\":\"Favicons – klein aber fein\",\"datePublished\":\"2018-02-23T07:55:16+00:00\",\"dateModified\":\"2018-02-28T08:39:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/\"},\"wordCount\":604,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/180228_favicon3.jpg\",\"keywords\":[\"apple touch\",\"Bildbearbeitung\",\"Browser\",\"browserverlauf\",\"favicons\",\"Generator\",\"Grafik\",\"Icon\",\"Lesezeichen\",\"logo\"],\"articleSection\":[\"Blog-Werkstatt\",\"Blogs\",\"Design\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/\",\"name\":\"Favicons - klein aber fein - joachimott journal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/180228_favicon3.jpg\",\"datePublished\":\"2018-02-23T07:55:16+00:00\",\"dateModified\":\"2018-02-28T08:39:24+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/552eff30b66a890ff493afebb8de87bf\"},\"description\":\"Favicons selbst f\u00fcr seine Webseite zu gestalten ist kein Muss, aber ein hilfreiches Extra. Einfach das Logo zu verkleinern funktioniert aber meist nicht.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/180228_favicon3.jpg\",\"contentUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/180228_favicon3.jpg\",\"width\":620,\"height\":300,\"caption\":\"Favicons: Kleine Kunstwerke oder simpel wie diese - nur mit Initialen?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2018\\\/02\\\/23\\\/favicons-klein-aber-fein\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Favicons – klein aber fein\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\",\"name\":\"joachimott journal\",\"description\":\"Weblog von Joachim Ott\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/552eff30b66a890ff493afebb8de87bf\",\"name\":\"Joachim Ott\",\"sameAs\":[\"http:\\\/\\\/www.joachimott.de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Favicons - klein aber fein - joachimott journal","description":"Favicons selbst f\u00fcr seine Webseite zu gestalten ist kein Muss, aber ein hilfreiches Extra. Einfach das Logo zu verkleinern funktioniert aber meist nicht.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/","og_locale":"de_DE","og_type":"article","og_title":"Favicons - klein aber fein - joachimott journal","og_description":"Favicons selbst f\u00fcr seine Webseite zu gestalten ist kein Muss, aber ein hilfreiches Extra. Einfach das Logo zu verkleinern funktioniert aber meist nicht.","og_url":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/","og_site_name":"joachimott journal","article_publisher":"https:\/\/www.facebook.com\/joachimott.de\/","article_published_time":"2018-02-23T07:55:16+00:00","article_modified_time":"2018-02-28T08:39:24+00:00","og_image":[{"url":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/180228_favicon3.jpg","type":"","width":"","height":""}],"author":"Joachim Ott","twitter_card":"summary_large_image","twitter_creator":"@joachimott","twitter_site":"@joachimott","twitter_misc":{"Verfasst von":"Joachim Ott","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#article","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/"},"author":{"name":"Joachim Ott","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/552eff30b66a890ff493afebb8de87bf"},"headline":"Favicons – klein aber fein","datePublished":"2018-02-23T07:55:16+00:00","dateModified":"2018-02-28T08:39:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/"},"wordCount":604,"commentCount":0,"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/180228_favicon3.jpg","keywords":["apple touch","Bildbearbeitung","Browser","browserverlauf","favicons","Generator","Grafik","Icon","Lesezeichen","logo"],"articleSection":["Blog-Werkstatt","Blogs","Design"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/","url":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/","name":"Favicons - klein aber fein - joachimott journal","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#primaryimage"},"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/180228_favicon3.jpg","datePublished":"2018-02-23T07:55:16+00:00","dateModified":"2018-02-28T08:39:24+00:00","author":{"@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/552eff30b66a890ff493afebb8de87bf"},"description":"Favicons selbst f\u00fcr seine Webseite zu gestalten ist kein Muss, aber ein hilfreiches Extra. Einfach das Logo zu verkleinern funktioniert aber meist nicht.","breadcrumb":{"@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#primaryimage","url":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/180228_favicon3.jpg","contentUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/180228_favicon3.jpg","width":620,"height":300,"caption":"Favicons: Kleine Kunstwerke oder simpel wie diese - nur mit Initialen?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.joachimott.de\/journal\/2018\/02\/23\/favicons-klein-aber-fein\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.joachimott.de\/journal\/"},{"@type":"ListItem","position":2,"name":"Favicons – klein aber fein"}]},{"@type":"WebSite","@id":"https:\/\/www.joachimott.de\/journal\/#website","url":"https:\/\/www.joachimott.de\/journal\/","name":"joachimott journal","description":"Weblog von Joachim Ott","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.joachimott.de\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/552eff30b66a890ff493afebb8de87bf","name":"Joachim Ott","sameAs":["http:\/\/www.joachimott.de"]}]}},"_links":{"self":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/8504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/comments?post=8504"}],"version-history":[{"count":5,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/8504\/revisions"}],"predecessor-version":[{"id":8516,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/8504\/revisions\/8516"}],"wp:attachment":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/media?parent=8504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/categories?post=8504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/tags?post=8504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}