Favicon-Generator
Erstellen Sie alle Icons, die Ihre Website braucht, aus einem Bild: eine favicon.ico mit mehreren Größen, PNG-Favicons, das Apple-Touch-Icon und Android-/Web-App-Icons — dazu den HTML-Code zum Einfügen in Ihre Website.
Tipp: Prüfen Sie die 16-px-Vorschau — wenn Ihr Logo dort schwer lesbar ist, versuchen Sie „Quadratisch zuschneiden“ mit weniger Innenabstand oder verwenden Sie nur den ersten Buchstaben oder ein Symbol Ihres Logos.
Häufig gestellte Fragen
Wird mein Logo auf einen Server hochgeladen?
Nein. Jedes Icon wird direkt in Ihrem Browser erstellt, und auch das ZIP-Archiv wird auf Ihrem Gerät erzeugt. Ihr Logo verlässt Ihren Computer nie.
Was gibt's im Favicon-Paket?
favicon.ico (16, 32 und 48 px in einer Datei), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px für den Home-Bildschirm von iPhone und iPad), android-chrome-192x192.png und android-chrome-512x512.png (Android und installierbare Web-Apps) sowie eine Datei site.webmanifest.
Wie füge ich das Favicon meiner Website hinzu?
Entpacken Sie die Dateien in das Stammverzeichnis Ihrer Website (neben index.html) und fügen Sie dann den auf dieser Seite angezeigten HTML-Code in den <head> Ihrer Seiten ein. WordPress, Shopify, Wix und die meisten Website-Baukästen haben außerdem eine Einstellung „Website-Icon“, in der Sie einfach das 512-px-PNG hochladen können.
Welches Bild eignet sich am besten?
Ein schlichtes, kontrastreiches quadratisches Logo oder Buchstabenlogo. Feine Details und dünne Schrift gehen bei 16 × 16 Pixeln verloren. Transparente PNG- oder SVG-Dateien funktionieren hervorragend; Fotos werden automatisch quadratisch zugeschnitten.
Warum hat das Apple-Touch-Icon einen Hintergrund?
iPhones und iPads zeigen transparente Bereiche von Home-Bildschirm-Icons schwarz an, deshalb gibt Imgovo dem Apple-Icon immer einen deckenden Hintergrund — Ihre gewählte Farbe oder Weiß, wenn der Hintergrund transparent ist.
Kann ich nur eine ICO-Datei aus einem PNG erstellen?
Ja. Klicken Sie auf „Nur favicon.ico herunterladen“, um nur die ICO-Datei mit mehreren Größen zu erhalten.
Kann ich eine Änderung rückgängig machen?
Ja. Mit Rückgängig und Wiederholen (Schaltflächen über den Einstellungen oder Strg+Z / Strg+Umschalt+Z) gehen Sie schrittweise durch Einpassung, Hintergrund, Innenabstand, Eckenradius und den App-Namen zurück.