Zo gebruik je App-icoongenerator
- 1
Voeg je ontwerp toe
Sleep een vierkante PNG, JPG, WebP of SVG hierheen, bij voorkeur van 1024 × 1024 pixels of groter. Een logo met een transparante achtergrond werkt ook goed.
- 2
Kies platforms
Laat iOS, Android en Web en PWA aanstaan, of vink de platforms uit die je niet gebruikt. Kies daarna de volledige set Xcode-formaten of één icoon van 1024 px.
- 3
Pas de uitstraling aan
Stel de marge, de achtergrondkleur en de grootte van het ontwerp in adaptive en maskable iconen in. Controleer daarbij de hulplijnen voor de veilige zone en de launchervormen.
- 4
Download de ZIP
Klik op ZIP downloaden en kopieer elke map naar je project. In de README staat waar elk bestand hoort.
Limieten en Pro
Gratis zonder watermerk: één bronafbeelding tot 50 MB per keer, tot 44 PNG-iconen per ZIP (standaard 39, 5 extra met de laag voor thema-icoon), onbeperkt downloaden.
Over App-icoongenerator
De app-icoongenerator maakt van één afbeelding de complete set iconen die een mobiele app of progressive web app nodig heeft, met bestanden die zo zijn benoemd en in mappen zijn gezet als Xcode, Android Studio en browsers verwachten. Als je alle platforms selecteert, bevat de ZIP 39 PNG-bestanden: 15 voor de iPhone- en iPad-asset catalog, inclusief het App Store-icoon van 1024 px, 15 Android-launcherafbeeldingen in de dichtheden mdpi tot en met xxxhdpi, het Google Play-icoon van 512 px en 8 webiconen. Die laatste bestaan uit de manifestformaten 192 en 512 px, maskable versies, de apple-touch-icon van 180 px en favicons van 16, 32 en 48 px.
Naast de afbeeldingen krijg je een Contents.json voor AppIcon.appiconset, de mipmap-anydpi-v26 XML voor adaptive iconen van Android 8 met een kleurresource voor de achtergrond, een favicon.ico met drie formaten, een icons-blok voor manifest.webmanifest en de HTML-linktags. iOS-bestanden worden zonder alfakanaal opgeslagen, omdat Xcode App Store-iconen met een alfakanaal weigert. Elk formaat wordt in stappen van de helft verkleind vanaf een master van 1024 px, zodat kleine iconen scherp blijven.
De tool ontwerpt geen icoon en haalt geen achtergrond voor je weg. Voor de adaptive achtergrondlaag gebruikt hij een effen kleur in plaats van een tweede afbeelding. De voorbeelden met squircle, druppel en cirkel bootsen veelgebruikte launchers na. Elke telefoonmaker tekent zijn eigen masker, dus controleer het resultaat op een echt apparaat.
Privacy
Je ontwerp wordt in dit browsertabblad gedecodeerd, verkleind en in de ZIP verpakt, met een canvas en een lokale Web Worker. De afbeelding verlaat je apparaat dus nooit en er wordt niets geüpload of opgeslagen.
Functies
Xcode asset catalog
AppIcon.appiconset met Contents.json, alle iPhone- en iPad-formaten, PNG's zonder alfakanaal.
Adaptive Android-iconen
Voorgrondlagen, kleurresource voor de achtergrond, ronde iconen, thema-laag en het Play Store-icoon van 512.
PWA en favicons
Manifesticonen, maskable versies, apple-touch-icon, favicon.ico en kant-en-klare HTML-tags.