{"id":9979,"date":"2025-10-02T12:19:53","date_gmt":"2025-10-02T12:19:53","guid":{"rendered":"https:\/\/bscwebdesign.at\/blog\/what-is-a-favicon\/"},"modified":"2025-12-03T20:16:23","modified_gmt":"2025-12-03T20:16:23","slug":"what-is-a-favicon","status":"publish","type":"post","link":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/","title":{"rendered":"What is a favicon?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9979\" class=\"elementor elementor-9979 elementor-6801\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb50c4b e-flex e-con-boxed e-con e-parent\" data-id=\"bb50c4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b6c10ef e-con-full e-flex e-con e-child\" data-id=\"b6c10ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-680af4c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"680af4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">What is a favicon? Meaning, use &amp; example<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8c15ae e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"a8c15ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0fb48c elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"a0fb48c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-300x300.webp\" class=\"attachment-medium size-medium wp-image-3952\" alt=\"Portr\u00e4t von Tobias Berger, junger Mann mit lockigen Haaren und blauem BSC-Pulli, l\u00e4chelnd in die Kamera blickend.\" srcset=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-300x300.webp 300w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-1024x1024.webp 1024w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-150x150.webp 150w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-768x768.webp 768w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-1536x1536.webp 1536w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-2048x2048.webp 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2434305 elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"2434305\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family: 'Sora variabel', sans-serif; color: #000;\"><span style=\"color: #000;\">by<\/span> Tobias Berger \/ <span style=\"color: #000;\">updated<\/span> 03.10.2025 \/ 3 min. Reading time<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-537ae1a e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"537ae1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58379a5 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"58379a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-300x300.webp\" class=\"attachment-medium size-medium wp-image-3952\" alt=\"Portr\u00e4t von Tobias Berger, junger Mann mit lockigen Haaren und blauem BSC-Pulli, l\u00e4chelnd in die Kamera blickend.\" srcset=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-300x300.webp 300w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-1024x1024.webp 1024w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-150x150.webp 150w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-768x768.webp 768w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-1536x1536.webp 1536w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-2048x2048.webp 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a91b60 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"0a91b60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family: 'Sora variabel', sans-serif; color: #000;\"><span style=\"color: #000;\">by<\/span> Tobias Berger \/ <span style=\"color: #000;\">updated<\/span> 03.10.2025 \/ <br>3 min. Reading time<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dba4b4f e-flex e-con-boxed e-con e-parent\" data-id=\"dba4b4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1d3ade0 e-con-full e-flex e-con e-child\" data-id=\"1d3ade0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d692262 elementor-widget elementor-widget-text-editor\" data-id=\"d692262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>.bsc-snippet{\n    font-family:\"Sora\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n    font-size:16px; line-height:1.8; color:#0c0c0d;\n  }\n  .bsc-snippet h2{font-size:36px; font-weight:800; line-height:1.25; margin:1.3rem 0 .7rem;}\n  .bsc-snippet h3{font-size:24px; font-weight:600; line-height:1.35; margin:1rem 0 .5rem;}\n  .bsc-snippet p{margin:.6rem 0 1rem;}\n  .bsc-snippet ul{margin:.2rem 0 1rem 1.1rem;}\n  .bsc-snippet li{margin:.35rem 0;}\n  .bsc-snippet a{text-decoration:underline;}\n  .bsc-snippet code{\n    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",monospace;\n    font-size:.95em; background:#f7f7f8; padding:.14rem .4rem; border-radius:6px;\n  }\n  \/* Medienblock *\/\n  .bsc-figure{margin:.6rem 0 1.1rem; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.08);}\n  .bsc-figure img{display:block; width:100%; height:auto;}\n  .bsc-figcap{padding:.6rem .9rem; font-size:.95rem; color:#555; background:#fafafa; border-top:1px solid #eee;}\n  \/* Hinweisbox *\/\n  .note{\n    background:#f6fbff; border:1px solid #e6f0ff; border-radius:12px;\n    padding:.85rem 1rem; margin:1rem 0;\n  }\n<\/style><article class=\"bsc-snippet\"><strong>Kurz erkl\u00e4rt:<\/strong> Ein Favicon ist das kleine Symbol deiner Website \u2013 es erscheint im Browser-Tab, in Lesezeichen, in der Verlaufshistorie und h\u00e4ufig auch mobil in den Google-SERPs. Es st\u00e4rkt Wiedererkennung, wirkt professionell und hilft Nutzer:innen, deine Seite schneller wiederzufinden.\n\n  <figure class=\"bsc-figure\"><img decoding=\"async\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Favicon_Bsc_Webdesign_Website_Zoom_in.webp\" alt=\"Beispiel-Favicon von BSC Webdesign im Browser-Tab vergr\u00f6\u00dfert dargestellt \u2013 klare Kanten und hoher Kontrast f\u00fcr gute Erkennbarkeit\" width=\"1600\" height=\"900\" \/><figcaption class=\"bsc-figcap\">Beispiel: Ein kontrastreiches, reduziertes Favicon bleibt auch in 16\u00d716 klar erkennbar.<\/figcaption><\/figure><h2>Was ist ein Favicon? Definition &amp; Bedeutung<\/h2><strong>Definition:<\/strong> Das Favicon (aus \u201e<em>favorite<\/em>\u201c + \u201e<em>icon<\/em>\u201c) ist eine stark reduzierte Bildmarke deiner Website, meist als 16\u00d716-Pixel-Icon. Es fungiert als Mini-Logo in der UI des Browsers und an weiteren Touchpoints. Gerade bei vielen ge\u00f6ffneten Tabs ist es der schnellste visuelle Anker f\u00fcr deine Marke.\n\n  <strong>Wichtig f\u00fcr Markenwirkung:<\/strong> Konsistente Favicons vermitteln Sorgfalt und Professionalit\u00e4t \u2013 ein fehlendes oder verwaschenes Icon f\u00e4llt sofort negativ auf. Halte Formen simpel, Kontraste stark und die Bildmarke eindeutig erkennbar.\n\n  <h2>Wo erscheint ein Favicon?<\/h2><ul><li><strong>Browser-Tabs:<\/strong> Neben dem Seitentitel \u2013 der h\u00e4ufigste Kontaktpunkt.<\/li><li><strong>Lesezeichen &amp; Verlauf:<\/strong> Erleichtert das Wiederfinden und steigert Wiederbesuche.<\/li><li><strong>Mobile SERPs:<\/strong> In vielen mobilen Suchergebnissen sichtbar \u2013 Branding-Boost im Feed.<\/li><li><strong>Homescreen-Shortcuts:<\/strong> Als App-\u00e4hnliches Icon auf iOS\/Android (Apple-Touch-Icon).<\/li><\/ul><h2>Was macht ein gutes Favicon aus?<\/h2><ul><li><strong>Reduzierte Form:<\/strong> Keine filigranen Details; notfalls nur Initiale(n) oder abstrahiertes Logo-Element.<\/li><li><strong>Hoher Kontrast:<\/strong> Funktioniert auf hellen, grauen und dunklen Hintergr\u00fcnden.<\/li><li><strong>Konsistenz zur CI:<\/strong> Farben\/Formen sollten sofort deiner Marke zuordenbar sein.<\/li><li><strong>Mehrere Gr\u00f6\u00dfen\/Formate:<\/strong> F\u00fcr Tabs, mobile SERPs und Homescreen optimiert (siehe Gr\u00f6\u00dfen-Guide).<\/li><\/ul><div class=\"note\"><strong>Praxis-Shortcut:<\/strong> Du musst nicht selbst auf 16\u00d716, 32\u00d732, 48\u00d748, 180\u00d7180 &amp; Co. runterskalieren. Ein\n    <a href=\"https:\/\/bscwebdesign.at\/blog\/favicon-erstellen-2025-kostenlose-generatoren\/\">Favicon-Generator<\/a> erstellt dir alle n\u00f6tigen Gr\u00f6\u00dfen (PNG\/ICO, optional SVG) plus\n    Einbindungs-Snippets \u2013 ideal, wenn du schnell ein sauberes Set brauchst.\n  <\/div><h2>N\u00e4chste Schritte (intern verlinkt)<\/h2><ul><li><strong>Gr\u00f6\u00dfen &amp; Formate im \u00dcberblick:<\/strong> Welche Pixelma\u00dfe &amp; Dateiarten du wirklich brauchst \u2013 zum\n      <a href=\"https:\/\/bscwebdesign.at\/en\/blog\/welche-favicon-groessen-braucht-meine-website-png-ico-svg-erklaert\/\">Gr\u00f6\u00dfen-Guide<\/a>.<\/li><li><strong>In Minuten startklar:<\/strong> Schritt-f\u00fcr-Schritt &amp; die besten kostenlosen Tools \u2013 zum\n      <a href=\"https:\/\/bscwebdesign.at\/blog\/favicon-erstellen-2025-kostenlose-generatoren\/\">Favicon-Tutorial &amp; Generatoren<\/a>.<\/li><li><strong>Icon wird nicht angezeigt?<\/strong> H\u00e4ufige Ursachen (Pfad, MIME-Type, Cache) \u2013 zur\n      <a href=\"https:\/\/bscwebdesign.at\/blog\/favicon-nicht-angezeigt-loesungen\/\">Troubleshooting-Anleitung<\/a>.<\/li><\/ul><h2>Fazit<\/h2><strong>Kurzfazit:<\/strong> Ein gutes Favicon ist klein, aber wirkungsvoll: Es verbessert Orientierung, Wiedererkennung und die wahrgenommene Qualit\u00e4t deiner Website. Setze auf klare Formen, starke Kontraste und ein automatisch generiertes Gr\u00f6\u00dfen-Set \u2013 und binde es konsistent auf allen Seiten ein.\n<\/article>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ac205c e-flex e-con-boxed e-con e-parent\" data-id=\"5ac205c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-885c1b9 elementor-widget elementor-widget-n-accordion\" data-id=\"885c1b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1420\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1420\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Which favicon sizes do I really need? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1420\" class=\"elementor-element elementor-element-a63f2bb e-con-full e-flex e-con e-child\" data-id=\"a63f2bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1420\" class=\"elementor-element elementor-element-286d6e0 e-flex e-con-boxed e-con e-child\" data-id=\"286d6e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce44768 elementor-widget elementor-widget-text-editor\" data-id=\"ce44768\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"74\" data-end=\"346\">For browsers, <strong data-start=\"144\" data-end=\"153\">16\u00d716<\/strong> and <strong data-start=\"158\" data-end=\"167\">32\u00d732<\/strong> (PNG\/ICO) are sufficient. Additionally <strong data-start=\"190\" data-end=\"199\">48\u00d748<\/strong> (Google\/Android), <strong data-start=\"218\" data-end=\"229\">180\u00d7180<\/strong> (Apple Touch) and a <strong data-start=\"252\" data-end=\"268\">\/favicon.ico<\/strong> in the root as fallback. Details: &#8220;Favicon sizes&#8221; (\/favicon-groessen-website\/).  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1421\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1421\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Why is my favicon not displayed (browser\/Google)? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1421\" class=\"elementor-element elementor-element-afaaf29 e-con-full e-flex e-con e-child\" data-id=\"afaaf29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1421\" class=\"elementor-element elementor-element-4d3cb45 e-flex e-con-boxed e-con e-child\" data-id=\"4d3cb45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e79b1c0 elementor-widget elementor-widget-text-editor\" data-id=\"e79b1c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"351\" data-end=\"692\">Usually <strong data-start=\"426\" data-end=\"443\">the wrong path<\/strong>, <strong data-start=\"445\" data-end=\"458\">MIME type<\/strong>, <strong data-start=\"460\" data-end=\"469\">cache<\/strong> or the <strong data-start=\"479\" data-end=\"499\">link in <code data-start=\"489\" data-end=\"497\">&lt;head&gt;<\/code><\/strong> are to blame. Check network status (200), <x id=\"gid_5\"><\/x> (image\/png or image\/x-icon) and clear browser\/CDN cache. Step-by-step: &#8220;Favicon is not displayed&#8221; (\/favicon-nicht-angezeigt-loesungen\/).  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1422\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1422\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> PNG, ICO or SVG - which format is best? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-up\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1422\" class=\"elementor-element elementor-element-457dbbd e-con-full e-flex e-con e-child\" data-id=\"457dbbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1422\" class=\"elementor-element elementor-element-0afa815 e-flex e-con-boxed e-con e-child\" data-id=\"0afa815\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa866fc elementor-widget elementor-widget-text-editor\" data-id=\"aa866fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"697\" data-end=\"1027\"><strong data-start=\"753\" data-end=\"760\">PNG<\/strong> for the common sizes (16\/32\/48\/180\/192), <strong data-start=\"805\" data-end=\"812\">ICO<\/strong> as root fallback for old environments, <strong data-start=\"852\" data-end=\"859\">SVG<\/strong> only <strong data-start=\"864\" data-end=\"871\">with<\/strong> PNG\/ICO fallback. This gives you sharpness + maximum compatibility. Basics: &#8220;Create Favicon 2025&#8221; (\/favicon-create-2025-free-generators\/).  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05a6832 elementor-fixed elementor-widget__width-initial elementor-widget elementor-widget-table-of-contents\" data-id=\"05a6832\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;],&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;Es wurden keine \\u00dcberschriften auf dieser Seite gefunden.&quot;,&quot;_position&quot;:&quot;fixed&quot;,&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tIn this article\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__05a6832\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2755379 e-con-full e-flex e-con e-child\" data-id=\"2755379\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-944cfb7 e-con-full e-flex e-con e-child\" data-id=\"944cfb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3384170 elementor-widget elementor-widget-image\" data-id=\"3384170\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-1024x1024.webp\" class=\"attachment-large size-large wp-image-3952\" alt=\"Portr\u00e4t von Tobias Berger, junger Mann mit lockigen Haaren und blauem BSC-Pulli, l\u00e4chelnd in die Kamera blickend.\" srcset=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-1024x1024.webp 1024w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-300x300.webp 300w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-150x150.webp 150w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-768x768.webp 768w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-1536x1536.webp 1536w, https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/08\/Tobias-2048x2048.webp 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-835f5a4 e-con-full e-flex e-con e-child\" data-id=\"835f5a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f636188 elementor-widget elementor-widget-heading\" data-id=\"f636188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Hey, I'm Tobias!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba1007 elementor-widget elementor-widget-text-editor\" data-id=\"4ba1007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><div data-breakout=\"normal\"><p id=\"viewer-e9b6k624\" class=\"pQuHl TfvTg z3yvg logrL\" dir=\"auto\">Thanks for taking the time to read this post &#8211; really cool that you&#8217;re interested in website &amp; web design!  <br data-start=\"486\" data-end=\"489\">You can find many more tips on design, technology and SEO on our blog. And if you have any questions or need support with your own website, we at BSC Webdesign are always happy to help. <\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-529ad9d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"529ad9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/bscwebdesign.at\/en\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See for yourself now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What is a favicon? Briefly explained: Importance for branding &amp; UX, recommended sizes and formats (PNG, ICO, SVG) as well as simple integration.<\/p>\n","protected":false},"author":1,"featured_media":14134,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-9979","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is a favicon? - bscwebdesign.at<\/title>\n<meta name=\"description\" content=\"Find out what a favicon is, where it is displayed and what sizes you need. With examples &amp; tools for clear, professional website icons.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a favicon? - bscwebdesign.at\" \/>\n<meta property=\"og:description\" content=\"Find out what a favicon is, where it is displayed and what sizes you need. With examples &amp; tools for clear, professional website icons.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/\" \/>\n<meta property=\"og:site_name\" content=\"bscwebdesign.at\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-02T12:19:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-03T20:16:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-ein-Favicon.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"office@bscwebdesign.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"office@bscwebdesign.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/\"},\"author\":{\"name\":\"office@bscwebdesign.com\",\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#\\\/schema\\\/person\\\/f791b2d19aa0477a1a182c09cca40514\"},\"headline\":\"What is a favicon?\",\"datePublished\":\"2025-10-02T12:19:53+00:00\",\"dateModified\":\"2025-12-03T20:16:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/\"},\"wordCount\":641,\"publisher\":{\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-ein-Favicon.webp\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/\",\"name\":\"What is a favicon? - bscwebdesign.at\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-ein-Favicon.webp\",\"datePublished\":\"2025-10-02T12:19:53+00:00\",\"dateModified\":\"2025-12-03T20:16:23+00:00\",\"description\":\"Find out what a favicon is, where it is displayed and what sizes you need. With examples & tools for clear, professional website icons.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-ein-Favicon.webp\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Was-ist-ein-Favicon.webp\",\"width\":1600,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/what-is-a-favicon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is a favicon?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#website\",\"url\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/\",\"name\":\"bscwebdesign.at\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#organization\",\"name\":\"bscwebdesign.at\",\"url\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/bsc-logo-next.webp\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/bsc-logo-next.webp\",\"width\":2500,\"height\":1000,\"caption\":\"bscwebdesign.at\"},\"image\":{\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/plum-ibex-319890.hostingersite.com\\\/#\\\/schema\\\/person\\\/f791b2d19aa0477a1a182c09cca40514\",\"name\":\"office@bscwebdesign.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/litespeed\\\/avatar\\\/6a449470bbcf6f591f7cb219c0f83b92.jpg?ver=1781430155\",\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/litespeed\\\/avatar\\\/6a449470bbcf6f591f7cb219c0f83b92.jpg?ver=1781430155\",\"contentUrl\":\"https:\\\/\\\/bscwebdesign.at\\\/wp-content\\\/litespeed\\\/avatar\\\/6a449470bbcf6f591f7cb219c0f83b92.jpg?ver=1781430155\",\"caption\":\"office@bscwebdesign.com\"},\"sameAs\":[\"https:\\\/\\\/bscwebdesign.at\"],\"url\":\"https:\\\/\\\/bscwebdesign.at\\\/en\\\/blog\\\/author\\\/officebscwebdesign-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is a favicon? - bscwebdesign.at","description":"Find out what a favicon is, where it is displayed and what sizes you need. With examples & tools for clear, professional website icons.","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:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/","og_locale":"en_US","og_type":"article","og_title":"What is a favicon? - bscwebdesign.at","og_description":"Find out what a favicon is, where it is displayed and what sizes you need. With examples & tools for clear, professional website icons.","og_url":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/","og_site_name":"bscwebdesign.at","article_published_time":"2025-10-02T12:19:53+00:00","article_modified_time":"2025-12-03T20:16:23+00:00","og_image":[{"width":1600,"height":900,"url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-ein-Favicon.webp","type":"image\/webp"}],"author":"office@bscwebdesign.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"office@bscwebdesign.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/#article","isPartOf":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/"},"author":{"name":"office@bscwebdesign.com","@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#\/schema\/person\/f791b2d19aa0477a1a182c09cca40514"},"headline":"What is a favicon?","datePublished":"2025-10-02T12:19:53+00:00","dateModified":"2025-12-03T20:16:23+00:00","mainEntityOfPage":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/"},"wordCount":641,"publisher":{"@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#organization"},"image":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-ein-Favicon.webp","inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/","url":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/","name":"What is a favicon? - bscwebdesign.at","isPartOf":{"@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/#primaryimage"},"image":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-ein-Favicon.webp","datePublished":"2025-10-02T12:19:53+00:00","dateModified":"2025-12-03T20:16:23+00:00","description":"Find out what a favicon is, where it is displayed and what sizes you need. With examples & tools for clear, professional website icons.","breadcrumb":{"@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/#primaryimage","url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-ein-Favicon.webp","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2026\/04\/Was-ist-ein-Favicon.webp","width":1600,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/bscwebdesign.at\/en\/blog\/what-is-a-favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bscwebdesign.at\/en\/home\/"},{"@type":"ListItem","position":2,"name":"What is a favicon?"}]},{"@type":"WebSite","@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#website","url":"https:\/\/plum-ibex-319890.hostingersite.com\/","name":"bscwebdesign.at","description":"","publisher":{"@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plum-ibex-319890.hostingersite.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#organization","name":"bscwebdesign.at","url":"https:\/\/plum-ibex-319890.hostingersite.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#\/schema\/logo\/image\/","url":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/07\/bsc-logo-next.webp","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/uploads\/2025\/07\/bsc-logo-next.webp","width":2500,"height":1000,"caption":"bscwebdesign.at"},"image":{"@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/plum-ibex-319890.hostingersite.com\/#\/schema\/person\/f791b2d19aa0477a1a182c09cca40514","name":"office@bscwebdesign.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscwebdesign.at\/wp-content\/litespeed\/avatar\/6a449470bbcf6f591f7cb219c0f83b92.jpg?ver=1781430155","url":"https:\/\/bscwebdesign.at\/wp-content\/litespeed\/avatar\/6a449470bbcf6f591f7cb219c0f83b92.jpg?ver=1781430155","contentUrl":"https:\/\/bscwebdesign.at\/wp-content\/litespeed\/avatar\/6a449470bbcf6f591f7cb219c0f83b92.jpg?ver=1781430155","caption":"office@bscwebdesign.com"},"sameAs":["https:\/\/bscwebdesign.at"],"url":"https:\/\/bscwebdesign.at\/en\/blog\/author\/officebscwebdesign-com\/"}]}},"_links":{"self":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts\/9979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/comments?post=9979"}],"version-history":[{"count":2,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts\/9979\/revisions"}],"predecessor-version":[{"id":9992,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/posts\/9979\/revisions\/9992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/media\/14134"}],"wp:attachment":[{"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/media?parent=9979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/categories?post=9979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bscwebdesign.at\/en\/wp-json\/wp\/v2\/tags?post=9979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}