Skip to Content
Dokumentation🏁 Schnellstart

Schnellstart

So entsteht Ihr erstes Icon-Set. Quellbild laden, Theme anwenden, auf dem Gerät prüfen, plattformfertig exportieren.

Voraussetzungen

  • Zapicon auf macOS oder Windows.
  • Quellbild. PNG, JPG oder WEBP. Für scharfen Export 512×512 px oder größer.

Schritt 1: Bild laden

  1. Zapicon öffnen.
  2. Bild auf die Upload-Fläche ziehen oder Datei wählen.
  3. Der Editor öffnet sich, das Bild liegt auf der Canvas.

Tipp: Bei kleinem Original zuerst AI-Upscale.

Schritt 2: Look wählen

Zwei Wege.

Theme-Preset anwenden

  1. Panel Themen-Presets öffnen.
  2. Eines der 25 eingebauten Presets klicken. Free: die ersten vier; Pro: alle.
  3. Die Vorschau aktualisiert sich sofort.

Manuell feinjustieren

Links die Regler:

ReglerFunktion
Icon-GrößeVordergrund relativ zur Canvas skalieren.
DrehungRotation in Grad.
EckenradiusEcken runden. Maximum = iOS Squircle.
InnenabstandAbstand Bildkante zur Canvas.
VersatzHorizontal oder vertikal verschieben.
HintergrundVollfarbe oder linearer Verlauf.

Schritt 3: Gerätevorschau

  1. Geräte-Icons in der Vorschau: iPhone, MacBook, Web.
  2. Prüfen, ob es klein noch lesbar ist und auf hell/dunkel hält.

Schritt 4: Export

  1. Weiter öffnet das Export-Panel.
  2. Plattformen wählen: iOS, Android, macOS, Windows, Web, Tauri, Flutter, WXT oder eine eigene.
  3. Export und Zielordner wählen.
  4. Zapicon packt ein ZIP mit allen Größen und Formaten.

Was im ZIP liegt

Jeder Plattformordner folgt der erwarteten Struktur:

  • iOS — AppIcon.appiconset mit vollständigem Contents.json.
  • Android — mipmap-... von mdpi bis xxxhdpi.
  • macOS — PNG-Größen plus icon.icns.
  • Windows — ein icon.ico mit mehreren Größen.
  • Web — favicon.ico, apple-touch-icon.png, PWA-Icons.
  • Tauri — komplettes Set für Tauri-Projekte.
  • Flutter — Android-Mipmap plus iOS-AppIcon.appiconset.
  • WXT — icon/16.png … icon/128.png für Erweiterungen.

Weiter

Zuletzt aktualisiert