Ga naar de hoofdinhoud

Favicon- / app-icongenerator

Upload één vierkante bronafbeelding en genereer een faviconpakket met app-iconen en een starter webmanifest.

Geen bestand geselecteerd
Upload één vierkante afbeelding om die hier eerst te previewen voor het genereren.
Inhoud van pakket
BestandPixels
favicon.icoIcoon
16 x 16, 32 x 32, 48 x 48
favicon-16x16.pngIcoon
16 x 16
favicon-32x32.pngIcoon
32 x 32
favicon-48x48.pngIcoon
48 x 48
favicon-96x96.pngIcoon
96 x 96
favicon-128x128.pngIcoon
128 x 128
favicon-180x180.pngIcoon
180 x 180
favicon-196x196.pngIcoon
196 x 196
apple-touch-icon.pngIcoon
180 x 180
apple-touch-icon-precomposed.pngIcoon
180 x 180
android-chrome-192x192.pngIcoon
192 x 192
android-chrome-512x512.pngIcoon
512 x 512
site.webmanifestManifest
n.v.t.

Over favicon- en app-icongeneratie

Favicon-generators zetten één bronafbeelding om in de iconenset die een site of webapp nodig heeft. Dat dekt meestal browsertabs, touch icons, Android-assets en bestanden klaar voor het manifest.

Wat een faviconpakket bevat

Een faviconpakket bevat meestal favicon.ico plus de meest gangbare PNG-formaten.

Alles in één keer genereren helpt ontbrekende assets bij livegang te voorkomen.

Apple touch icons, Android-iconen en manifestbestanden

Moderne setups hebben ook Apple touch icons, Android-iconen en manifestondersteuning nodig.

Die uitvoer bundelen maakt deployment en PWA-setup eenvoudiger.

De bronillustratie voorbereiden

Bronillustraties werken het best wanneer ze vierkant, eenvoudig en leesbaar zijn op kleine formaten.

Schone illustraties geven scherpere resultaten op 16x16, 32x32 en andere kleine exports.

Veelgestelde vragen

Antwoorden over vereisten voor bronafbeeldingen, gegenereerde faviconbestanden, de cirkeloptie en wat je daarna met het gedownloade pakket moet doen.

Andere tools

Bekijk elke aparte toolpagina vanuit de homepagehub of via de gecentreerde selector in de header.