Zum Inhalt springen
Aback Tools Logo

Bild für iOS-App komprimieren

Erzeugen Sie iOS-Asset-Varianten @1x, @2x und @3x aus einem einzigen Quellbild - legen Sie Ihre logische Basispunktgröße fest, wählen Sie PNG- oder JPEG-Ausgabe und laden Sie alle drei Skalierungsvarianten als Xcode-fertiges ZIP mit enthaltenem Contents.json herunter. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser, ganz ohne Server-Uploads und ohne Anmeldung.

Compress Image for iOS App
Generate @1x, @2x, and @3x iOS asset variants from a single source image - download all three as a ZIP with a ready-to-use Xcode Contents.json. All processing is local in your browser.
@1x Base Size (pt)

@2x = 88×88px · @3x = 132×132px

PNG is recommended for icons and UI assets with transparency.

✓ PNG is lossless - pixel-perfect output, no quality settings needed.

iOS Asset Scale Variants

@1x - Standard

Base logical size

Non-Retina displays

@2x - Retina

2× the base size

iPhone 6/7/8, iPad Pro

@3x - Super Retina

3× the base size

iPhone X, 11, 12, 13, 14, 15

The ZIP includes a Contents.json file ready to drop into an Xcode asset catalog (.xcassets).

Warum unser Tool zum Komprimieren von Bildern für iOS-Apps verwenden?

  • Sofortige iOS-Asset-Erzeugung: Unser Tool erzeugt alle drei Skalierungsvarianten (@1x, @2x, @3x) aus einem einzigen Quellbild in Sekunden - kein Photoshop, kein Sketch, keine Kommandozeilen-Tools nötig. Hochladen, Basisgröße festlegen und alle Varianten sofort herunterladen.
  • Sicheres Komprimieren für iOS-Apps online: Ihre Bilder verlassen niemals Ihr Gerät. Das Tool läuft 100 % clientseitig in Ihrem Browser - keine Server-Uploads, keine Datenhaltung und kein Datenschutzrisiko. Sicher zum Komprimieren proprietärer App-Symbole, UI-Assets und Markenbilder.
  • Komprimieren für iOS-Apps ohne Installation: Erzeugen Sie iOS-Asset-Varianten direkt im Browser, ohne Xcode, ImageMagick oder andere Tools zu installieren. Das Tool funktioniert unter Windows, macOS und Linux - Seite öffnen und sofort loslegen.
  • Xcode-fertiges ZIP mit Contents.json: Der ZIP-Download enthält eine gebrauchsfertige Contents.json für Xcode-Asset-Kataloge (.xcassets). Legen Sie den ZIP-Inhalt direkt in den Asset-Katalog Ihres Xcode-Projekts - keine manuelle Konfiguration nötig.

Was sind die iOS-Skalierungsvarianten @1x, @2x und @3x?

iOS-Geräte verwenden ein logisches Punktkoordinatensystem, das unabhängig von der physischen Pixeldichte des Bildschirms ist. Eine Schaltfläche mit 44×44 Punkten nimmt auf jedem iPhone denselben logischen Raum ein, doch die tatsächlichen Pixelabmessungen variieren je nach Gerät: @1x (44×44 px, nicht Retina), @2x (88×88 px, Retina) und @3x (132×132 px, Super Retina auf iPhone X und neuer). iOS wählt die richtige Skalierungsvariante automatisch anhand der Bildschirmdichte des Geräts - geben Sie nur eine Größe an, skaliert iOS sie hoch oder herunter, was zu unscharfen oder verpixelten Bildern führt. Unser Tool erzeugt alle drei Varianten aus einem einzigen Quellbild, damit Ihre App auf jedem Gerät scharf aussieht.

Wie unser Tool zum Komprimieren von Bildern für iOS-Apps funktioniert

  1. Laden Sie Ihr Quellbild hoch: Ziehen Sie eine beliebige Bilddatei - PNG, JPEG, WebP oder GIF - in die Upload-Zone. Das Tool erkennt die Bildabmessungen automatisch und füllt die @1x-Basisgröße vor (Ihr Quellbild wird als @3x-Bild behandelt). Passen Sie Basisbreite und -höhe an die gewünschte logische Punktgröße an.
  2. Erzeugen Sie alle Skalierungsvarianten: Klicken Sie auf „@1x @2x @3x erzeugen“ und das Tool rendert Ihr Bild in allen drei Skalierungsfaktoren über die HTML5-Canvas-API. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser - Ihre Bilder verlassen niemals Ihr Gerät.
  3. Als Xcode-fertiges ZIP herunterladen: Klicken Sie auf „ZIP + Contents.json herunterladen“, um alle drei Varianten plus eine für Xcode-Asset-Kataloge formatierte Contents.json herunterzuladen. Legen Sie den ZIP-Inhalt direkt in Ihren .xcassets-Ordner in Xcode.

Was das Tool erzeugt

  • @1x-Variante: gerendert in der von Ihnen angegebenen logischen Basispunktgröße (z. B. 44×44 px für ein Standard-Touchziel). Wird auf Nicht-Retina-Displays und als Basisreferenz des Asset-Katalogs verwendet.
  • @2x-Variante: gerendert exakt in 2× der Basisgröße (z. B. 88×88 px). Wird auf Retina-Displays verwendet, darunter iPhone 6/7/8, iPad Pro und die meisten modernen iPads.
  • @3x-Variante: gerendert exakt in 3× der Basisgröße (z. B. 132×132 px). Wird auf Super-Retina-Displays verwendet, darunter die iPhone-Serien X, 11, 12, 13, 14 und 15.
  • Contents.json: eine gültige Manifestdatei eines Xcode-Asset-Katalogs, die jede Bilddatei ihrem Skalierungsfaktor zuordnet - legen Sie sie zusammen mit den drei Bilddateien in Ihren .xcassets-Ordner für sofortige Xcode-Erkennung.

Wichtige Einschränkungen

Dieses Tool erzeugt Rasterbildvarianten mit festen Skalierungsfaktoren. Es unterstützt keine vektorbasierten PDF-Assets (die Xcode verwenden kann, um alle Skalierungen automatisch zu erzeugen) oder Symbolbilder (SF Symbols). Für App-Symbole speziell verlangt Apple zusätzliche Größen über @1x/@2x/@3x hinaus - verwenden Sie das App-Icon-Generator-Tool für vollständige App-Store-Symbolsets. Das Tool eignet sich am besten für UI-Bildassets, Tab-Leisten-Symbole und individuelle Illustrationen.

Häufig gestellte Fragen

iOS verwendet ein logisches Punktkoordinatensystem, in dem eine Schaltfläche mit 44×44 Punkten auf jedem Gerät denselben logischen Raum einnimmt. Die @1x-Variante ist 44×44 px (nicht Retina), @2x ist 88×88 px (Retina) und @3x ist 132×132 px (Super Retina auf iPhone X und neuer). iOS wählt die richtige Variante automatisch anhand der Bildschirmdichte des Geräts - alle drei bereitzustellen gewährleistet eine scharfe Darstellung auf jedem Gerät.

Die Basisgröße ist die logische @1x-Punktgröße Ihres Assets. Für Standard-Touchziele empfiehlt Apple 44×44 pt. Für Tab-Leisten-Symbole sind 25×25 pt Standard. Für Navigationsleisten-Symbole 22×22 pt. Das Tool füllt die Basisgröße automatisch vor, indem es Ihre Quellbildabmessungen durch 3 teilt (Ihr Quellbild wird als @3x behandelt), was der gängigste Workflow ist.

Ja, vollständig. Das Tool läuft komplett clientseitig in Ihrem Browser. Ihre Bilder werden nie auf einen Server hochgeladen, nie gespeichert und nie über das Netzwerk übertragen. Das gesamte Rendering und die Komprimierung erfolgen lokal im Arbeitsspeicher Ihres Browsers über die HTML5-Canvas-API.

Ja. Das Tool ist 100 % kostenlos, ohne Anmeldung, ohne Premium-Tarif, ohne Dateigrößenbeschränkung und ohne Wasserzeichen. Sie können so viele iOS-Asset-Sets erzeugen, wie der Arbeitsspeicher Ihres Browsers erlaubt, ohne Einschränkungen.

Contents.json ist die Manifestdatei, die Xcode verwendet, um Bilder in einem Asset-Katalog (.xcassets) zu identifizieren. Sie ordnet jedem Bilddateinamen seinen Skalierungsfaktor (1x, 2x, 3x) und sein Idiom (universal) zu. Legen Sie den ZIP-Inhalt direkt in Ihren .xcassets-Ordner in Xcode, und das Asset wird sofort ohne manuelle Konfiguration erkannt.

PNG wird für die meisten iOS-UI-Assets empfohlen - es unterstützt vollständige Alpha-Transparenz, ist verlustfrei und wird von allen iOS-Versionen nativ unterstützt. Verwenden Sie JPEG für fotografische Bilder, bei denen keine Transparenz nötig ist und die Dateigröße Priorität hat. WebP wird ab iOS 14 unterstützt, ist aber möglicherweise nicht mit älteren Deployment-Zielen kompatibel.

Ja. React Native verwendet dieselbe @1x/@2x/@3x-Namenskonvention für iOS-Bildassets (z. B. image.png, [email protected], [email protected]). Flutter unterstützt diese Konvention für iOS ebenfalls. Das Tool erzeugt Dateien mit dem richtigen Namensmuster - legen Sie sie einfach in das Assets-Verzeichnis Ihres Projekts.

App-Store-Symbole erfordern mehrere spezifische Größen über die Standardvarianten @1x/@2x/@3x hinaus (z. B. 1024×1024 für den App Store, 60×60 @2x und @3x für den Home-Bildschirm). Dieses Tool erzeugt die drei Skalierungsvarianten in Ihrer angegebenen Basisgröße, was UI-Bildassets und Tab-Leisten-Symbole abdeckt. Verwenden Sie für ein vollständiges App-Store-Symbolset ein spezielles App-Icon-Generator-Tool.

Das Tool skaliert Ihr Quellbild hoch, um die größeren Varianten zu erzeugen, was zu unscharfen Ergebnissen führen kann. Beginnen Sie für beste Ergebnisse immer mit einem Quellbild, das mindestens so groß ist wie Ihre @3x-Zielgröße (3× die Basisbreite und -höhe). Das Tool füllt die Basisgröße vor, indem es Ihre Quellabmessungen durch 3 teilt - ist Ihr Quellbild 132×132 px groß, wird die @3x-Ausgabe pixelgenau.