{"id":278,"date":"2026-08-22T09:54:05","date_gmt":"2026-08-22T09:54:05","guid":{"rendered":"https:\/\/netguide.io\/tools\/favicon-generator\/"},"modified":"2026-08-22T09:54:05","modified_gmt":"2026-08-22T09:54:05","slug":"favicon-generator","status":"publish","type":"post","link":"https:\/\/netguide.io\/tools\/de\/favicon-generator\/","title":{"rendered":"Favicon-Generator"},"content":{"rendered":"<div id=\"netgu-3494792106\" class=\"netgu-before-content netgu-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6258556257245998\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-6258556257245998\" \ndata-ad-slot=\"3494115342\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>\n<style>\n.wp-fav-container { max-width:100%; background:#fff; padding:20px; border:1px solid #ddd; border-radius:10px; font-family:-apple-system, sans-serif; color:#333; }\n.wp-fav-title { margin:0 0 15px 0; color:#2271b1; font-size:1.4rem; }\n.wp-fav-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:12px; margin-bottom:10px; }\n.wp-fav-input-group label { display:block; font-size:11px; font-weight:bold; margin-bottom:4px; text-transform:uppercase; color:#666; }\n.wp-fav-input-group input, .wp-fav-input-group select { width:100%; padding:8px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; }\n.wp-fav-checkbox-group { margin:15px 0; font-size:12px; display:flex; align-items:center; gap:8px; color:#666; }\n.wp-fav-note { font-size:12px; color:#666; margin-top:12px; min-height:1em; }\n.wp-fav-warn { color:#d63638; font-weight:bold; }\n.wp-fav-results { margin-top:20px; border-top:2px solid #eee; padding-top:15px; }\n.wp-fav-res-item { display:flex; justify-content:space-between; margin-bottom:6px; font-size:14px; gap:10px; }\n.wp-fav-total { font-weight:bold; font-size:18px; color:#2271b1; margin:10px 0; padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }\n.wp-fav-val { color:#2271b1; font-weight:bold; }\n.wp-fav-out { width:100%; box-sizing:border-box; padding:10px; border:1px solid #ccc; border-radius:4px; font-family:monospace; font-size:13px; word-break:break-all; background:#f7f7f7; margin-top:6px; }\n.wp-fav-btn { background:#2271b1; color:#fff; border:none; padding:9px 14px; border-radius:4px; cursor:pointer; font-size:13px; margin-top:10px; }\n<\/style><div class=\"wp-fav-container\">\n  <h3 class=\"wp-fav-title\">Favicon-Generator<\/h3>\n  <div class=\"wp-fav-grid\">\n    <div class=\"wp-fav-input-group\"><label>Text \/ Emoji<\/label><input type=\"text\" id=\"fav-text\" value=\"N\" maxlength=\"3\" oninput=\"drawFav()\"><\/div>\n    <div class=\"wp-fav-input-group\"><label>Form<\/label><select id=\"fav-shape\" onchange=\"drawFav()\"><option value=\"rounded\" selected>Abgerundet<\/option><option value=\"square\">Eckig<\/option><option value=\"circle\">Kreis<\/option><\/select><\/div>\n    <div class=\"wp-fav-input-group\"><label>Hintergrund<\/label><input type=\"color\" id=\"fav-bg\" value=\"#2271b1\" style=\"height:40px;padding:2px;\" oninput=\"drawFav()\"><\/div>\n    <div class=\"wp-fav-input-group\"><label>Textfarbe<\/label><input type=\"color\" id=\"fav-fg\" value=\"#ffffff\" style=\"height:40px;padding:2px;\" oninput=\"drawFav()\"><\/div>\n  <\/div>\n  <div style=\"display:flex;align-items:center;gap:18px;margin:16px 0;padding:16px;background:#fafafa;border-radius:8px;\">\n    <canvas id=\"fav-canvas\" width=\"64\" height=\"64\" style=\"display:none;\"><\/canvas>\n    <img id=\"fav-p64\" width=\"64\" height=\"64\" alt=\"64\"><img id=\"fav-p32\" width=\"32\" height=\"32\" alt=\"32\"><img id=\"fav-p16\" width=\"16\" height=\"16\" alt=\"16\">\n    <span class=\"wp-fav-note\" style=\"margin:0;\">16 \/ 32 \/ 64 px<\/span>\n  <\/div>\n  <a id=\"fav-dl\" class=\"wp-fav-btn\" download=\"favicon.png\" style=\"text-decoration:none;display:inline-block;\">Als PNG herunterladen<\/a>\n  <div class=\"wp-fav-note\">Ein bis drei Zeichen oder ein Emoji. F\u00fcr eine echte favicon.ico wandle die PNG anschlie\u00dfend um oder binde sie direkt als PNG ein.<\/div>\n<\/div>\n<script>\nfunction favRound(ctx,x,y,w,h,r){ ctx.beginPath(); ctx.moveTo(x+r,y); ctx.arcTo(x+w,y,x+w,y+h,r); ctx.arcTo(x+w,y+h,x,y+h,r); ctx.arcTo(x,y+h,x,y,r); ctx.arcTo(x,y,x+w,y,r); ctx.closePath(); }\nfunction drawFav(){\n  var text=document.getElementById('fav-text').value||'N'; var bg=document.getElementById('fav-bg').value; var fg=document.getElementById('fav-fg').value; var shape=document.getElementById('fav-shape').value;\n  var c=document.getElementById('fav-canvas'); var ctx=c.getContext('2d'); ctx.clearRect(0,0,64,64);\n  ctx.fillStyle=bg;\n  if(shape==='circle'){ ctx.beginPath(); ctx.arc(32,32,32,0,2*Math.PI); ctx.fill(); }\n  else if(shape==='rounded'){ favRound(ctx,0,0,64,64,14); ctx.fill(); }\n  else { ctx.fillRect(0,0,64,64); }\n  ctx.fillStyle=fg; ctx.textAlign='center'; ctx.textBaseline='middle';\n  var fs = text.length>=3 ? 26 : (text.length===2 ? 34 : 42);\n  ctx.font='bold '+fs+'px -apple-system, Segoe UI, sans-serif';\n  ctx.fillText(text, 32, 35);\n  var url=c.toDataURL('image\/png');\n  document.getElementById('fav-p16').src=url; document.getElementById('fav-p32').src=url; document.getElementById('fav-p64').src=url;\n  var dl=document.getElementById('fav-dl'); dl.href=url;\n}\ndrawFav();\n<\/script>\n\n\n<div id=\"netgu-3766973616\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6258556257245998\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<!-- NetGuide.io-After-Widget-Tools -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:block\"\r\n     data-ad-client=\"ca-pub-6258556257245998\"\r\n     data-ad-slot=\"5175852350\"\r\n     data-ad-format=\"auto\"\r\n     data-full-width-responsive=\"true\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Favicon einfach selbst erstellen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Favicon ist das kleine Symbol im Browser-Tab. Der Generator erzeugt aus ein bis drei Buchstaben oder einem Emoji ein sauberes Favicon mit Wunschfarbe und -form \u2013 als PNG zum Download, mit Vorschau in den g\u00e4ngigen Gr\u00f6\u00dfen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Text oder Emoji:<\/strong> Initialen deiner Marke oder ein passendes Emoji.<\/li>\n\n\n<li><strong>Form:<\/strong> abgerundet, eckig oder kreisrund.<\/li>\n\n\n<li><strong>Einbinden:<\/strong> PNG als <code>&lt;link rel=\"icon\" href=\"favicon.png\"&gt;<\/code> in den <code>&lt;head&gt;<\/code>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Verwandte Tools<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"\/tools\/de\/farbpaletten-generator\/\">Farbpaletten-Generator<\/a><\/li>\n\n\n<li><a href=\"\/tools\/de\/meta-tag-generator\/\">Meta-Tag- &#038; Open-Graph-Generator<\/a><\/li>\n<\/ul>\n\n\n<div id=\"netgu-1551258521\" class=\"netgu-after-content netgu-entity-placement\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6258556257245998\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-6258556257245998\" \ndata-ad-slot=\"4559785002\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Favicon aus Text oder Emoji erzeugen \u2013 mit Farbe und Form, direkt als PNG herunterladbar. Vorschau in 16, 32 und 64 px. Im Browser.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[33],"tags":[],"class_list":["post-278","post","type-post","status-publish","format-standard","hentry","category-generatoren"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/posts\/278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/comments?post=278"}],"version-history":[{"count":0,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/posts\/278\/revisions"}],"wp:attachment":[{"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/media?parent=278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/categories?post=278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/netguide.io\/tools\/wp-json\/wp\/v2\/tags?post=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}