PNG naar ICO converteren en favicon maken
Sleep een PNG of logo ergens op deze pagina neer en download één .ico met alle formaten van 16 tot 256 px, of een compleet faviconpakket met app-iconen, een webmanifest en de HTML-tags.
Probeer
Heb je het bestand al?
- Gratis, zonder account
- .ico en PNG van 16 tot 512 px
- Apple touch icon
- Webapp-manifest
Laat het logo los om het te openen
Blijf gratis logo's vinden
Meer afbeeldingen van de site
Klik op een logo om het volgende logo van die site te proberen, of om het te verwijderen.
Maak dit logo 3D
Geanimeerde 3D-logovideo's voor Reels, TikTok en YouTube, glanzende 3D-afbeeldingen en 3D-printbestanden, in seconden gemaakt in je browser.
Zo ziet het eruit
Zo zet je een PNG om naar ICO
Sleep het bestand erin, controleer het icoon, download. Je afbeelding wordt in je browser geconverteerd, gratis en zonder account.
Sleep je PNG erin
Sleep een PNG, JPG, WebP of SVG ergens op de pagina neer, of klik op Sleep je eigen logo hierheen onder het zoekvak. Maak je een icoon voor een bedrijf dat er al een heeft? Typ de website, en de tool haalt de iconen op die het bedrijf al gebruikt.
Controleer het als icoon
Je afbeelding opent gecentreerd op een vierkant, de vorm die elke plek voor een icoon verwacht, en je ziet het in een browsertabblad op de echte grootte van 16 px en als app-icoon op een telefoon.
Download de ICO
Klik op ICO voor één .ico met 16, 24, 32, 48, 64, 128 en 256 px erin, of op Favicons voor het complete websitepakket in één ZIP.
Neem het in gebruik
Kopieer het pakket naar je website en plak de kant-en-klare HTML-regels, of koppel een snelkoppeling, map of app in Windows aan de .ico.
Elk formaat in de .ico, en waar het verschijnt
Een ICO is een doos vol iconen: één bestand met dezelfde afbeelding in meerdere formaten, zodat elke plek die het toont precies het juiste formaat kiest.
| Formaat | Waar het verschijnt |
|---|---|
| 16 × 16 px | Browsertabbladen en bladwijzers; titelbalken, snelmenu's en het systeemvak in Windows |
| 24 × 24 px | De taakbalk van Windows, zoekresultaten en de lijst met apps in het menu Start |
| 32 × 32 px | Tabbladen op schermen met hoge resolutie; vastgemaakte apps in het menu Start van Windows |
| 48 × 48 px | De taakbalk op schermen met hoge resolutie; vastgemaakte items in Start bij een schaal van 150% |
| 64 × 64 px | Vastgemaakte items in Start en titelbalken op schermen met hoge resolutie |
| 128 × 128 px | Een bronafbeelding die qua formaat dicht bij de tussenformaten ligt die Windows op grote schermen weergeeft |
| 256 × 256 px | Vastgemaakte items in Start bij de hoogste schaal, en het basisbeeld dat Windows verkleint tot elk kleiner formaat |
De gids van MDN over afbeeldingstypen beschrijft hoe een ICO-bestand “meerdere iconen kan bevatten”, tot 256 × 256 px. De richtlijnen van Microsoft voor iconen noemen waar Windows elk formaat tekent en vragen apps om “op zijn minst: 16x16, 24x24, 32x32, 48x48 en 256x256”; de ICO-download bevat ze allemaal, plus 64 en 128 px voor de tussenliggende formaten.
Het faviconpakket, bestand voor bestand
Alles wat een website nodig heeft voor zijn iconen, gemaakt van één afbeelding, in één ZIP.
| Bestand | Wat het is | Wat het doet |
|---|---|---|
| favicon.ico | Een icoonbestand met 16, 32 en 48 px | Het icoon dat browsers in de hoofdmap van een website zoeken |
| icon-256.ico | Alle formaten: 16, 24, 32, 48, 64, 128 en 256 px | Windows-apps, snelkoppelingen op het bureaublad en mapiconen |
| favicon-16x16.png, favicon-32x32.png en favicon-48x48.png | Kleine vierkante PNG's met een transparante achtergrond | Browsertabbladen, bladwijzers en snelkoppelingen |
| favicon.svg | Het icoon als vector, als je logo er een heeft | Scherpe tabbladiconen op elk formaat in browsers die SVG-iconen lezen |
| apple-touch-icon.png | 180 × 180 px, op wit met wat ademruimte | Beginschermen van iPhone en iPad |
| android-chrome-192x192.png en android-chrome-512x512.png | De webapp-iconen | Startschermen van Android, geïnstalleerde webapps en hun opstartschermen |
| site.webmanifest | Een klein tekstbestand met de app-iconen | Hiermee kunnen telefoons en browsers je site als app installeren |
| add-to-your-head.html | De regels voor de head van je pagina's | Kopiëren en plakken: alle iconen in één keer gekoppeld |
Het Apple touch icon van 180 px is het iPhone-formaat in de Safari Web Content Guide van Apple (gearchiveerd), en Chromium-browsers zoeken de iconen van 192 en 512 px in het manifest voordat ze een site als app installeren, zoals web.dev uitlegt.
Zet het op je site: de HTML, klaar om te plakken
Kopieer het pakket naar de hoofdmap van je site en plak daarna vier regels in de head van elke pagina.
Het bestand add-to-your-head.html in het pakket bevat deze regels, met het SVG-icoon als je logo een vector is:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Is je logo een pixelafbeelding, dan verwijst de tweede regel in plaats daarvan naar de PNG van 32 px:
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">Google Zoeken toont je favicon naast je pagina's als Google hem kan vinden. De richtlijnen van Google vragen om een vierkant icoon van minstens 8 × 8 px, raden er een aan dat groter is dan 48 × 48 px, en vereisen dat Googlebot zowel de homepage als het icoonbestand kan crawlen.
Bekijk het op ware grootte voordat je downloadt
Een favicon wordt beoordeeld op 16 pixels. Het voorbeeld toont de jouwe op dat formaat, zodat je meteen de juiste afbeelding kiest.
Naast het grote voorbeeld tonen mockups je icoon in een browsertabblad en als app-icoon op een telefoon, en het volledige logo in een lichte en een donkere websiteheader. Een detail dat op tabbladformaat tot een vlek vervaagt, zie je hier al, lang voordat een bezoeker het ziet.
Kleine iconen belonen eenvoudige vormen. Een symbool of één letter is leesbaar op 16 px, een volledige bedrijfsnaam niet. Snijd dus bij tot het beeldmerk, of maak een krachtige, strakke versie met de tool Logo wit maken, die ook een witte favicon voor donkere tabbladen geeft.
Iconen voor Windows-apps, mappen en het bureaublad
Dezelfde .ico geeft een snelkoppeling, map of app in Windows een scherp icoon op elk formaat, van de titelbalk tot het menu Start.
Een snelkoppeling. Klik met de rechtermuisknop op de snelkoppeling, kies Eigenschappen, klik op Ander pictogram en blader naar je .ico.
Een map. Klik met de rechtermuisknop op de map, kies Eigenschappen, open het tabblad Aanpassen en klik op Ander pictogram.
Een app die je bouwt. Geef de .ico aan je ontwikkelaar of zet hem in de build-instellingen van je app. Omdat er een icoon van 256 px in zit, verkleint Windows het voor elke kleinere plek in plaats van een klein icoon op te rekken, zodat het scherp blijft op schermen met hoge resolutie.
Maak een favicon van je logo
Nog geen icoonbestand? Sleep het logo zelf erin. Het wordt gecentreerd op een vierkant met de juiste ademruimte, en elk formaat van het pakket wordt er in één keer van gemaakt.
Werk je aan een rebranding voor een klant? Typ de website van de klant in de Logo Finder om te beginnen met het logo dat de klant al gebruikt, of haal eerst de huidige iconen op met de favicon-downloader.
Meer gratis tools voor iconen en logo's
- PNG-naar-SVG-converterEen vector van het beeldmerk, scherp op elk formaat
- 3D-logomakerHetzelfde logo als 3D-afbeelding of -video
- Logoanimatie makenAcht 3D-animaties met muziek
- Logo-intro makenEen logo-onthulling in 3D als opening van je video's
- Draaiend logo als GIF makenEen naadloze 3D-draai als GIF in een loop
- Logo naar STL en 3MFVan elk logo een 3D-printbestand
- SVG-naar-STL-converterVan vectorafbeelding naar 3D-printbestand
- PNG-naar-STL-converterVan afbeelding naar 3D-printbestand
- Zo maak je een 3D-logoVier manieren om een plat logo diepte te geven
- Zo animeer je een logoBeweging, geluid en formaten voor elk platform
- Zo print je een logo in 3DFormaten, kleuren, slicers en oplossingen
- Logo vectoriserenVectoriseer een logo voor drukwerk en snijwerk
Vragen over PNG naar ICO
Korte antwoorden over ICO-bestanden en favicons: formaten, de HTML, Windows-iconen en er een maken van je logo.
Vraag het ons gerustHoe zet ik een PNG om naar ICO?
Sleep de PNG ergens op deze pagina neer, of klik op “Sleep je eigen logo hierheen”. Het bestand opent als vierkant icoon; klik op “ICO” voor één .ico-bestand met 16, 24, 32, 48, 64, 128 en 256 px erin, of op “Favicons” voor het hele websitepakket. Het is gratis en gebeurt in je browser.
Welke formaten moet een favicon.ico bevatten?
Voor een website dekken 16, 32 en 48 px tabbladen, bladwijzers en schermen met hoge resolutie, en de favicon.ico in het pakket bevat precies die formaten. Voor een Windows-app of bureaubladicoon vraagt Microsoft om minstens 16, 24, 32, 48 en 256 px, en de ICO-download bevat ze allemaal, plus 64 en 128 px.
Hoe maak ik een favicon van mijn logo?
Sleep je logo naar deze pagina. Het wordt gecentreerd op een vierkant, de vorm die elke plek voor een icoon verwacht, en je ziet het in een browsertabblad en als app-icoon voordat je het faviconpakket downloadt. Een symbool of een initiaal uit het logo is het best leesbaar op 16 px.
Hebben websites nog een favicon.ico nodig?
Het is zeker de moeite waard om dat bestand te houden. Browsers vragen een website nog steeds om /favicon.ico, Google Zoeken accepteert ICO-bestanden en één ICO bevat meerdere formaten. Moderne browsers lezen ook de PNG- en SVG-iconen die in de head van je pagina gekoppeld zijn, en het pakket geeft je beide.
Hoe zet ik de favicon op mijn website?
Kopieer de bestanden uit het pakket naar de hoofdmap van je site, waar de homepage staat, en plak de regels uit add-to-your-head.html in de head van elke pagina. Werk je met een websitebouwer of webshopplatform? Upload dan de PNG van 512 px bij de instelling voor het site-icoon.
Kan ik van een PNG een Windows-icoon van 256 px maken?
Ja. De ICO-download bevat 16, 24, 32, 48, 64, 128 en 256 px. Microsoft merkt op dat Windows een icoon van 256 px altijd verkleint en nooit vergroot, zodat het op elk formaat scherp blijft. Begin met een PNG van minstens 256 px breed, of met een vectorlogo.
Wat is het beste formaat voor een favicon?
Een set in plaats van één formaat: 16, 32 en 48 px in favicon.ico, een Apple touch icon van 180 px, en iconen van 192 en 512 px voor het webapp-manifest. Voor de zoekresultaten raadt Google een vierkante favicon aan die groter is dan 48 × 48 px. Het pakket maakt ze allemaal van één bestand.
Hoe nuttig was deze tool?
Je logo op alles wat je drukt, in 3D
Proofscene maakt van drukproeven interactieve 3D-proeven op een link met je eigen merk, zodat je klanten hun kaarten, verpakkingen en polsbandjes zien voordat ze gemaakt worden. Start vandaag gratis.
Gratis account · Geen creditcard nodig · Gemaakt door drukkers