Ctrl K

PNG naar ICO omzetten

Zet PNG om naar ICO in je browser, met de transparantie intact: je bestanden worden niet geüpload, er is geen limiet op het aantal bestanden en je kiest de formaten zelf, van 16 tot 256 pixels. Sleep één PNG of een hele reeks in het vak en download de ICO-bestanden meteen.

Sleep je PNG-bestanden hierheen

Kies bestanden

Meerdere bestanden mogelijk · of plak met Ctrl+V

    PNG naar ICO

    Formaten in het icoon

    Alles gebeurt in je browser. Je bestanden worden niet geüpload.

    Zo werkt het

    1. Kies je PNG-bestanden

      Sleep ze in het vak, kies ze op je apparaat of plak met Ctrl+V.

    2. Automatisch omgezet

      Elk bestand wordt direct in je browser omgezet naar ICO.

    3. Download

      Per bestand, of alles tegelijk als ZIP-bestand.

    PNG is de beste bron voor een icoon

    Een favicon of Windows-pictogram heeft bijna altijd een transparante achtergrond, en PNG is het formaat dat die bewaart. Deze tool neemt het alfakanaal mee in elk formaat van het icoon, zachte randen inbegrepen, zodat een rond logo rond blijft op elke tab- of bureaubladkleur. Bestaat je logo alleen als JPG, dan zit de achtergrond in het beeld; verwijder die eerst met achtergrond verwijderen.

    Exporteer je PNG uit je ontwerpprogramma als een vierkant van 512 × 512 pixels met wat ruimte rond de vorm. De tool verkleint dat ene bestand naar 16, 32, 48 en 256 pixels, dus je hoeft geen formaat met de hand voor te bereiden.

    Tips voor kleine formaten

    • Hou het eenvoudig. Op 16 × 16 pixels heb je 256 puntjes om mee te tekenen. Eén letter of een dikke vorm overleeft dat, een gedetailleerde illustratie niet.
    • Zorg voor contrast. Dunne lijnen in een lichte kleur verdwijnen naast de interface van de browser. Dikkere vormen en een duidelijke kleur lezen beter.
    • Test beide tabkleuren. Transparante iconen nemen de kleur van het tabblad aan, dus een donker logo kan in de donkere modus verdwijnen.
    • Vul het vierkant. Lege marges laten het icoon kleiner lijken dan de iconen ernaast. Laat alleen een dunne rand vrij.

    Is de afbeelding niet vierkant, dan wordt hij in het midden van het vierkant geplaatst met transparante balken. Gebruik eerst afbeelding bijsnijden met de verhouding 1:1 als je zelf wilt bepalen welk deel overblijft.

    Welke formaten je opneemt

    Voor een website zijn 16, 32 en 48 pixels genoeg. Voeg 256 toe voor Windows-snelkoppelingen en programmapictogrammen. De standaardkeuze bevat alle vier, wat past bij één bestand dat beide taken moet doen. Het bestand wordt met elk extra formaat groter, maar een favicon blijft maar een paar kilobyte. Voor de andere bestanden die een moderne site nodig heeft, zoals het iPhone-icoon van 180 pixels en de manifestformaten, zie favicon maken.

    Je PNG is al het juiste formaat voor de overige iconen. Alleen het ICO-bestand moet je omzetten, en met afbeelding kleiner maken schaal je een PNG van 512 pixels terug naar 35% voor het iPhone-icoon van 180 pixels.

    Veelgestelde vragen

    Blijft de transparantie van mijn PNG behouden?

    Ja. Transparante en halftransparante pixels gaan mee in elk formaat van het icoon, ook zachte randen. Er wordt niets op een witte achtergrond geplakt.

    Wordt mijn PNG geüpload?

    Nee. Het ICO-bestand wordt in je browser gemaakt, dus de PNG blijft op je apparaat. Er is geen limiet op de bestandsgrootte of het aantal bestanden, behalve het geheugen van je apparaat.

    Mijn PNG is 512 × 512. Moet ik hem eerst verkleinen?

    Nee. Elk formaat in het icoon wordt verkleind vanaf je origineel, dus je kunt beginnen met de grootste versie die je hebt. Een vierkante bron van 256 × 256 pixels of meer geeft het scherpste resultaat.

    Is mijn logo zichtbaar op een donker browsertabblad?

    Een transparant icoon neemt de kleur van het tabblad erachter aan. Een donker logo kan op een donker tabblad verdwijnen en een wit logo op een licht tabblad. Test je icoon op beide, of geef het een gekleurd vlak erachter dat overal werkt.

    Kan ik hetzelfde ICO-bestand gebruiken voor het beginscherm van een iPhone?

    Nee. iOS gebruikt een apart PNG-bestand van 180 × 180 pixels (apple-touch-icon) en vult transparante vlakken met zwart, dus geef dat bestand een effen achtergrond. Het ICO-bestand is voor browsers en Windows.