ImageConver

ImageConver · Day 17 · Browser icon tool

iOS App Icon Generator

Generate a 1024×1024 iOS app icon master plus a compatibility-oriented AppIcon.appiconset containing common iPhone and iPad PNG sizes and Contents.json. The browser creates the package locally for review in Xcode.

Lokale verwerking. De bronafbeelding blijft op dit browsertabblad staan. Bewaar de bewerkbare master en valideer de gegenereerde assets in de officiële tools van het platform.

256px werkvoorbeeldUpload artwork to preview output.

Kies een afbeelding om te beginnen.

Direct antwoord

Wat deze pagina oplevert en waar het past

Generate a 1024×1024 iOS app icon master plus a compatibility-oriented AppIcon.appiconset containing common iPhone and iPad PNG sizes and Contents.json. The browser creates the package locally for review in Xcode. Current Xcode projects can generate many variants from a single 1024×1024 image and newer Apple workflows support layered appearances. This tool also exports older individual sizes for compatibility, but it cannot create semantic layers, dark or tinted artwork, or an Icon Composer project.

Pictogramwerk is een bezorgsysteem, geen enkele wijziging van het formaat. Een platform kan dezelfde identiteit gebruiken in een winkel, opstartprogramma, melding, instellingenscherm, browsertabblad, geïnstalleerde webapp, snelkoppeling of zoekresultaat op besturingssysteem. Elke context kan een ander masker, dichtheid, cache, compositieregel of validatiestap toepassen. Het gegenereerde pakket moet daarom worden behandeld als een geteste afgeleide van een bewerkbare merkmaster.

Begin met schone bronillustraties. Houd het primaire onderwerp gecentreerd, verwijder onnodige tekst, vermijd haarlijndetails en beoordeel het ontwerp op de kleinste werkelijke weergavegrootte. Voeg het buitenste ronde masker of de systeemschaduw van een platform niet toe aan de bron, tenzij de huidige officiële richtlijnen deze behandeling expliciet vereisen. Een groot voorbeeld kan problemen verbergen die duidelijk worden bij 16, 32 of 48 pixels.

Bestandsafmetingen alleen bewijzen de juistheid niet. Bevestig kleurruimte, alfagedrag, bestandspaden, MIME-typen, metagegevens van manifesten of activacatalogi, doeldeclaraties, naamgeving, cachegedrag en daadwerkelijke apparaatpresentatie. Bewaar het bronbestand en documenteer welke generatorinstellingen de beoordeelde release-items hebben opgeleverd.

Werkstroom

Een gecontroleerd pictogramproces in vier stappen

  1. 1

    Inspecteer de bron

    Choose a square 1024-pixel-or-larger master without a baked corner mask.

  2. 2

    Kies instellingen

    Select fit, padding, and a solid background appropriate for the artwork.

  3. 3

    Genereer activa

    Generate the AppIcon.appiconset ZIP and inspect every small-size derivative.

  4. 4

    Valideer de levering

    Import into a duplicate Xcode project, review warnings, and follow the current target configuration.

Visuele kwaliteit

Pasvorm, detail, transparantie en herkenning

Inlijsten en opvullen

Fit-modus verandert de betekenis. Contain behoudt de volledige broncode en kan er achtergrond omheen toevoegen; dekking vult het vierkant en kan randen bijsnijden. Opvulling is handig voor gecentreerde markeringen, maar te veel zorgt voor een klein uitziend pictogram. Vergelijk maskers en kleine voorbeelden voordat u een waarde accepteert.

Klein detail

Door rasterverkleining worden details verwijderd. Dunne lijnen, kleine tellers, fotografische texturen en letters kunnen vervagen of verdwijnen. Het beste kleine pictogram is vaak een vereenvoudigde tekening in plaats van een mechanisch verkleinde versie van marketingkunstwerk. Bekijk de werkelijke pixeluitvoer op een schaal van 100%.

Achtergrond gedrag

Transparantie is niet neutraal. Een browser, opstartprogramma, winkel of besturingssysteem kan transparante pixels samenstellen tegen een kleur die u niet hebt gekozen. Full-bleed platformillustraties moeten een bewuste achtergrond gebruiken waar de begeleiding dit verwacht, terwijl formaten zoals ICO opzettelijk alpha kunnen behouden.

Kleurcontrast en -herkenning zijn van belang in lichte, donkere, getinte en thematische omgevingen. Test het pictogram in de buurt van concurrerende pictogrammen en tegen meerdere achtergronden. Geautomatiseerde generatie kan niet bepalen of een merk onderscheidend, toegankelijk, juridisch goedgekeurd of consistent is met de huidige merkregels.

Belangrijke grenzen

Welke geautomatiseerde pictogramgeneratie kan niet worden gegarandeerd

  • The generator does not create Icon Composer layered source files.
  • Automatic downsizing cannot add hand-tuned detail for small icon contexts.
  • Apple platform requirements and Xcode asset-catalog behavior can change.
  • App Store acceptance depends on the complete application and current review process.

Gebruiksgevallen

Waar deze pagina past in de productie

Levering van producten

Prepare a baseline asset catalog from one approved master.

Compatibiliteit werk

Create legacy per-size assets for an existing project.

Kwaliteitsbeoordeling

Inspect whether artwork remains clear in notifications and Settings.

Overdracht van ontwikkelaar

Provide a structured ZIP for developer review.

Uitvoering

Configuratie-, caching- en releasecontroles

Bewaar gegenereerde bestanden op stabiele, cachebewuste URL's. Een manifest of HTML-declaratie die naar een ontbrekend bestand verwijst, wordt niet gered door de juiste PNG op de computer van een ontwikkelaar te hebben. Controleer de HTTP-status, het inhoudstype, de afmetingen, bestandsbytes en het gedrag van dezelfde oorsprong of cross-origin, waar relevant.

Behandel configuratiebestanden als reviewbare code. Inspecteer elk manifestitem, itemcatalogusrecord, mapnaam, schaalfactor, doeltoken en bestandsnaam voordat u samenvoegt. Een gegenereerd fragment vermijdt opzettelijk het raden van applicatienamen, start-URL's, bundel-ID's, themakleuren of projectinstellingen die bij de echte applicatie horen.

Cache-invalidatie verdient een releasecontrole. Geïnstalleerde web-apps, browsers, draagraketten, bouwsystemen en winkels kunnen oude pictogrambronnen behouden. Gebruik doelbewuste versiepaden of cachebeleid, bouw de applicatie opnieuw op, installeer deze indien nodig opnieuw en onderscheid een verouderde bron van een onjuist gegenereerde bron.

Valideer zowel de geometrie als de workflow. Geometrie omvat bijsnijden, veilige zones, centreren, randbehandeling en helderheid op klein formaat. De workflow omvat correct bronbeheer, herhaalbare instellingen, platformconfiguratie, build-uitvoer, implementatie en terugdraaien. Een visueel aantrekkelijk bestand kan nog steeds mislukken omdat het project naar een andere bestandsnaam verwijst.

Privacy

Lokale verwerking en activabehandeling

De browser leest de geselecteerde bron met lokale bestands-API's, tekent afgeleiden naar canvas, codeert PNG-gegevens en verzamelt de gevraagde ZIP of ICO in het geheugen. ImageConver verzendt in deze workflow geen bronpixels naar een pictogramconversie-eindpunt.

Lokale verwerking vermindert de blootstelling aan overdrachten, maar maakt een gedeeld apparaat niet privé. Browserdownloads, lijsten met recente bestanden, gesynchroniseerde mappen, back-ups, extensies en voorbeelden van besturingssystemen kunnen kopieën bevatten. Gebruik een goedgekeurd werkstation voor niet-uitgebrachte merken of vertrouwelijke productillustraties.

Gegenereerde object-URL's zijn tijdelijk en worden ingetrokken wanneer ze worden vervangen of opnieuw worden ingesteld. Verplaats beoordeelde assets naar gecontroleerde projectopslag, bewaar de bewerkbare master en sluit het tabblad nadat u gevoelige materialen heeft verwerkt.

Veelgestelde vragen

iOS App Icon Generator FAQ

What source size should I use?

Use at least 1024×1024 pixels for iOS and iPadOS artwork. A larger editable master can be retained outside the app project.

Does Xcode still need every small PNG?

Current Xcode can generate variants from one 1024×1024 image in supported projects. The ZIP includes compatibility sizes for projects that still use all-size asset catalogs.

Should I add rounded corners?

No. Supply square artwork and let the system apply its mask.

Does this support dark and tinted variants?

It produces one flattened artwork set. Create and validate appearance-specific or layered assets using current Apple tools.

What is Contents.json?

It maps filenames to idioms, point sizes, and scale factors inside an Xcode asset catalog icon set.

Are source images uploaded?

No. Canvas resizing, PNG encoding, JSON creation, and ZIP packaging occur locally.

Can I submit the ZIP directly to App Store Connect?

No. Import and validate assets in Xcode, build the app, and follow the current distribution workflow.

Primaire referenties

Actuele platformdocumentatie

  1. Apple: Configuring your app icon using an asset catalog
  2. Apple Human Interface Guidelines: App icons
  3. MDN: CanvasRenderingContext2D drawImage

Laatst beoordeeld: 20 oktober 2026. Platformvereisten en toolwijziging; verifieer release-kritieke assets aan de hand van de huidige primaire documentatie.