Favicon-Generator
Laden Sie Ihr Logo hoch und laden Sie jede Favicon-Größe in einer ZIP-Datei herunter. Kostenlos, kein Konto nötig, und das Bild verlässt nie Ihr Gerät.
Ziehen Sie Ihr Bild hierher oder klicken Sie, um es auszuwählen
JPG, PNG oder WEBP. Wird in Ihrem Browser verarbeitet, niemals auf einen Server hochgeladen.
Beim Start einer neuen Website oder der Aktualisierung Ihres Logos verlangt jeder Browser und jedes Gerät das Icon in einer anderen Größe: 16x16 für den Browser-Tab, 180x180 für den iPhone-Startbildschirm, 512x512 für die Installation der Seite als App. Jede einzeln von Hand in einem Bildeditor anzupassen ist mühsam und leicht fehleranfällig. Hier laden Sie Ihr Logo einmal hoch, und das Tool erstellt alle sechs benötigten Größen, bereit zum gemeinsamen Herunterladen in einer einzigen ZIP-Datei. Das gesamte Zuschneiden und Skalieren geschieht direkt in Ihrem Browser: Das Bild wird nie auf einen Server hochgeladen.
So erstellen Sie in 3 Schritten ein Favicon
Laden Sie Ihr Logo oder Bild hoch
Ziehen Sie die Datei in den Upload-Bereich, oder wählen Sie sie von Ihrem Gerät aus. Es funktioniert mit PNG, JPG oder jedem Bild Ihrer Marke, das Sie bereits haben, und wird sofort verarbeitet.
Prüfen Sie die Vorschauen
Das Tool schneidet das Bild mittig auf ein Quadrat zu und erstellt Vorschaubilder für jede Größe: 16x16, 32x32, 48x48, 180x180, 192x192 und 512x512. Prüfen Sie sie vor dem Herunterladen, um sicherzustellen, dass der Zuschnitt keinen wichtigen Teil des Logos abgeschnitten hat.
Laden Sie die ZIP-Datei herunter
Klicken Sie auf Herunterladen, und Sie erhalten eine einzige ZIP-Datei mit allen sechs PNGs, bereit für Ihr Projekt. Übrig bleibt nur, sie mit den richtigen Icon-Tags in das HTML Ihrer Website einzubinden, oder wo immer Ihr Framework sie erwartet.
Wann es nützlich ist
- Ein Entwickler schließt in letzter Minute die Website eines Kunden ab und braucht jetzt sofort Favicon-Dateien, ohne Photoshop zu öffnen oder jede Größe einzeln zu exportieren.
- Ein kleines Unternehmen gestaltet sein Logo neu und muss die alten Website-Icons gegen neue austauschen, die zur aktualisierten Marke passen, ohne für etwas so Einfaches auf einen Designer zu warten.
- Jemand baut eine Test-Landingpage oder ein Nebenprojekt und möchte, dass der Browser-Tab fertig aussieht, mit einem eigenen Icon statt dem generischen Platzhalter.
Häufig gestellte Fragen
Was passiert mit dem Bild, das ich hochlade?
Nichts verlässt Ihr Gerät. Das Bild wird in Ihrem eigenen Browser zugeschnitten und skaliert, unter Verwendung des Prozessors Ihres Geräts, sodass es nie zu einem Server von uns oder anderen reist. Sobald Sie den Tab schließen, bleibt nirgendwo eine Kopie zurück.
Erstellt es eine .ico-Datei?
Nein, das Tool erstellt PNG-Dateien in jeder Größe, nicht das klassische Multi-Auflösungs-Format .ico. Das reicht für die große Mehrheit der Websites aus, da moderne Browser ein PNG-Favicon, das mit einem Link-rel-icon-Tag deklariert ist, vollständig unterstützen. Wenn Sie speziell eine .ico-Datei für ein älteres System benötigen, erzeugt dieses Tool keine.
Warum schneidet es mein Logo zu, wenn ich bereits das vollständige Bild hochgeladen habe?
Jede Favicon-Größe ist quadratisch, daher schneidet das Tool das Bild vor der Skalierung mittig zu. Wenn Ihr Logo bereits quadratisch ist oder sein Hauptsymbol zentriert hat, sieht das Ergebnis gut aus. Ist es jedoch ein breites, rechteckiges Logo, wie ein Schriftzug mit Text an einer Seite, kann der Zuschnitt etwas Wichtiges abschneiden. In diesem Fall ist es besser, nur das Icon oder Symbol allein hochzuladen, ohne den Text.
Ist es kostenlos, ohne Limit für die Anzahl, die ich erstellen kann?
Es ist kostenlos und ohne Limit: Erstellen Sie das Favicon für ein Projekt oder zwanzig, am selben Tag, ohne Konto und ohne erforderliche E-Mail. Es fügt den Bildern kein Wasserzeichen hinzu und verlangt auch keine Bezahlung, um jede Größe freizuschalten.
Welche Favicon-Größen brauche ich tatsächlich für meine Website?
Das hängt davon ab, wo es erscheint, aber die sechs Größen, die dieses Tool erstellt, decken die gängigen Fälle ab: 16x16 und 32x32 für den Browser-Tab und Lesezeichen, 48x48 für Windows, 180x180, damit es scharf aussieht, wenn jemand die Seite auf den iPhone-Startbildschirm speichert, sowie 192x192 und 512x512 für Android und für die Installation der Seite als Web-App.