PNG in Icon umwandeln: Kostenloser Online-Konverter
Wandeln Sie PNG-Bilder in Icon-Dateien für Websites, Windows, macOS und mobile Apps um. Mehrstufige ICO-Dateien, PNG-Favicon-Pakete und fertigen HTML-Code erstellen — kostenlos, sofort und 100 % im Browser.
Drag & Drop PNG Images Here
or Click to Upload
Supports: PNG, JPG, WebP, SVG
Max: 10 files, 5MB each
Any Size You Need
Generate icons from 16×16 to 512×512 px
Instant Conversion
PNG to icon in seconds, right in your browser
100% Private
Images never leave your device
Always Free
No limits, no watermarks, no sign-up
Verwandte Bildtools
Weitere leistungsstarke Tools zur Optimierung und Bearbeitung Ihrer Bilder
PNG zu ICO
Windows-Icons & Favicons erstellen
PNG zu SVG
In skalierbare Vektoren konvertieren
PNG zu WebP
In modernes WebP-Format konvertieren
Auf 100KB komprimieren
Für strengere Anforderungen
Auf 500KB komprimieren
Für die meisten Online-Anwendungen
Bild skalieren
Beliebige Bildformate kostenlos online skalieren
Alle Tools sind kostenlos • Lokale Verarbeitung • Keine Registrierung erforderlich
Was bedeutet PNG in Icon umwandeln?
PNG in Icon umwandeln bezeichnet den Prozess, eine gewöhnliche PNG-Bilddatei in eine Icon-Datei zu konvertieren, die auf Websites, Desktop-Anwendungen, Betriebssystemen und mobilen Apps eingesetzt werden kann. Wenn Sie ein PNG in ein Icon konvertieren, benennen Sie die Datei nicht einfach um — Sie verpacken das Bild in ein Format, das mehrere Größen in einer einzigen Datei speichern kann, damit das Icon sowohl auf 16×16 Pixeln (Browser-Tab) als auch auf 256×256 Pixeln (Desktop-Verknüpfung) scharf wirkt.
Das gebräuchlichste Ausgabeformat beim PNG zu Icon-Konverter ist die ICO-Datei (Internet Explorer Icon) — ein Container-Format, das mehrere PNG-Bilder verschiedener Größen in einer einzigen Datei speichert. Der PNG-Icon-Konverter liest Ihre Quell-PNG, skaliert sie auf jede gewünschte Größe und verpackt alle Abmessungen in eine herunterladbare Datei, die auf jeder Plattform direkt verwendet werden kann.
So funktioniert der PNG-zu-Icon-Konverter
Das PNG in Icon-Tool von TinyImagePro läuft vollständig im Browser über die HTML5 Canvas-API. Nach dem Hochladen Ihrer PNG zeichnet der Konverter das Bild auf ein Canvas für jede gewählte Größe (16×16, 32×32, 48×48 bis 256×256) und verwendet bikubische Interpolation, um die Schärfe beim Verkleinern zu erhalten. Jedes skalierte Canvas wird dann als PNG-Datenblock exportiert und im ICO-Binärformat verpackt. Der gesamte Prozess des PNG-in-Icon-Umwandelns findet lokal auf Ihrem Gerät statt — keine Datei wird an einen Server übertragen.
Was ist der Unterschied zwischen PNG zu Icon und PNG zu ICO?
Beide Begriffe werden oft synonym verwendet, es gibt aber eine Nuance. PNG zu ICO bezeichnet speziell die Erstellung einer Windows-.ico-Datei — einem Binärformat, das an die Windows-Icon-Spezifikation gebunden ist. PNG zu Icon ist ein übergeordneter Begriff, der alle Arten von Icon-Ressourcen aus einer PNG-Quelle umfasst: Windows-.ico-Dateien, macOS-.icns-Dateien, einzelne PNGs für Website-Favicons und PNG-Exporte in verschiedenen Größen für mobile App-Stores. Der PNG-Icon-Konverter von TinyImagePro deckt alle diese Anwendungsfälle in einem einzigen Tool ab.
Warum sollten Sie PNG in ein Icon-Format umwandeln?
Es gibt viele Situationen, in denen Sie ein PNG in ein Icon umwandeln müssen. Ein gewöhnliches PNG kann nicht direkt als System-Icon, App-Verknüpfung oder Browser-Favicon verwendet werden — es muss in das passende Icon-Format der jeweiligen Plattform konvertiert werden. Hier sind die sechs häufigsten Anwendungsfälle:
Website-Favicon
Jede Website benötigt ein Favicon — das kleine Icon in Browser-Tabs, Lesezeichen und Suchergebnissen. Wandeln Sie PNG in Icon um, um ein mehrstufiges favicon.ico zu erstellen, das mit allen gängigen Browsern kompatibel ist.
Windows-Desktop-Icons
Windows-Verknüpfungen, Ordner und Anwendungen verwenden ICO-Dateien. Beim Konvertieren von PNG in ein Windows-Icon erhalten Sie eine Datei mit Versionen in 16, 32, 48 und 256 px — Windows wählt automatisch die passende Größe.
macOS-App-Icons
macOS zeigt App-Icons im Dock, im Finder und in Spotlight. Nutzen Sie den PNG-Icon-Konverter, um Icon-Assets in den richtigen Größen für Mac-App-Bundles zu erstellen.
Mobile-App-Icons
iOS und Android benötigen Icons in bestimmten Größen (von 60×60 bis 512×512 px) für den Startbildschirm, den App-Store und Systemmenüs. Wandeln Sie PNG in Icon um und exportieren Sie alle benötigten Größen in einem Schritt.
Software- und Spiel-Icons
Spiele und Produktivitätssoftware benötigen ICO-Dateien für ausführbare Dateien und Installer. Der PNG-Icon-Datei-Konverter stellt sicher, dass Ihr Produkt in jeder Auflösung ein professionelles Icon besitzt.
Browser-Erweiterungs-Icons
Chrome-, Firefox- und Edge-Erweiterungen benötigen PNG-Icons in 16, 48 und 128 px. Konvertieren Sie Ihr PNG in genau diese Größen und referenzieren Sie sie direkt in der manifest.json.
So wandeln Sie PNG online in ein Icon um
Mit TinyImagePro können Sie PNG in Sekunden in ein Icon umwandeln — ohne Software-Installation und ohne Konto-Erstellung. So gehen Sie vor:
Schritt 1 — PNG-Bild hochladen
Ziehen Sie Ihre PNG-Datei per Drag & Drop in den Upload-Bereich, oder klicken Sie, um lokale Dateien auszuwählen. Bis zu 10 Bilder werden gleichzeitig für die Stapelkonvertierung unterstützt, ebenso JPG, WebP und SVG. Für beste Ergebnisse verwenden Sie ein quadratisches PNG mit mindestens 256×256 Pixeln.
Schritt 2 — Icon-Größen auswählen
Wählen Sie die Größen, die im Icon enthalten sein sollen. Die Voreinstellung „Empfohlen" wählt automatisch alle Windows-Standardgrößen (16, 32, 48, 64, 128, 256 px) aus, während „Nur Favicon" die minimale 16×32-Px-Kombination bietet. Sie können die Auswahl auch durch Klicken auf einzelne Größen-Buttons individuell anpassen.
Schritt 3 — Ausgabeoptionen wählen
Aktivieren Sie „Mehrstufige ICO-Datei erstellen", um alle ausgewählten Größen in eine einzige .ico-Datei zu verpacken — dem Standardformat für Windows-Icons und Favicons. Aktivieren Sie optional „Einzelne PNG-Dateien exportieren", um pro Größe eine .png-Datei zu erstellen, ideal für Web- und Mobile-Apps. Aktivieren Sie „Favicon-HTML-Code generieren", um direkt einsetzbare <link>-Tags zu erhalten.
Schritt 4 — Icon-Dateien herunterladen
Klicken Sie auf „In Icon umwandeln" und die Dateien werden sofort im Browser erzeugt. Laden Sie die mehrstufige ICO-Datei einzeln oder jede Größe separat herunter. Bei der Stapelkonvertierung mehrerer PNGs nutzen Sie „Alles als ZIP herunterladen", um alle konvertierten Icons in einem Archiv zu erhalten — nach Quelldateiname organisiert. Ihr Original-PNG wird nie hochgeladen; die gesamte Verarbeitung findet auf Ihrem Gerät statt.
PNG-Icon-Größen-Leitfaden: alle Größen, die Sie brauchen
Verschiedene Plattformen und Einsatzzwecke erfordern unterschiedliche Icon-Größen. Beim PNG in Icon umwandeln stellt die Wahl der richtigen Größen sicher, dass das Icon auf jedem Gerät und Betriebssystem korrekt angezeigt wird. Hier sind die gängigsten PNG-Icon-Datei-Größen, nach Plattform gruppiert.
Favicon-Größen für Websites
| Größe | Dateiname | Verwendung |
|---|---|---|
| 16×16 | favicon-16x16.png | Browser-Tab, Adressleiste |
| 32×32 | favicon-32x32.png | Taskleisten-Verknüpfung, HiDPI-Tab |
| 48×48 | favicon-48x48.png | Windows-Website-Verknüpfung |
| 180×180 | apple-touch-icon.png | iOS-Startbildschirm-Icon (Apple Touch Icon) |
| 192×192 | android-chrome-192x192.png | Android-Chrome-Startbildschirm |
| 512×512 | android-chrome-512x512.png | Android-Splash-Screen, PWA |
Windows-Icon-Größen
| Größe | Verwendung | Wichtigkeit |
|---|---|---|
| 16×16 | Taskleiste, Titelleiste, Listenansicht | Erforderlich |
| 32×32 | Desktop-Verknüpfung (Standard-DPI) | Erforderlich |
| 48×48 | Desktop-Verknüpfung (normale Ansicht) | Empfohlen |
| 64×64 | Hochauflösende Displays | Empfohlen |
| 128×128 | Extragroße Icon-Ansicht | Optional |
| 256×256 | Extragroße Icons, 4K-Monitore | Empfohlen |
Mobile-App-Icon-Größen
Aktivieren Sie beim Export dieser Größen „Einzelne PNG-Dateien exportieren" — mobile Icons werden als PNG, nicht als ICO verwendet.
| Plattform | Größen (px) | Verwendung |
|---|---|---|
| iOS (iPhone) | 60, 76, 120, 152, 180 | Startbildschirm, App Store |
| Android | 48, 72, 96, 144, 192, 512 | Launcher, Google Play |
| PWA (Web App) | 192, 512 | Startbildschirm, Splash Screen |
Best Practices beim PNG in Icon umwandeln
Befolgen Sie diese Empfehlungen, um bei jeder PNG-zu-Icon-Konvertierung höchste Qualität zu erzielen.
Das richtige Quellbild wählen
- ✓Verwenden Sie ein quadratisches PNG — Icons sind quadratisch, und ein nicht-quadratisches Bild führt zu Verzerrungen oder Zuschnitt.
- ✓Beginnen Sie mit einer hohen Auflösung (512×512 oder 1024×1024), um beim Verkleinern mehr Details zu erhalten.
- ✓Verwenden Sie PNG mit transparentem Hintergrund, damit das Icon sich verschiedenen Systemthemen anpasst.
- ✗Verwenden Sie kein 64×64-Bild als Quelle für eine 256×256-Ausgabe — das Vergrößern verschlechtert die Qualität sichtbar.
- ✗Verwenden Sie keine Fotos oder komplexen Hintergründe; das Icon muss bei 16×16 Pixeln erkennbar sein.
- ✗Verwenden Sie keine nicht-quadratischen Proportionen — der Konverter wird das Bild zuschneiden oder mit schwarzen Balken ergänzen.
Transparenz und Hintergrundfarbe
- ✓Behalten Sie den transparenten Hintergrund bei, damit das Icon sich automatisch an den Dark Mode und den Light Mode anpasst.
- ✓Wenn das Icon einen einfarbigen Hintergrund benötigt, nutzen Sie die Hintergrundfarb-Option im Konverter.
- ✓Testen Sie das Icon auf weißem und dunklem Hintergrund, bevor Sie es finalisieren.
- ✗Fügen Sie keinen weißen Hintergrund zum PNG hinzu, bevor Sie konvertieren — auf dunklen Taskleisten sieht das unschön aus.
- ✗Verwenden Sie keine halbdurchsichtigen Ränder für Icons, die auf Windows XP abzielen — das ältere ICO-Format unterstützt keinen vollständigen Alpha-Kanal.
- ✗Wenn das PNG transparente Bereiche enthält, vergessen Sie nicht, im Konverter den Hintergrund auf „Transparent" zu setzen.
Auflösung und Qualität
- ✓Schließen Sie immer 16×16 und 32×32 in die ICO-Datei ein — das sind die am häufigsten genutzten Größen in Browsern und Windows.
- ✓Fügen Sie 256×256 für die Kompatibilität mit HiDPI-Bildschirmen von Windows 10/11 hinzu.
- ✓Prüfen Sie die Lesbarkeit der 16×16-Version — falls Details unscharf sind, vereinfachen Sie das Design.
- ✗Überspringen Sie keine kleinen Größen — eine mehrstufige ICO ohne 16×16 wirkt in Browser-Tabs unscharf.
- ✗Fügen Sie keine unnötigen Größen (wie 20 oder 40) ein, sofern kein spezifischer Bedarf besteht.
- ✗Konvertieren Sie keine komplexen Fotos in Icons — geometrische Formen und flaches Design funktionieren beim Verkleinern deutlich besser.
Favicon aus PNG erstellen
Was ist ein Favicon und warum ist es wichtig?
Ein Favicon (Kurzform für „Favorite Icon") ist das kleine Icon in Browser-Tabs, Lesezeichen, im Verlauf und manchmal in Suchergebnissen. Mit einem PNG-zu-Favicon-Tool ein Favicon in der richtigen Größe zu erstellen, ist eine der einfachsten Möglichkeiten, Ihrer Website ein professionelles Erscheinungsbild zu verleihen. Browser fordern automatisch /favicon.ico an — eine korrekte Konfiguration vermeidet unnötige 404-Fehler in den Server-Logs.
Moderne Browser akzeptieren Favicons im PNG-Format, doch das ICO-Format bleibt das kompatibleste, besonders für ältere Browser. Die beste Praxis ist, beide Formate bereitzustellen: eine mehrstufige favicon.ico für maximale Kompatibilität und einzelne PNGs für moderne Browser und mobile Startbildschirm-Icons. TinyImagePro ermöglicht alles in einem Schritt beim PNG in Icon umwandeln.
Beispiel-HTML-Code für Favicon
Nach der Konvertierung Ihrer PNG in Icon-Dateien fügen Sie folgenden Code in den <head>-Bereich Ihres HTMLs ein. Aktivieren Sie „Favicon-HTML-Code generieren" im Tool oben, um personalisierte Tags basierend auf Ihren gewählten Größen zu erhalten.
<!-- Standard-Favicon --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <!-- Apple Touch Icon (iOS-Startbildschirm) --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Web App Manifest (Android / PWA) --> <link rel="manifest" href="/site.webmanifest">
Ihr Favicon testen
Nachdem Sie die Icon-Dateien hochgeladen und die HTML-Tags hinzugefügt haben, leeren Sie den Browser-Cache und laden Sie die Seite neu. Falls das Favicon nicht erscheint, versuchen Sie, die Seite im Inkognito-Modus zu öffnen. Wir empfehlen Tests in folgenden Umgebungen:
- Tabs in Chrome, Firefox, Safari und Edge
- Die Lesezeichenleiste (Anzeige bei 16×16)
- iOS- und Android-Mobilbrowser
- Google-Suchergebnisse (das Website-Favicon wird in einigen Regionen angezeigt)
PNG in Icon umwandeln — Leitfaden nach Betriebssystem
Windows 10 & 11
Windows verwendet ICO-Dateien für Anwendungs-Icons, Desktop-Verknüpfungen und Taskleisten-Icons. Um ein PNG-Icon für Windows 10 oder 11 zu erstellen, benötigen Sie eine gültige .ico-Datei — das bloße Umbenennen einer PNG in .ico funktioniert nicht.
Für Windows-Icons sollten Sie mindestens die Größen 16×16, 32×32 und 256×256 einschließen. Windows 10 und 11 verwenden die 256×256-Version auf HiDPI-Monitoren und in der „Große Icons"-Ansicht des Explorers.
Der PNG-zu-Icon-Konverter von TinyImagePro erzeugt vollständig konforme ICO-Dateien, die Windows sofort erkennt. Nach dem Download: Rechtsklick auf die Verknüpfung → Eigenschaften → Anderes Symbol, um Ihr neues Icon anzuwenden.
macOS
macOS-Apps verwenden das ICNS-Format für ihre Icons, das sich vom Windows-ICO-Format unterscheidet. Für Favicons auf macOS unterstützt Safari jedoch PNG- und ICO-Dateien genauso wie jeder andere Browser.
Das Apple Touch Icon (PNG 180×180) wird angezeigt, wenn ein macOS- oder iOS-Nutzer Ihre Website zum Startbildschirm oder zu den Favoriten hinzufügt. Unser PNG-Icon-Konverter generiert diese Größe automatisch, wenn der PNG-Export aktiviert ist.
Für native macOS-App-Icons ist eine zusätzliche Konvertierung in das .icns-Format erforderlich. Unser Tool kann alle benötigten PNG-Assets (16, 32, 128, 256, 512 px) erzeugen, die Sie dann mit Xcode oder iconutil zu einer ICNS-Datei zusammensetzen können.
Linux
Linux-Desktop-Umgebungen (GNOME, KDE Plasma, XFCE) verwenden in der Regel PNG-Dateien für Anwendungs-Icons, gespeichert unter /usr/share/icons/ und nach Theme und Größe organisiert. Native Linux-Apps benötigen im Allgemeinen keine ICO-Dateien.
Für die Web-Entwicklung unter Linux gilt dasselbe Standard-Favicon-Schema: Erstellen Sie eine favicon.ico mit den Größen 16, 32 und 48 px sowie einzelne PNG-Dateien für moderne Browser.
Beim Paketieren einer Linux-App verwenden Sie die von unserem Konverter exportierten PNG-Dateien und kopieren sie in die entsprechenden Größen-Verzeichnisse des Icon-Themes. Die meisten Linux-Themes benötigen Varianten in 16, 22, 24, 32, 48, 64, 128 und 256 px.
Warum den PNG-Icon-Konverter von TinyImagePro wählen?
Es gibt viele PNG-Icon-Konverter im Web. Das sind die Vorteile von TinyImagePro:
Komplett kostenlos, keine Anmeldung
Kein Konto, kein Abo, keine Nutzungslimits. Wandeln Sie PNG kostenlos und für immer in Icons um — ohne Einschränkungen.
Privat: Ihre Dateien werden nicht hochgeladen
Die gesamte PNG-zu-Icon-Konvertierung findet in Ihrem lokalen Browser statt. Ihre Bilder werden niemals an einen Server gesendet.
Mehrstufige ICO-Datei in einem Schritt
Erstellen Sie eine einzige ICO-Datei mit allen Größen — das Format, das Windows und Browser erwarten.
Stapelkonvertierung bis zu 10 Bilder
Laden Sie mehrere PNGs gleichzeitig hoch und laden Sie alle konvertierten Icons mit einem Klick herunter.
ICO und PNG gleichzeitig exportieren
Erhalten Sie die ICO-Datei für Windows sowie einzelne PNGs für Web, Mobile und Linux in einer Konvertierung.
Favicon-HTML-Code-Generator
Generieren Sie sofort die <link>-Tags, um das Favicon auf jeder Website einzubinden, und kopieren Sie sie mit einem Klick.
Häufige Fragen zu PNG in Icon umwandeln
Wie wandle ich ein PNG in ein Icon um?
Laden Sie Ihr PNG-Bild im Tool oben hoch, wählen Sie die gewünschten Größen mit den Kontrollkästchen aus, aktivieren Sie „Mehrstufige ICO-Datei erstellen" und klicken Sie auf „In Icon umwandeln". Die Icon-Datei wird in Sekunden erzeugt und heruntergeladen. Der gesamte PNG-zu-Icon-Prozess läuft im Browser — kein Hochladen, kein Warten.
Welche Größe sollte das PNG für die Icon-Konvertierung haben?
Für beste Ergebnisse verwenden Sie ein quadratisches PNG mit mindestens 512×512 Pixeln. Damit hat der PNG-Icon-Konverter genügend Pixeldaten, um in jeder Standardgröße scharfe verkleinerte Versionen zu erzeugen. Ein 256×256-PNG ist akzeptabel, kann bei der 256-px-Ausgabe jedoch zu leichten Qualitätsverlusten führen. Verwenden Sie nie eine Quelle, die kleiner als die größte Icon-Größe ist, die Sie erstellen möchten.
Kann ich aus einer einzigen PNG ein mehrstufiges Icon erstellen?
Ja — das ist die Kernfunktion von TinyImagePro. Aktivieren Sie „Mehrstufige ICO-Datei erstellen", wählen Sie alle benötigten Größen aus, und der Konverter erstellt eine einzige ICO-Datei, die jede Auflösung enthält. Windows, Browser und andere Anwendungen wählen je nach Anzeigekontext automatisch die passende Größe aus dem ICO-Container.
Ist die PNG-zu-Icon-Konvertierung kostenlos?
Vollständig kostenlos. Der PNG-Icon-Konverter von TinyImagePro hat keine Nutzungslimits, erfordert keine Registrierung und bietet keine kostenpflichtige Premium-Version. Die gesamte Verarbeitung findet im Browser statt, ohne Infrastrukturkosten — daher können wir den Dienst dauerhaft kostenlos anbieten.
Verschlechtert das Konvertieren von PNG in Icon die Bildqualität?
Bei einem hochauflösenden Quell-PNG ist der Qualitätsverlust minimal. Der Konverter verwendet bikubische Interpolation, um das Bild gleichmäßig auf kleinere Größen zu reduzieren. Der einzige unvermeidliche Qualitätsverlust tritt bei sehr kleinen Größen (16×16, 32×32) auf, wo einfach nicht genug Pixel für feine Details vorhanden sind. Deshalb sollten Icon-Designs auf einfache, kräftige Formen setzen, die auch in der Miniaturansicht erkennbar sind.
Häufige Fragen zu PNG in Icon umwandeln
Alles, was Sie über die Konvertierung von PNG-Bildern in Icon-Dateien für Websites, Windows und mobile Apps wissen müssen.