Kategorie: Bilder
Favicon-Generator
Aus einem Bild einen kompletten Icon-Satz machen
Öffnen Sie ein Logo und erhalten Sie PNG-Icons in 16, 32, 48, 64, 128, 180, 192 und 512 Pixeln, dazu die link-Tags für Ihren head. Jede Größe wird im Browser gezeichnet, das Bild wird nie hochgeladen.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
Legen Sie die Dateien im Stammverzeichnis Ihrer Website ab, damit die URLs oben aufgehen, und behalten Sie die Namen bei: ein verschobenes Favicon muss neu gecrawlt werden.
Alles auf dieser Seite wird in Ihrem Browser verarbeitet. Nichts wird hochgeladen.
Wozu dieses Werkzeug dient
Ein Favicon ist längst keine einzelne Datei mehr. Browser-Tabs wollen 16, 32 und 48 Pixel, hochauflösende Displays die Varianten mit 64 und 128, iOS liest ein apple-touch-icon mit 180, und ein Android-Web-App-Manifest verlangt 192 und 512. Dieses Werkzeug erzeugt alle aus einer einzigen Vorlage, ein Canvas je Größe, passt das Motiv in das Quadrat ein statt es zu verzerren, und liefert das Markup dazu, das sie unter stabilen URLs einbindet. Durchgehend PNG, denn jeder heute genutzte Browser liest PNG-Favicons, und das alte ICO-Format bringt im Gegenzug nichts.
So funktioniert es
- Wählen Sie ein Logo oder quadratisches Bild, idealerweise 512 x 512 oder größer.
- Fügen Sie bei Bedarf Abstand hinzu oder füllen Sie den Hintergrund, wenn das Icon deckend sein soll.
- Laden Sie jede Größe herunter, legen Sie sie im Stammverzeichnis ab und fügen Sie das HTML in Ihren head ein.
Datenschutz
Dieses Werkzeug läuft vollständig in Ihrem Browser. Ihre Eingabe wird nie hochgeladen, gespeichert oder weitergegeben – beim Schließen des Tabs ist sie weg.
Häufig gestellte Fragen
- Wird mein Logo hochgeladen?
- Nein. Jedes Icon wird auf einem Canvas dieser Seite gezeichnet und als lokaler Download angeboten. Das Bild verlässt Ihr Gerät nicht.
- Wie groß sollte die Vorlage sein?
- Mindestens 512 x 512, quadratisch, mit etwas Luft um das Zeichen. Alles Kleinere muss für die großen Größen hochskaliert werden und wirkt unscharf.
- Brauche ich noch eine favicon.ico-Datei?
- Für aktuelle Browser nicht, sie lesen alle per link-Tag deklarierte PNG-Icons. Manche sehr alte Software fragt noch /favicon.ico ab, es schadet also nicht, eine vorhandene zu behalten.