3BearLabs3Bear Tools
Bilder

Favicon-Generator: PNG-Größen aus Bild oder Text

Erstelle einen Satz Favicon- und App-Icon-PNGs aus einem hochgeladenen Bild oder aus einem einzelnen Zeichen.

Läuft im Browser – Dateien verlassen dieses Gerät nicht.

Favicon-Generator

Erstellen Sie alle erforderlichen Favicon-Größen aus einem einzigen Bild oder Text-Emoji.

Browser-Tab-Vorschau

example.com
Website Content

So funktioniert es

  1. Wähle Bild hochladen und ein quadratisches Bild aus, oder wähle Text / Emoji und gib einen Buchstaben oder ein Emoji ein.
  2. Wähle bei Text die Textfarbe und die Hintergrundfarbe und prüfe die Vorschau.
  3. Klicke auf Herunterladen, um eine ZIP-Datei mit allen Icon-Größen zu erhalten.

Der Generator hat zwei Eingabemodi. Im Modus Bild hochladen gibst du ein Bild an, etwa ein Logo. Im Modus Text / Emoji zeichnet das Tool deinen Text fett auf ein Quadrat mit 512 Pixel in der gewählten Text- und Hintergrundfarbe, ein schneller Weg zu einem Icon für eine Website ohne Logo.

Die ZIP-Datei enthält fünf PNG-Dateien: favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 mal 180), android-chrome-192x192.png und android-chrome-512x512.png. Jede entsteht, indem deine Quelle mit hochwertiger Glättung auf ein Quadrat skaliert wird. Da jedes Icon als Quadrat gezeichnet wird, beginne mit einem quadratischen Bild, sonst wird ein nicht quadratisches Bild gestreckt.

Die ZIP-Datei enthält keine .ico-Datei und kein Web-Manifest, du musst die Link-Tags und ein eventuelles Manifest also selbst schreiben. Üblich ist es, die Dateien mit 16 und 32 Pixel in Link-Tags mit rel icon einzubinden, die Datei mit 180 Pixel mit rel apple-touch-icon und die Dateien mit 192 und 512 Pixel in einem Web-App-Manifest.

Alles wird auf Canvas-Elementen in deinem Browser erzeugt, und dein Bild wird nicht hochgeladen.

Häufige Fragen

Welche Größen sind in der ZIP-Datei?

16x16, 32x32, 180x180 (Apple-Touch-Icon), 192x192 und 512x512, alle als PNG.

Erzeugt es eine .ico-Datei?

Nein. Die Ausgabe besteht nur aus PNG.

Welches Bild soll ich hochladen?

Ein quadratisches Bild. Andere Formen werden zu einem Quadrat gestreckt, was sie verzerrt.

Kann ich ein Emoji verwenden?

Ja. Im Modus Text / Emoji kannst du ein Emoji oder einen Buchstaben eingeben. Wie ein Emoji aussieht, hängt von den Schriftarten auf deinem Gerät ab.

Wird mein Logo hochgeladen?

Nein. Die Icons werden in deinem Browser erzeugt.

Verwandte Tools