Vollständiges Icon-Paket
Exportiere favicon.ico, PNG-Icons, Apple Touch Icon, Android-Icons und site.webmanifest.
PNG to ICO
PNG to ICO Converter
Konvertiere PNG online zu ICO. Schneide transparente PNG-Logos zu, prüfe Favicon-Größen und lade favicon.ico herunter.Über diesen PNG to ICO Converter
Nutze diesen PNG to ICO Converter, wenn du bereits ein PNG-Logo oder Icon hast und favicon.ico plus Favicon-PNG-Größen benötigst.
Was dieser Favicon-Generator erstellt
Small-size previews
Check 16x16, 32x32, browser tabs and Google-style result previews before downloading.
Composition controls
Set background color, transparent output, shape, padding and favicon-friendly optimization.
Private by default
Core conversion runs in the browser without uploading your image to a server.
Website-ready output
Includes favicon.ico, PNG icons and web manifest files.
Privacy focused
Basic conversion is handled in your browser.
Favicon previews
See how your icon may look in tabs and search results.
Small icon optimization
Improve clarity for 16x16 and 32x32 favicon sizes.
PNG to ICO Leitfaden für Website-Favicons
Warum PNG eine gute Favicon-Quelle ist
PNG ist für fertige Logos besonders praktisch, weil es Transparenz unterstützt und sich sauber in kleine quadratische Icon-Größen rendern lässt. Für Website-Favicons ist ein klarer Zuschnitt wichtiger als ein detailreiches großes Logo.
Lokale Verarbeitung für DACH-Projekte
Die Umwandlung läuft im Browser. Kundendateien, unveröffentlichte Markenassets und Agentur-Entwürfe müssen nicht auf fremde Server hochgeladen werden – ein wichtiger Vorteil bei DSGVO-sensiblen Workflows.
Einbau in WordPress, TYPO3, Shopify und Hosting
Für WordPress kannst du das Site Icon setzen und bei Bedarf zusätzliche Head-Tags im Theme ergänzen. In TYPO3 passt der Einbau über Site Package, Fluid-Template oder TypoScript. Bei IONOS und STRATO solltest du nach dem Upload Cache und HTTPS-Pfad prüfen.
Google-Favicon richtig vorbereiten
Google bevorzugt quadratische, crawlbare Favicons über stabile HTTPS-URLs. Nutze ein einfaches Motiv, ausreichend Kontrast und vermeide winzige Details. Die Aktualisierung in Suchergebnissen kann trotzdem verzögert erfolgen.
PNG- und ICO-Format im Vergleich
Vergleichen Sie das PNG-Quellformat mit dem ICO-Iconformat, bevor Sie PNG in ICO fuer Favicons und Windows-Icons umwandeln.
| Name | PNG | ICO |
|---|---|---|
| Vollstaendiger Name | Portable Network Graphics | Microsoft icon |
| Dateierweiterung | .png | .ico |
| MIME | image/png | image/x-icon, image/vnd.-microsoft.icon |
| Entwickler | PNG Development Group | Microsoft |
| Typ | Komprimiertes Bilddateiformat | Icon-Dateiformat |
| Beschreibung | Portable Network Graphics ist ein verlustfrei komprimiertes Bitmap-Grafikformat. Es wurde entwickelt, um GIF und TIFF zu ersetzen und zugleich Funktionen bereitzustellen, die GIF nicht bietet. PNG nutzt eine verlustfreie Datenkompression, die von LZ77 abgeleitet ist, und wird haeufig in Java-Programmen, Webseiten und S60-Programmen genutzt, weil es ein hohes Kompressionsverhaeltnis und kleine Dateien ermoeglicht. | ICO ist das Windows-Icon-Dateiformat. Eine Icon-Datei kann ein einzelnes Bild oder Icons mit mehreren Groessen und Farbpaletten speichern. Icons haben standardisierte Groessen und Eigenschaften und sind meist klein. Jedes Icon enthaelt mehrere Bilder mit demselben Motiv, wobei jedes Bild eine andere Groesse und Farbtiefe haben kann. In diesem Sinn ist ein Icon eine Sammlung aehnlicher Bilder in verschiedenen Formaten. |
| Zugehoerige Programme | Adobe Photoshop, Paint Shop Pro, the GIMP, GraphicConverter, Helicon Filter, ImageMagick, Inkscape, IrfanView, Pixel image editor, Paint.NET, Xara Photo & Graphic Designer. | Axialis IconWorkshop, IcoFX, IconBuilder, Microangelo Toolset, Greenfish Icon Editor Pro, GIMP, ImageMagick, IrfanView, ResEdit. |
Workflow and deployment notes
Icon-Paket herunterladen
Lade das vollständige ZIP mit favicon.ico, PNG-Größen, Apple Touch Icon und Manifest herunter.
Dateien hochladen
Lege favicon.ico möglichst im Webroot ab und lade PNG-Icons sowie site.webmanifest in Theme, Public-Ordner oder Site Package.
HTML-Code ergänzen
Füge die generierten Link-Tags in den HTML-Head ein oder übertrage sie in dein WordPress-, TYPO3- oder Shopify-Theme.
Dein Bild wird für die Konvertierung lokal im Browser verarbeitet. Dateien werden nicht auf unserem Server gespeichert.
Lade die generierten Dateien in das Root-Verzeichnis deiner Website und füge diesen Code in den <head> ein.
Dein Favicon sollte bei 16×16 und 32×32 erkennbar bleiben.
Nur Vorschau. Google kann ein crawlbares quadratisches Favicon nutzen, die Anzeige ist aber nicht garantiert.
Empfohlene Ebenen: 16, 32 und 48 Pixel für die meisten Browser.
Lade favicon.ico, PNG-Icons, Apple Touch Icon, Android-Icons, maskierbare PWA-Icons und Manifest herunter.
PNG to ICO FAQ
Ist diese Seite nur ein PNG zu ICO Konverter?
Die Startseite fokussiert PNG als beste Quelle für transparente Logos, erzeugt aber ein vollständiges Favicon-Paket mit favicon.ico, PNG-Größen, Apple Touch Icon, PWA-Icons, Manifest und HTML-Code.
Warum brauche ich 16×16 und 32×32 Vorschauen?
Favicons erscheinen in Tabs und Lesezeichen sehr klein. Ein Logo, das groß gut aussieht, kann bei 16×16 unlesbar sein. Deshalb sind kleine Vorschauen vor dem Download wichtig.
Bleibt ein transparenter PNG-Hintergrund erhalten?
Ja, transparente PNG-Logos können transparent bleiben. Du kannst aber auch eine Markenfarbe als Hintergrund setzen, wenn das Icon auf hellen oder dunklen Browser-UIs besser sichtbar sein soll.
Werden meine PNG-Dateien hochgeladen?
Nein. Die Verarbeitung läuft lokal im Browser. Das passt zu Kundendateien, Agentur-Workflows und DSGVO-sensiblen Markenassets.
Welche Dateien sollte ich in WordPress oder TYPO3 einbauen?
Nutze favicon.ico für klassische Browser, apple-touch-icon.png für iOS und 192×192 sowie 512×512 PNGs für PWA/Manifest. In TYPO3 bindest du sie typischerweise über Site Package, Fluid-Template oder TypoScript ein.
Warum zeigt Google mein neues Favicon nicht sofort?
Google crawlt Favicons verzögert. Achte auf eine quadratische, crawlbare HTTPS-Datei, korrekte Head-Tags und darauf, dass robots.txt den Icon-Pfad nicht blockiert.
Which ICO sizes are supported?
The page supports common sizes such as 16x16, 24x24, 32x32, 48x48, 64x64, 96x96, 128x128, and 256x256.
Can I use the ICO as a website favicon?
Yes. Download the ICO file, place it in your site root, or reference it with an HTML link tag.
PNG zu ICO in echten Website-Workflows
Für Kundenlogos kann ich aus einer Logo-Datei schnell ein sauberes favicon.ico und passende PNG-Größen erzeugen, ohne erst ein Desktop-Tool zu öffnen.
Anna Weber / WebdesignerinDie kleinen Vorschauen helfen enorm. Man sieht sofort, ob das Icon bei 16×16 noch funktioniert oder ob mehr Rand nötig ist.
Lukas Schneider / Frontend-EntwicklerFür WordPress- und TYPO3-Projekte ist der Export praktisch, weil favicon.ico, Apple Touch Icon und PWA-Größen zusammen vorbereitet sind.
Miriam Hoffmann / WordPress-BetreuerinDass die Datei lokal im Browser verarbeitet wird, macht die Abstimmung mit unveröffentlichten Markenassets deutlich einfacher.
Jonas Fischer / Shopify-ConsultantIch kann schnelle Shop- und Landingpage-Updates erledigen, ohne Kundendateien auf einen fremden Server hochzuladen.
Clara Becker / Brand DesignerinDie Größen sind verständlich benannt und lassen sich direkt in Theme, Site Package oder Webroot übernehmen.
Tobias Wagner / TYPO3-IntegratorFür Relaunches in DACH-Projekten spart der Workflow Zeit, weil Datenschutz und Favicon-Ausgabe sauber zusammenpassen.
Nina Keller / Marketing ManagerinAuch nicht-technische Teammitglieder können ein Icon-Paket vorbereiten und danach an Entwicklung oder Hosting weitergeben.
Felix Braun / Agenturgründer