Flutter-Asset-Kompressor

• Sofortige Flutter-Asset-Komprimierung im Browser: Komprimieren und generieren Sie Flutter-Dichte-Varianten sofort in Ihrem Browser - kein Server-Upload, keine Cloud-Verarbeitung, kein Warten. Der Flutter-Asset-Kompressor erzeugt die 1x-, 2x- und 3x-Varianten mit der korrekten Ordnerstruktur in Sekunden, vollständig auf Ihrem Gerät.
• Sicherer Flutter-Asset-Kompressor online: Ihre Bilder verlassen Ihr Gerät nie. Der Flutter-Asset-Kompressor läuft ausschließlich in Ihrem Browser - keine Server-Uploads, keine Datenübertragung, 100 % privat. Sicher für proprietäre App-Assets, Markenbilder und Produktionsdateien von Flutter-Projekten.
• Flutter-gerechte Ordnerstruktur mit pubspec.yaml-Ausschnitt: Der Flutter-Asset-Kompressor gibt ein ZIP mit genau der von Flutter erwarteten Ordnerstruktur aus (assets/images/, assets/images/2.0x/ und assets/images/3.0x/) plus einen sofort einfügbaren Assets-Ausschnitt für pubspec.yaml. Direkt in Ihr Projekt übernehmen.
• 100 % kostenlos für immer: Der Flutter-Asset-Kompressor ist völlig kostenlos - ohne Anmeldung, ohne Premium-Tarif, ohne Dateigrößenbeschränkung und ohne Werbung. Generieren Sie unbegrenzt Flutter-Asset-Dichte-Varianten zu null Kosten, für immer.

• Asset-Einrichtung für neue Flutter-Projekte: Nutzen Sie den Flutter-Asset-Kompressor beim Start eines neuen Flutter-Projekts, um alle Bildassets von Anfang an in den korrekten 1x-, 2x- und 3x-Dichte-Varianten vorzubereiten. Der generierte pubspec.yaml-Ausschnitt erspart Ihnen das manuelle Schreiben der Asset-Deklarationen für jedes Bild.
• Downloadgröße einer Flutter-App reduzieren: Komprimieren Sie Flutter-Bildassets, um die gesamte Downloadgröße Ihrer App im App Store und bei Google Play zu verringern. Der Flutter-Asset-Kompressor reenkodiert Bilder über die Canvas-API, entfernt Metadaten und reduziert die Qualität - kleinere Assets bedeuten schnellere Installationen und bessere Store-Konversionsraten.
• Optimierung von Splashscreen- und Onboarding-Bildern: Komprimieren Sie große Splashscreen-Bilder und Onboarding-Illustrationen für alle Flutter-Dichte-Varianten. Der Flutter-Asset-Kompressor stellt sicher, dass Ihre hochauflösenden Quellbilder korrekt auf 1x, 2x und 3x skaliert werden - ohne manuelles Verkleinern in Photoshop oder Figma.
• Assets aus React Native oder nativen Apps migrieren: Nutzen Sie bei der Migration einer bestehenden iOS- oder Android-App zu Flutter den Flutter-Asset-Kompressor, um Ihre @1x/@2x/@3x- bzw. mdpi/hdpi/xhdpi-Assets in Flutters Dichte-Variantenformat zu konvertieren. Das Ausgabe-ZIP landet ohne Umbenennen direkt in Ihrem Flutter-Projekt.
• Vorbereitung der Asset-Pipeline für CI/CD: Bereiten Sie komprimierte Flutter-Asset-Varianten vor, bevor Sie sie in Ihr Repository committen. Der Flutter-Asset-Kompressor erzeugt produktionsreife Assets, die die Repository-Größe reduzieren und CI/CD-Buildzeiten verbessern - besonders wichtig bei großen Flutter-Projekten mit vielen Bildassets.
• Bestehende Flutter-Assets aktualisieren: Nutzen Sie beim Aktualisieren von Marken-Assets, Icons oder Illustrationen in einer bestehenden Flutter-App den Flutter-Asset-Kompressor, um alle Dichte-Varianten aus dem neuen Quellbild neu zu generieren. Die Ausgabedateinamen entsprechen Ihren bestehenden Assets - ersetzen Sie einfach die Dateien und führen Sie flutter pub get aus.

Flutter nutzt ein System des Gerätepixelverhältnisses (DPR), um für jede Bildschirmdichte die korrekte Bildauflösung auszuliefern. Bilder werden in Dichte-Varianten-Ordnern organisiert: assets/images/ (1x - Basis), assets/images/2.0x/ (2x - mittlere Dichte) und assets/images/3.0x/ (3x - hohe Dichte). Flutter wählt zur Laufzeit automatisch die passende Variante anhand des Pixelverhältnisses des Geräts. Die Flutter-Asset-Komprimierung reduziert die Dateigröße jeder Dichte-Variante über die Canvas-API des Browsers - Metadaten werden entfernt und die Qualität reduziert - sodass Ihre App schneller herunterlädt und weniger Gerätespeicher belegt. Unser Flutter-Asset-Kompressor erzeugt alle drei Varianten aus einem einzigen Quellbild und bündelt sie in der korrekten Ordnerstruktur zur sofortigen Verwendung.

1. 1 Quellbilder hochladen: Ziehen Sie PNG-, JPEG-, WebP-, GIF- oder BMP-Dateien per Drag & Drop hinein. Nutzen Sie Ihr höchstauflösendes Quellbild (3x oder höher) für beste Ergebnisse - der Flutter-Asset-Kompressor skaliert herunter, um 1x- und 2x-Varianten zu erzeugen. Die Dateien werden in Ihren Browser geladen, ohne Server-Upload.
2. 2 Dichte-Varianten und JPEG-Qualität wählen, dann auf „Komprimieren & Varianten generieren“ klicken: Der Flutter-Asset-Kompressor erzeugt die 1x-Variante (volle Auflösung, komprimiert), die 2x-Variante (66 % der Quelle, komprimiert) und die 3x-Variante (volle Auflösung, komprimiert). PNG-Dateien werden verlustfrei reenkodiert; JPEG-Dateien werden mit der gewählten Qualität reenkodiert. Die gesamte Verarbeitung läuft in Ihrem Browser.
3. 3 ZIP herunterladen und in Ihr Flutter-Projekt übernehmen: Das ZIP enthält die korrekte Ordnerstruktur und eine Datei pubspec_assets_snippet.yaml. Kopieren Sie den Ausschnitt in Ihre pubspec.yaml und führen Sie flutter pub get aus.

• 1x-Variante (assets/images/): Das Quellbild in voller Auflösung reenkodiert und von Metadaten befreit. PNG-Dateien werden über die Canvas-API verlustfrei reenkodiert - entfernt EXIF-Daten, ICC-Profile und eingebettete Vorschaubilder. Die Transparenz bleibt vollständig erhalten.
• 2x-Variante (assets/images/2.0x/): Das Quellbild auf 66 % seiner ursprünglichen Abmessungen skaliert und komprimiert. Flutter liefert diese Variante auf Bildschirmen mittlerer Dichte aus (Gerätepixelverhältnis ≈ 2,0). Die Skalierung nutzt bilineare Interpolation über die Canvas-API.
• 3x-Variante (assets/images/3.0x/): Das Quellbild in voller Auflösung reenkodiert und als Hochdichte-Variante behandelt. Flutter liefert sie auf Bildschirmen hoher Dichte aus (Gerätepixelverhältnis ≈ 3,0) wie iPhone Pro und High-End-Android-Geräten.
• pubspec.yaml-Ausschnitt: Ein sofort einfügbarer YAML-Block, der alle komprimierten Assets unter dem Schlüssel flutter: assets: auflistet. Flutter löst die 2x- und 3x-Varianten automatisch aus den Unterordnern auf, ohne sie separat aufzuführen.

Der Flutter-Asset-Kompressor erzeugt Dichte-Varianten durch Skalierung des Quellbildes - laden Sie für beste Ergebnisse immer die höchstauflösende Version Ihres Bildes hoch (idealerweise 3x oder höher). Hochskalierung aus einer niedrig aufgelösten Quelle führt zu unscharfen Varianten. Beachten Sie, dass Flutters Asset-Auflösungssystem erfordert, dass der Basis-Asset-Pfad in pubspec.yaml deklariert wird - die 2x- und 3x-Varianten aus den Unterordnern werden automatisch aufgelöst und brauchen keine separaten Deklarationen. Für Vektor-Assets sollten Sie statt Raster-Dichte-Varianten SVG über das Paket flutter_svg in Betracht ziehen.