favicon.ico sowie Apple- und Android-Icons aus einem Bild oder zwei Buchstaben erstellen
Verarbeitet in Ihrem Browser. Nichts wird hochgeladen.Ein Favicon ist das kleine Quadrat neben einem Tab, und Browser verlangen es in mehreren Größen. Aus einem Bild oder aus zwei Buchstaben erstellt dieses Tool favicon.ico, die Apple- und Android-Icons und das HTML zum Einfügen. Eine Datei bis 20 MB, lokal erzeugt.
Diese Seite wurde maschinell aus dem englischen Original übersetzt. Die Übersetzung wurde noch von keinem Menschen geprüft; maßgeblich ist die englische Fassung. Englisches Original lesen
Lassen Sie unter Erstellen aus die Option Buchstaben stehen und tippen Sie ein oder zwei Buchstaben, oder wählen Sie Ein Bild und fügen Sie Ihr Logo hinzu.
Stellen Sie Hintergrund und Buchstabenfarbe ein und schieben Sie Abgerundete Ecken zwischen Quadrat und Kreis.
Prüfen Sie die Vorschauen in Originalgröße und füllen Sie die Website-Angaben für das Manifest aus, wenn Sie einen Namen und eine Designfarbe möchten.
Klicken Sie auf Alle Icons herunterladen (ZIP) und kopieren Sie dann die Tags unter In <head> einfügen in Ihre Seite.
Der Favicon-Generator erstellt aus einem Bild oder aus einem oder zwei Buchstaben jedes Icon, das eine Website braucht. Sie erhalten favicon.ico mit Bildern in 16, 32 und 48 Pixeln, PNG-Icons in 16, 32, 48, 180, 192 und 512 Pixeln, eine Datei site.webmanifest und die HTML-Tags zum Einfügen in Ihre Seite, alles in einem ZIP.
Beginnen Sie mit Ihrem Logo, falls Sie eines haben: Wählen Sie den quadratischen Ausschnitt, und die Vorschau zeigt, wie es in Tab-Größe wirkt, wo feine Details verschwinden. Wenn Sie noch kein Logo haben, tippen Sie Ihre Initialen, wählen eine Hintergrundfarbe, eine Buchstabenfarbe und die Eckenrundung, und haben in Sekunden ein sauberes Text-Icon. Websites kleiner Unternehmen, Portfolios, interne Dashboards und Nebenprojekte wirken mit einem eigenen Icon im Browser-Tab und auf dem Startbildschirm des Telefons fertiger.
Die Datei favicon.ico schreibt das Tool selbst, mit PNG-Bildern im Inneren, ein Aufbau, den jeder aktuelle Browser und Windows seit Vista unterstützen. Das 180-Pixel-Icon ist das Apple-Touch-Icon für iPhone und iPad; die Icons mit 192 und 512 Pixeln stehen im Manifest für Android und installierbare Websites.
Nichts wird hochgeladen. Ihr Bild wird in jeder Größe in Ihrem Browser gezeichnet, und das ZIP entsteht auf Ihrem Gerät. Die schärfsten Ergebnisse liefert ein quadratisches Bild mit mindestens 512 Pixeln; das Tool warnt, wenn ein Ausgangsbild vergrößert wird. Laden Sie die Dateien in den Stammordner Ihrer Website hoch, oder ändern Sie den Pfad, damit die Tags auf den Ort zeigen, an dem sie liegen.
Fügen Sie Ihr Logo hinzu oder tippen Sie ein oder zwei Buchstaben und wählen Sie die Farben. Prüfen Sie die kleinen Vorschauen und laden Sie dann das ZIP herunter. Legen Sie die Dateien in den Stammordner Ihrer Website und fügen Sie die auf dieser Seite gezeigten HTML-Tags in den Head Ihrer Seiten ein. Browser wählen die passende Größe automatisch.
Nein. Jede Größe wird in Ihrem Browser auf ein Canvas gezeichnet, und favicon.ico, die sechs PNG-Dateien, das site.webmanifest und das ZIP entstehen alle auf Ihrem Gerät. Ihr Logo verlässt nie Ihren Computer, es gibt also nichts zu löschen und nirgends eine Serverkopie Ihres Markenzeichens.
Browser nutzen 16 und 32 Pixel in Tabs und Lesezeichen, Windows nutzt 48, iPhones und iPads ein 180 Pixel großes Apple-Touch-Icon, und Android nutzt 192 und 512 Pixel aus dem Web-Manifest. Dieses Tool erstellt alle, dazu favicon.ico mit 16, 32 und 48 im Inneren.
Ja. Fügen Sie das PNG hinzu und laden Sie favicon.ico allein oder mit dem ganzen Satz herunter. Transparenz bleibt erhalten, weil jede Größe im Icon als PNG gespeichert wird. Ein quadratisches Bild mit 512 Pixeln oder mehr liefert das schärfste Ergebnis.
Meist, weil das Logo feine Details oder dünne Schrift hat, die eine Verkleinerung auf 16 Pixel nicht überstehen, oder weil ein kleines Ausgangsbild für die größeren Formate vergrößert wurde. Versuchen Sie ein einfacheres Zeichen, etwa den ersten Buchstaben Ihres Namens, und verwenden Sie ein Ausgangsbild mit mindestens 512 Pixeln.
Ein Bild bis 20 MB. JPG, PNG, WebP, GIF, BMP, AVIF und HEIC werden akzeptiert. Buchstaben-Icons nehmen ein oder zwei Buchstaben oder Ziffern; Symbole und Emoji werden nicht unterstützt, weil sie auf jedem Gerät anders dargestellt werden.
Kommen Sie nicht weiter? Fragen Sie zu Favicon-Generator und jeder, der es weiß, kann antworten. Kein Konto nötig.