DevBento logoDevBento
Werkzeuge/Bildformat-Konverter/PNG zu ICO Konverter: Favicon aus PNG erstellen

PNG zu ICO Konverter: Favicon aus PNG erstellen

Passe PNG Bilder auf Standard Favicon Abmessungen für ICO an. Erzeuge Größen von 16x16, 32x32 und 48x48. Funktioniert lokal in deinem Browser.

PNG-Datei hier ablegen

oder klicken zum Durchsuchen · aus Zwischenablage einfügen (Ctrl/⌘+V)

PNG, JPG, WebP, AVIF, GIF, BMP, SVG, HEIC, ICO · bis zu 20 Dateien

Verwandte Werkzeuge
b64Base64 Kodierer/Dekodierer
Kodiere und dekodiere Base64-Strings online. Verarbeitet UTF-8-Text, Emoji und Binärdaten mit Roundtrip-Unterstützung. Komplett ohne Server und Anmeldung.
QRQR-Code-Generator: Erstelle QR-Codes im Browser
Generate a QR code from the image
rgbFarbkonverter + Palette
Adjust colors during conversion

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

Größe Wo es erscheint
16x16 Browser Tab Symbol
32x32 Tab mit hohem DPI, Windows Taskleiste
48x48 Windows Desktop Verknüpfung
180x180 Apple Touch Icon (iOS Startbildschirm)
192x192 Android Chrome, PWA Manifest
512x512 PWA Startbildschirm, Google Ergebnisse

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.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.

© 2026 devbento.dev · lokal entwickeltChangelog