![\"Darstellung](\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/05\/Logo_finished-1024x534.png\"){kind=logo}
<\/figure>\n\n\n\n![\"Darstellung](\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/05\/Favicon_finished-1024x534.png\")
<\/figure>\n\n\n\nWie Sie sehen k\u00f6nnen, ist das Logo in einer Gr\u00f6\u00dfe von 16×16 Pixeln ein einziger, unerkennbarer Brei, der keinen Wiedererkennungswert hat, geschweige denn, dass man \u00fcberhaupt erkennen kann, was das Bild darstellen soll.
Als Kontrast und als einfache Best\u00e4tigung noch einmal das Favicon darunter. selbst bei einer Gr\u00f6\u00dfe von 16×16 Pixeln kann man wirkungsvoll erkennen, dass es sich um einen wei\u00dfen Pfeil auf gr\u00fcnem Hintergrund handelt.<\/p>\n\n\n\n
Die richtige Positionierung des Inhaltes<\/h3>\n\n\n\n
Achten Sie darauf, dass Ihr Bild den Bereich von 512×512 voll ausf\u00fcllt und keine R\u00e4nder \u00fcbrig bleiben. Holen Sie alles aus dem Bereich raus, was Sie k\u00f6nnen. Hier ein paar Beispiele:<\/p>\n\n\n\n
Richtige Positionierung:<\/p>\n<\/div>\n\n\n\n
Falsche Positionierung:<\/p>\n<\/div>\n<\/div>\n\n\n\n
![\"\"](\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/07\/Artif_Logo_Good_Position.png\"){kind=logo}
<\/figure>\n\n\n\n\n<\/div>\n\n\n\n![\"\"](\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/07\/Artif_Logo_Bad_Position.png\"){kind=logo}
<\/figure>\n\n\n\n![\"\"](\"https:\/\/artif.com\/blog\/wp-content\/uploads\/2021\/07\/Artif_Logo_Bad_Position_2.png\"){kind=logo}
<\/figure>\n\n\n<\/div>\n<\/div>\n\n\n\nWenn Sie nun mit Ihrem Favicon zufrieden sind und es die oben genannten Eigenschaften besitzt, k\u00f6nnen wir mit den Vorbereitungen fortfahren, um das gute Favicon in unsere Webseite einzubinden.<\/p>\n\n\n\n
______________
In unserem n\u00e4chsten Beitrag erfahren Sie alles rund um die Dateien, die Sie ben\u00f6tigen:
\u2022 Wie viele verschiedene Dateien Sie ben\u00f6tigen
\u2022 Welche Eigenschaften die jeweiligen Dateien mitbringen m\u00fcssen
\u2022 Den Inhalt einiger bestimmten Dateien
\u2022 Beispiel anhand eines Online-Tools zum einfachen erstellen der ben\u00f6tigten Dateien<\/p>\n\n\n\n
Content used from CleanPNG.com<\/p>\n\n\n\n
https:\/\/www.cleanpng.com\/png-magnifying-glass-light-clip-art-loupe-650531\/<\/a><\/p>\n\n\n\n Sie haben Fragen rund um das Thema Websites? Kontaktieren<\/a> Sie uns wir helfen Ihnen gerne weiter!<\/p>\n","protected":false},"excerpt":{"rendered":" Das richtige Ursprungsmaterial f\u00fcr wirkungsvolle Favicons erstellen Die richtige Bildgr\u00f6\u00dfe Aus den 2000er Jahren kennt man es noch, dass man Favicons verwendet, die 16×16 oder 32×32 Pixel gro\u00df sind. Aber mit heutigen Standards hat sich das ge\u00e4ndert. Nun ist die Darstellungsgr\u00f6\u00dfe der Icons angepasst und dynamisch je nach Ger\u00e4t. Die heutigen (Stand: 2021) standardm\u00e4\u00dfig genutzen…<\/p>\n <\/span> Allgemein<\/a><\/span><\/span> Weiterlesen<\/a><\/p>\n","protected":false},"author":7,"featured_media":1847,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[81,40,36],"class_list":["post-1813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","tag-favicon","tag-knowhow","tag-responsive-webdesign"],"yoast_head":"\n