Apple Touch Icon-generator

Maak de 180×180 apple-touch-icon die iOS gebruikt voor startscherm-bladwijzers — plus een volledige faviconset — lokaal in je browser. Er wordt niets geüpload.

Privacy voorop: elke afbeelding wordt lokaal in je browser verwerkt. Er wordt niets geüpload, opgeslagen of naar een server verzonden.

Het icoon dat iOS op het startscherm zet

Wanneer iemand je site aan het startscherm van zijn iPhone of iPad toevoegt, zoekt iOS naar een 180×180 apple-touch-icon; zonder dat valt het terug op een wazige screenshot. Deze generator rendert dat exacte formaat uit je afbeelding — met een effen achtergrond, omdat apple-touch-icons niet transparant mogen zijn — en neemt het op in de download naast de favicon.ico en Android-iconen.

Eén export, elk platform

In plaats van per apparaat een apart bestand met de hand bij te snijden, genereer je de hele set in één keer: apple-touch-icon voor iOS, PNG’s van 192 en 512px voor Android en PWA’s, en favicon.ico voor desktopbrowsers, met een HTML-fragment om ernaar te verwijzen. Het draait allemaal in je browser, dus je merk-artwork verlaat nooit je apparaat.

Veelgestelde vragen

Wordt mijn afbeelding geüpload om de favicon te maken?
Nee. De favicon.ico, PNG-iconen en het manifest worden allemaal lokaal in je browser gegenereerd met de Canvas-API. Je afbeelding verlaat nooit je apparaat.
Welke formaten en bestanden krijg ik?
Een favicon.ico met meerdere resoluties (16, 32 en 48px), PNG-iconen op 16, 32, 48, 180 (apple-touch-icon), 192 en 512px, een site.webmanifest en een HTML-fragment om in je <head> te plakken.
Kan ik een PNG of SVG naar een ICO omzetten?
Ja. Zet er een PNG, JPG, SVG of WebP in en download een echte favicon.ico. SVG-logo's worden eerst lokaal op hoge resolutie gerasterd.
Welke afbeelding werkt het best?
Een vierkante afbeelding met een eenvoudig, contrastrijk logo. Niet-vierkante afbeeldingen worden vanuit het midden bijgesneden; gebruik de opvulling- en vormbediening om het te kaderen zoals je wilt.
Hoe installeer ik de favicon?
Pak het pakket uit in de hoofdmap van je site en plak het meegeleverde HTML-fragment in de <head> van je pagina's. De favicon.ico wordt door de meeste browsers automatisch opgepikt.