PNG naar ICO-converter

Maak een ICO-favicon met meerdere formaten

Favicons gebruiken nog vaak de ICO-container, omdat één bestand meerdere pictogramformaten kan bevatten. Een browsertabblad, bladwijzer, bureaubladsnelkoppeling en de Windows-shell kunnen elk het beste formaat uit hetzelfde bestand kiezen. Deze PNG naar ICO-converter maakt van één bronafbeelding een echt favicon met meerdere formaten, met items van 16, 32, 48, 64, 128 en 256 pixels. Sleep een logo, beeldmerk of vierkante PNG erin, bekijk een voorbeeld van de gemaakte formaten en download een kant-en-klaar .ico-bestand.

De conversie vindt volledig in je browser plaats. De pagina laadt je bronafbeelding, snijdt die vanuit het midden bij tot een vierkant, tekent hem op canvassen van verschillende formaten en verpakt die als PNG gecodeerde canvassen in een ICO-structuur. Je logo wordt nooit geüpload, handig voor nog niet gelanceerde merken, klantwerk en privéprojecten. Het gemaakte bestand gebruikt ingebedde PNG-afbeeldingen, een moderne ICO-functie die door huidige browsers en besturingssystemen wordt ondersteund.

De bronafbeelding voorbereiden

Gebruik een eenvoudige bron met veel contrast voor het beste favicon. Piepkleine pictogrammen kunnen fijne tekst en dunne details niet duidelijk tonen, dus gedurfde vormen en heldere silhouetten werken beter dan ingewikkelde schermafbeeldingen. Een vierkante, transparante PNG is ideaal, omdat bij het bijsnijden het hele ontwerp behouden blijft en het alfakanaal bewaard wordt. Rechthoekige afbeeldingen worden automatisch vanuit het midden bijgesneden, zodat het pictogram vierkant blijft in plaats van uitgerekt te worden. Snijd de bron eventueel zelf bij als het belangrijkste onderwerp niet in het midden staat.

Het ICO-bestand gebruiken

Plaats het bestand na het downloaden in het project van je website en verwijs ernaar vanuit je HTML, de metadata van je framework of je statische bestanden. Veel sites bevatten voor brede compatibiliteit nog steeds een regel zoals <link rel="icon" href="/favicon.ico">, vaak naast PNG- of SVG-pictogrammen. Controleer de kleinste voorbeelden voordat je publiceert: als de versie van 16 pixels er vlekkerig uitziet, vereenvoudig dan het ontwerp of verhoog het contrast en maak het ICO-bestand opnieuw.

Bestandsgrootte en caching

Het ICO-bestand bevat zes met PNG gecomprimeerde items en is dus groter dan één pictogram van 16×16, maar blijft klein voor een eenvoudig logo. Browsers cachen favicons zeer agressief, dus na het vervangen van het bestand moet je misschien geforceerd vernieuwen of de sitegegevens wissen voordat het nieuwe pictogram verschijnt. Wil je ook aparte PNG-bestanden voor Apple touch- en Android-pictogrammen, dan maakt de favicon-generator op deze site die ook.

De converter accepteert elk afbeeldingstype dat je browser kan openen, niet alleen PNG, en geeft de download de naam van je bronbestand met de extensie .ico. Alles wordt lokaal verwerkt, dus niet-gepubliceerde logo's blijven privé.