Aller au contenu
Aback Tools Logo

Compresseur d'assets Flutter

Compressez vos images et organisez-les en variantes de densité d'assets Flutter (1x, 2x et 3x) avec la structure de dossiers attendue par Flutter. Le compresseur d'assets Flutter réencode les images via l'API Canvas, génère les dossiers assets/images/, assets/images/2.0x/ et assets/images/3.0x/, et inclut un extrait pubspec.yaml prêt à coller. Envoyez plusieurs images à la fois et téléchargez le tout en ZIP. Tout le traitement se fait dans votre navigateur, sans inscription.

Flutter Asset Compressor

Upload images and compress them into Flutter asset density variants - 1x, 2x, and 3x. The flutter asset compressor generates the correct directory structure (assets/images/, assets/images/2.0x/, assets/images/3.0x/) and includes a pubspec.yaml snippet. All processing happens in your browser - your files never leave your device.

Pourquoi utiliser notre compresseur d'assets Flutter ?

  • Compression d'assets Flutter instantanée dans votre navigateur : compressez et générez les variantes de densité Flutter instantanément dans votre navigateur, sans envoi au serveur, sans traitement cloud et sans attente. Le compresseur d'assets Flutter produit les variantes 1x, 2x et 3x avec la structure de dossiers correcte en quelques secondes, entièrement sur votre appareil.
  • Compresseur d'assets Flutter en ligne sécurisé : vos images ne quittent jamais votre appareil. Le compresseur d'assets Flutter s'exécute entièrement dans votre navigateur : aucun envoi au serveur, aucune transmission de données, 100 % privé. Sûr pour les assets propriétaires d'apps, les images de marque et les fichiers de projets Flutter en production.
  • Structure de dossiers prête pour Flutter avec extrait pubspec.yaml : le compresseur d'assets Flutter produit un ZIP avec l'arborescence exacte attendue par Flutter (assets/images/, assets/images/2.0x/ et assets/images/3.0x/) ainsi qu'un extrait d'assets pubspec.yaml prêt à coller. Déposez-le directement dans votre projet.
  • 100 % gratuit pour toujours : le compresseur d'assets Flutter est entièrement gratuit, sans inscription, sans offre premium, sans limite de taille de fichier et sans publicité. Générez un nombre illimité de variantes de densité d'assets Flutter, gratuitement et pour toujours.

Cas d'usage courants du compresseur d'assets Flutter

  • Mise en place des assets d'un nouveau projet Flutter : au démarrage d'un nouveau projet Flutter, utilisez le compresseur d'assets Flutter pour préparer tous vos assets image dans les bonnes variantes de densité 1x, 2x et 3x dès le départ. L'extrait pubspec.yaml généré vous évite d'écrire à la main les déclarations d'assets pour chaque image.
  • Réduire la taille de téléchargement d'une app Flutter : compressez les assets image de votre app Flutter pour réduire sa taille de téléchargement totale sur l'App Store et Google Play. Le compresseur réencode les images via l'API Canvas, supprime les métadonnées et applique une réduction de qualité : des assets plus légers signifient des installations plus rapides et de meilleurs taux de conversion sur les stores.
  • Optimisation des écrans de démarrage et d'onboarding : compressez les grandes images d'écran de démarrage et les illustrations d'onboarding pour toutes les variantes de densité Flutter. Le compresseur garantit que vos images source haute résolution sont correctement mises à l'échelle en 1x, 2x et 3x, sans redimensionnement manuel dans Photoshop ou Figma.
  • Migrer des assets depuis React Native ou des apps natives : lors de la migration d'une app iOS ou Android existante vers Flutter, utilisez le compresseur d'assets Flutter pour convertir vos assets @1x/@2x/@3x ou mdpi/hdpi/xhdpi au format de variantes de densité de Flutter. Le ZIP de sortie se dépose directement dans votre projet Flutter, sans renommage.
  • Préparation du pipeline d'assets CI/CD : préparez des variantes d'assets Flutter compressées avant de les committer dans votre dépôt. Le compresseur produit des assets prêts pour la production qui réduisent la taille du dépôt et améliorent les temps de build CI/CD, un point particulièrement important pour les gros projets Flutter contenant de nombreux assets image.
  • Mettre à jour des assets Flutter existants : lors de la mise à jour d'assets de marque, d'icônes ou d'illustrations dans une app Flutter existante, utilisez le compresseur d'assets Flutter pour régénérer toutes les variantes de densité à partir de la nouvelle image source. Les noms de fichiers de sortie correspondent à vos assets existants : remplacez simplement les fichiers et exécutez flutter pub get.

Qu'est-ce que la compression d'assets Flutter ?

Flutter utilise un système de ratio de pixels de l'appareil (DPR) pour servir la bonne résolution d'image selon la densité d'écran. Les images sont organisées dans des dossiers de variantes de densité : assets/images/ (1x, base), assets/images/2.0x/ (2x, densité moyenne) et assets/images/3.0x/ (3x, haute densité). Flutter sélectionne automatiquement la variante appropriée à l'exécution selon le ratio de pixels de l'appareil. La compression d'assets Flutter réduit la taille de chaque variante de densité grâce à l'API Canvas du navigateur (suppression des métadonnées et réduction de qualité), pour que votre app se télécharge plus vite et occupe moins d'espace sur l'appareil. Notre compresseur d'assets Flutter génère les trois variantes à partir d'une seule image source et les organise dans la structure de dossiers correcte, prêtes à l'emploi.

Comment fonctionne notre compresseur d'assets Flutter

  1. 1 Envoyez vos images source : glissez-déposez des fichiers PNG, JPEG, WebP, GIF ou BMP. Utilisez votre image source la plus haute résolution (3x ou plus) pour de meilleurs résultats : le compresseur réduit l'échelle pour générer les variantes 1x et 2x. Les fichiers sont chargés dans votre navigateur sans envoi au serveur.
  2. 2 Choisissez les variantes de densité et la qualité JPEG, puis cliquez sur « Compresser et générer les variantes » : le compresseur génère la variante 1x (résolution complète, compressée), la 2x (66 % de la source, compressée) et la 3x (résolution complète, compressée). Les fichiers PNG sont réencodés sans perte ; les JPEG sont réencodés à la qualité choisie. Tout le traitement s'exécute dans votre navigateur.
  3. 3 Téléchargez le ZIP et déposez-le dans votre projet Flutter : le ZIP contient la structure de dossiers correcte et un fichier pubspec_assets_snippet.yaml. Copiez l'extrait dans votre pubspec.yaml et exécutez flutter pub get.

Ce qui est compressé et généré

  • Variante 1x (assets/images/) : l'image source réencodée en pleine résolution avec suppression des métadonnées. Les fichiers PNG sont réencodés sans perte via l'API Canvas : suppression des données EXIF, des profils ICC et des vignettes intégrées. La transparence est entièrement préservée.
  • Variante 2x (assets/images/2.0x/) : l'image source mise à l'échelle à 66 % de ses dimensions d'origine puis compressée. Flutter sert cette variante sur les écrans à densité moyenne (ratio de pixels ≈ 2,0). La mise à l'échelle utilise une interpolation bilinéaire via l'API Canvas.
  • Variante 3x (assets/images/3.0x/) : l'image source réencodée en pleine résolution, traitée comme la variante haute densité. Flutter la sert sur les écrans à haute densité (ratio de pixels ≈ 3,0) comme les iPhone Pro et les appareils Android haut de gamme.
  • Extrait pubspec.yaml : un bloc YAML prêt à coller listant tous les assets compressés sous la clé flutter: assets:. Flutter résout automatiquement les variantes 2x et 3x depuis les sous-dossiers sans qu'il faille les lister séparément.

Limites importantes

Le compresseur d'assets Flutter génère les variantes de densité en mettant l'image source à l'échelle : pour de meilleurs résultats, envoyez toujours la version la plus haute résolution de votre image (idéalement 3x ou plus). Un agrandissement depuis une source basse résolution produira des variantes floues. Notez que le système de résolution d'assets de Flutter exige que le chemin de l'asset de base soit déclaré dans pubspec.yaml : les variantes des sous-dossiers 2x et 3x sont résolues automatiquement et n'ont pas besoin de déclarations séparées. Pour les assets vectoriels, envisagez plutôt le SVG via le package flutter_svg au lieu des variantes de densité matricielles.

Foire aux questions

Un compresseur d'assets Flutter réduit la taille des fichiers image d'un projet Flutter et génère les bonnes variantes de densité (1x, 2x, 3x) que Flutter utilise pour servir la résolution adaptée à chaque appareil. Notre compresseur d'assets Flutter en ligne gratuit s'exécute entièrement dans votre navigateur : vos images ne quittent jamais votre appareil.

Flutter utilise le ratio de pixels de l'appareil (DPR) pour sélectionner la bonne variante d'image à l'exécution. Les images dans assets/images/ sont la base 1x ; celles dans assets/images/2.0x/ sont servies sur les écrans à densité moyenne ; celles dans assets/images/3.0x/ sur les écrans à haute densité. Le compresseur d'assets Flutter génère automatiquement les trois variantes à partir de votre image source.

Non : Flutter résout automatiquement les variantes 2x et 3x depuis les sous-dossiers 2.0x/ et 3.0x/. Vous devez seulement déclarer le chemin de l'asset de base dans pubspec.yaml. Le compresseur d'assets Flutter inclut un extrait pubspec.yaml prêt à coller avec uniquement les chemins de base.

Oui, totalement. Le compresseur d'assets Flutter s'exécute entièrement dans votre navigateur. Vos images ne sont jamais envoyées à un serveur et ne quittent jamais votre appareil. Tout le traitement (mise à l'échelle, compression et packaging ZIP) se fait localement dans votre navigateur.

Oui, 100 % gratuit, pour toujours. Sans inscription, sans compte, sans offre premium, sans limite de taille de fichier et sans publicité. Générez un nombre illimité de variantes de densité d'assets Flutter gratuitement.

Envoyez la version la plus haute résolution de votre image, idéalement votre source 3x ou plus. Le compresseur réduit l'échelle pour générer les variantes 1x et 2x. Envoyer une image basse résolution puis l'agrandir produira des variantes floues.

Non : le compresseur d'assets Flutter préserve la transparence du canal alpha lors du réencodage des fichiers PNG. Les icônes d'apps Flutter, les éléments d'interface et les illustrations à fond transparent sont entièrement pris en charge.

Pour la plupart des assets d'interface Flutter, une qualité de 80 % est recommandée : elle permet une réduction de 30 à 50 % avec une perte de qualité visible minime. Pour les assets contenant du texte ou des bords nets, utilisez 90 %. Pour les images de fond et les illustrations décoratives, 70 % suffit.

Décompressez le ZIP à la racine de votre projet Flutter. Copiez le contenu de pubspec_assets_snippet.yaml dans votre pubspec.yaml sous la clé flutter:, puis exécutez flutter pub get. Flutter résoudra automatiquement les variantes 2x et 3x à l'exécution.