PNG zu ICO Konverter: Favicon aus PNG erstellen

PNGs in Favicon Größe aus einem Bild erstellen

Moderne Favicons verwenden PNG Dateien, die mit <link> Tags deklariert werden.

So funktioniert es

1. Ziehe ein PNG Bild per Drag & Drop oder wähle es aus (idealerweise quadratisch, mindestens 512x512)
2. Verwende die Skalierungsregler, um die Zielabmessungen festzulegen
3. Das Tool zeichnet das Bild in der angegebenen Größe auf eine Canvas
4. Exportiere das skalierte PNG

Favicon Größen, die du wirklich brauchst

Minimale Konfiguration:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

SVG Favicons: der moderne Ansatz

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">

PWA Manifest Icons

{
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

Um Bilder aus vorhandenen ICO Dateien zu extrahieren, wirf einen Blick auf ICO zu PNG. Um Bilder als data URIs einzubetten, siehe den Base64 Encoder.