UltKit

PNG naar ICO converteren

Zet een vierkante PNG om naar een .ico-bestand dat meerdere pictogramformaten tegelijk bevat, van 16 px voor een browsertabblad tot 256 px voor Windows. Transparante hoeken en randen blijven transparant.

Afbeeldingsconverter

of sleep JPG, JPEG, JPE …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

  1. 1

    Upload een vierkante PNG

    Gebruik een afbeelding van minimaal 256 × 256 px met een transparante achtergrond. Maximaal 20 PNG's per batch, elk tot 95 MB.

  2. 2

    Kies de pictogramformaten

    Pictogramformaten staat standaard op Alle formaten (16–256), de gebruikelijke keuze. Kies alleen onder Geavanceerde instellingen één formaat als een programma precies dat formaat vraagt.

  3. 3

    Converteer en gebruik het .ico-bestand

    Klik op Converteren naar ICO, download het bestand en zet het in de hoofdmap van uw site, of laat een Windows-snelkoppeling ernaar verwijzen. Uploads worden na 30 minuten verwijderd.

Een ICO is een kleine container met pictogramafbeeldingen, geen enkele afbeelding: één bestand kan versies van 16, 32, 48 en 256 px bevatten, en het systeem kiest de versie die past.

PNG naar ICO converteren met meerdere formaten in één bestand

Het ICO-formaat stamt uit Windows 1.0 in 1985, toen pictogrammen kleine bitmaps waren. De truc is de index aan het begin van het bestand, die elke afbeelding erin vermeldt met breedte en hoogte. Windows Vista (2007) maakte het mogelijk die afbeeldingen als PNG op te slaan, waardoor een pictogram van 256 × 256 met vloeiende transparantie in een bestand past dat klein genoeg is om direct te laden.

Bij het converteren van een PNG bouwt deze tool die container voor u. De bron wordt naar elk formaat geschaald, het alfakanaal blijft behouden zodat afgeronde hoeken en zachte schaduwen er op donkere en lichte achtergronden goed uitzien, en alles wordt in één .ico geschreven. Begin met een afbeelding van 256 px of groter; een PNG van 32 px opschalen naar 256 geeft alleen een groot, wazig pictogram.

1:1

16 × 16 px

Browsertabblad

Tabbladen en bladwijzers bij standaard pixeldichtheid

1:1

32 × 32 px

Tabblad op een scherm met hoge dpi

Retina-schermen en Windows-schaling van 200%

1:1

48 × 48 px

Google-zoekresultaat

Google vraagt om een vierkante favicon in veelvouden van 48 px

1:1

256 × 256 px

Windows-pictogrammen Extra groot

De grootste afbeelding die een ICO-bestand kan bevatten

PNG

Portable Network Graphics

PNG is een rasterformaat zonder kwaliteitsverlies, in 1996 gepubliceerd door de PNG Development Group en later gestandaardiseerd door W3C en ISO. Het behoudt elke pixel exact, ondersteunt volledige alfatransparantie en geeft tekst, scherpe randen en egale kleuren weer zonder artefacten. Door die precisie is het ideaal voor screenshots, logo's, pictogrammen en interfacegrafieken. De keerzijde is de omvang: foto's die als PNG zijn opgeslagen, zijn vaak meerdere keren groter dan dezelfde foto als JPEG of WebP. Alle browsers, besturingssystemen en bewerkingsprogramma's openen PNG-bestanden.

Compressie
Zonder verlies
Transparantie
Ja
Animatie
Nee
Geïntroduceerd
1996 · PNG Development Group
PNG-converter

ICO

Windows-pictogram

ICO is het pictogramformaat van Microsoft voor programmapictogrammen in Windows en favicons van websites. Eén .ico-bestand kan meerdere afbeeldingen in verschillende formaten bevatten, zoals 16×16, 32×32, 48×48 en 256×256 pixels, zodat het systeem de beste kan kiezen. Elke afbeelding kan als bitmap of als PNG-gegevens worden opgeslagen en ondersteunt volledige alfatransparantie. ICO is niet bedoeld voor foto's of groot beeldmateriaal. Browsers, Windows en de meeste pictogrameditors kunnen het lezen.

Compressie
Zonder verlies
Transparantie
Ja
Animatie
Nee
Geïntroduceerd
Microsoft
ICO-converter

Een PNG is één afbeelding in één formaat, terwijl Windows en browsers een .ico willen die meerdere formaten bundelt, zodat elk scherm de scherpste kan kiezen; van ICO terug naar PNG gaat het alleen om het uitpakken van de afbeelding.

Favicon of Windows-pictogram: welke formaten in de ICO horen

Browsers tonen het tabbladpictogram op 16 px, of 32 px op schermen met hoge dpi, en Google Zoeken toont favicons vanaf een basis van 48 px. Houd Alle formaten aan, zodat één bestand alle drie dekt.

  • Sla op als favicon.ico in de hoofdmap van de site
  • Voeg apart een PNG van 180 × 180 toe voor het Apple touch-pictogram

PNG-ontwerp voorbereiden dat ook op 16 px leesbaar blijft

Het favicon-idee kwam van Internet Explorer 5 in 1999, dat bij het toevoegen van een bladwijzer zocht naar een bestand met de naam favicon.ico in de hoofdmap van een site. Andere browsers namen dat gedrag over, waardoor een verzoek om precies dat pad nog steeds in serverlogs verschijnt.

Op 16 × 16 zijn er in totaal 256 pixels, dus het ontwerp moet krachtig zijn. Laat slogans en dunne contouren weg, zorg voor sterk contrast met zowel lichte als donkere browserthema's en laat een pixel marge rond de vorm. Veel merken gebruiken alleen de beginletter of een symbool. Bestaat uw logo als vectorbestand, converteer het dan met SVG naar ICO, zodat elk formaat uit scherpe contouren wordt getekend.

Vragen over PNG naar ICO

Hoe zet ik PNG om naar ICO voor een favicon van een website?

Converteer met Alle formaten geselecteerd, hernoem het resultaat naar favicon.ico en upload het naar de hoofdmap van uw site. Browsers vragen dat pad uit zichzelf op, en u kunt het ook opgeven met een link rel="icon"-tag in de head van de pagina.

Waarom ziet mijn pictogram er wazig uit op 16 pixels?

Gedetailleerde afbeeldingen overleven een verkleining naar 16 × 16 niet, omdat een letter of dunne lijn dan minder dan één pixel beslaat. Vereenvoudig de kleine formaten: één vette letter of vorm leest beter in een browsertabblad dan een volledig logo met tekst.

Wat gebeurt er als mijn PNG niet vierkant is?

Pictogrammen zijn vierkant, dus een breed logo wordt afhankelijk van het programma opgevuld of samengedrukt. Snij de PNG eerst bij of vul aan tot een vierkant canvas, zodat u zelf bepaalt waar de lege ruimte komt.

Kan ik het .ico-bestand gebruiken om een mappictogram in Windows te wijzigen?

Ja. Klik met de rechtermuisknop op de map, open Eigenschappen > Aanpassen > Ander pictogram en blader naar het .ico-bestand. Bureaubladsnelkoppelingen werken hetzelfde via Eigenschappen > Ander pictogram.

Heb ik nog een ICO-bestand nodig als mijn site PNG-pictogrammen heeft?

Moderne browsers accepteren PNG- en SVG-pictogrammen die in de head van de pagina zijn opgegeven, maar sommige tools, feedreaders en oudere browsers vragen nog steeds rechtstreeks /favicon.ico op. Een klein ICO-bestand met meerdere formaten voorkomt 404-fouten in uw logs.