[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"content-favicon-generator-de":3},{"about":4,"steps":8,"faq":13},[5,6,7],"Ein Favicon ist das kleine Symbol, das Browser im Tab, in Lesezeichen und im Verlauf neben dem Seitentitel anzeigen. Smartphones nutzen größere Varianten, wenn eine Website auf dem Homescreen abgelegt wird. Damit es überall scharf aussieht, braucht eine Website heute mehrere Größen und Formate.","Dieser Generator erstellt das komplette Paket aus einem Bild oder aus einem Buchstaben bzw. Emoji mit eigener Farbe und Form: eine favicon.ico mit 16, 32 und 48 Pixeln, PNG-Dateien bis 512 Pixel, das Apple-Touch-Icon (180 px), eine site.webmanifest für Android und installierbare Web-Apps sowie den passenden HTML-Code. Bei Text-Icons gibt es zusätzlich eine favicon.svg, die in jeder Größe gestochen scharf bleibt.","Alles wird in deinem Browser erzeugt, dein Bild wird nicht hochgeladen. Zum Umwandeln oder Verkleinern anderer Bilder nutze den [[image-converter]].",[9,10,11,12],"Wähle als Quelle „Buchstabe \u002F Emoji“ oder lade ein Bild hoch – am besten quadratisch und mit klaren Formen.","Passe Farben, Form und ggf. den Innenabstand an und prüfe die Vorschau in Originalgröße.","Trage optional Name und Designfarbe für das Web-Manifest ein.","Lade das ZIP herunter, lege die Dateien ins Hauptverzeichnis deiner Website und füge den HTML-Code in den head-Bereich ein.",[14,17,20,23],{"q":15,"a":16},"Welche Favicon-Größen brauche ich wirklich?","Für aktuelle Browser reichen eine favicon.ico (bzw. 32-px-PNG), ein SVG-Favicon, das Apple-Touch-Icon mit 180 px und für Android\u002FPWA 192 und 512 px über das Web-Manifest. Genau diese Dateien enthält das Paket.",{"q":18,"a":19},"Warum ist mein Favicon in 16 Pixeln kaum zu erkennen?","Auf 16 × 16 Pixeln gehen feine Details und Schrift verloren. Verwende ein einfaches Motiv mit starkem Kontrast, etwa einen einzelnen Buchstaben oder ein reduziertes Logo, und prüfe die Vorschau in Originalgröße. Den Kontrast deiner Farben kannst du mit dem [[color-converter]] prüfen.",{"q":21,"a":22},"Warum wird mein neues Favicon nicht angezeigt?","Browser speichern Favicons sehr hartnäckig zwischen. Lade die Seite mit geleertem Cache neu oder öffne sie in einem privaten Fenster. Prüfe außerdem, ob die Dateien wirklich im Hauptverzeichnis liegen und der HTML-Code im head-Bereich steht.",{"q":24,"a":25},"Sehen Emojis überall gleich aus?","Nein, Emojis werden mit der Schrift des Systems gezeichnet. In den PNG- und ICO-Dateien ist das Emoji so gespeichert, wie es auf deinem Gerät aussieht. Die favicon.svg zeigt dagegen auf jedem Gerät das dort installierte Emoji-Design.",1792065377486]