Was ist ein Imageset?
Ein Xcode-Imageset ist ein benannter Ressourcenordner mit Bilddateien und einer Beschreibung in Contents.json. Er gehört in einen Assets.xcassets-Katalog. Die App verwendet den Ressourcennamen, und der Katalog beschreibt, welche Datei welche Skalierung oder Darstellung liefert.
Der Exporter für iOS-Bild-Assets erstellt diese Ordnerstruktur aus einer Grafik, die du hochlädst, oder aus einem Ergebnis, das du schon freigeschaltet hast. Er kann ein einfaches Vektor-SVG verpacken oder transparente PNG-Varianten rendern. Ein Foto wird nicht zu Vektorpfaden, nur weil es in einem Katalog liegt.
Vektor für einfache, skalierbare Grafik
Wähle Vektor-SVG, wenn die Vorlage ein SVG aus einfarbigen Pfaden und einfachen Formen ist. Der Exporter löst unterstützte Geometrie auf und schreibt ein Imageset mit aktiviertem Preserve Vector Data. SVG-Bild-Assets brauchen iOS 13 oder neuer.
Der Konverter nutzt bewusst nur einen eingeschränkten Teil von SVG. Text sollte vorher in Pfade umgewandelt werden, und Verläufe, Masken, Beschneidungspfade und andere Effekte brauchen in diesem Tool die PNG-Ausgabe. Nicht unterstützte Funktionen erzeugen einen Fehler, damit du eine passende Alternative wählen kannst. Alles Unsichere, etwa ein Skript, wird entfernt und aufgelistet; lies eventuelle Warnungen, bevor du die Dateien importierst.
Eine Vektordatei bewahrt skalierbare Geometrie, macht das Design aber nicht automatisch besser. Eine überladene Nachzeichnung mit Tausenden winziger Formen kann weniger nützlich sein als eine saubere Bitmap. Prüf das Bild in den Größen, die deine Oberfläche wirklich verwendet, vor allem bei dünnen Linien oder kleiner Schrift.
PNG für Bildressourcen mit fester Größe
PNG-Varianten nehmen SVG, PNG, JPEG, WebP und HEIC als Vorlage an. Ein SVG wird als PNG gerendert; bei einem hochgeladenen PNG, JPEG, WebP oder HEIC werden die Metadaten entfernt. Die Transparenz bleibt erhalten. Das ist praktisch, wenn ein kompatibler gerenderter Effekt wichtiger ist als bearbeitbare Geometrie.
Die Breite gibst du in Punkten an, nicht als endgültige Pixelzahl. Bei einer Breite von 64 Punkten erstellt der Exporter diese Dateien:
| Skalierung | Breite in Pixeln | Dateiname |
|---|---|---|
| 1× | 64 | artwork@1x.png |
| 2× | 128 | artwork@2x.png |
| 3× | 192 | artwork@3x.png |
Die Höhe folgt dem ursprünglichen Seitenverhältnis. Eine Vorlage, die doppelt so hoch wie breit ist, ergibt bei 1× ein Bild mit 64 × 128 Pixeln. Wähle eine kleinere Breite in Punkten, wenn eine hohe Vorlage die Höhengrenze des Exports überschreiten würde. Die Breiteneinstellung ändert die Größe eines Vektor-Imagesets nicht; es behält seine viewBox.
Importieren, ohne deinen Katalog zu ersetzen
Entpacke den Download und such Assets.xcassets/artwork.imageset oder den entsprechenden Ordner mit dem Ressourcennamen, den du gewählt hast. Zieh dieses Imageset in deinen bestehenden Katalog. Ersetze nicht den ganzen Katalog: Er kann Farben, Icons und andere Ressourcen enthalten, die deine App schon braucht.
In SwiftUI verweist du mit Image("artwork") auf eine Ressource namens artwork. Layout und Skalierung legst du in der App fest, wie deine Oberfläche es braucht. Prüf das importierte Asset in Xcode und auf einem Gerät, auch die transparenten Ränder vor hellen und dunklen Flächen.
Ein Imageset ist kein SF Symbol und übernimmt nicht dessen Gestaltungsverhalten. Es ist auch nicht das Launcher-Icon der App. Nimm den App-Icon-Generator für Android und iOS, wenn du einen AppIcon-Asset-Katalog brauchst, oder den Konverter für Android VectorDrawable für ein Drawable in einer Android-Oberfläche.