Compresser une image pour une app iOS
Générez des variantes de ressources iOS @1x, @2x et @3x à partir d'une seule image source - définissez votre taille de base en points logiques, choisissez une sortie PNG ou JPEG, et téléchargez les trois variantes d'échelle sous forme d'un ZIP prêt pour Xcode avec Contents.json inclus. Tout le traitement se fait localement dans votre navigateur, sans téléversement serveur et sans inscription.
@2x = 88×88px · @3x = 132×132px
PNG is recommended for icons and UI assets with transparency.
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).
Pourquoi utiliser notre outil de compression pour app iOS ?
- Génération instantanée de ressources iOS : notre outil de compression pour app iOS génère les trois variantes d'échelle (@1x, @2x, @3x) à partir d'une seule image source en quelques secondes - sans Photoshop, sans Sketch, sans outils en ligne de commande. Téléversez, définissez votre taille de base et téléchargez toutes les variantes instantanément.
- Compression pour app iOS en ligne sécurisée : vos images ne quittent jamais votre appareil. L'outil de compression pour app iOS s'exécute 100 % côté client dans votre navigateur - sans téléversement serveur, sans rétention de données et sans risque pour la confidentialité. Sûr pour compresser des icônes d'app propriétaires, des ressources d'interface et des images de marque.
- Compression pour app iOS sans installation : générez des variantes de ressources iOS directement dans votre navigateur sans installer Xcode, ImageMagick ou tout autre outil. L'outil de compression pour app iOS fonctionne sous Windows, macOS et Linux - ouvrez la page et commencez immédiatement.
- ZIP prêt pour Xcode avec Contents.json : le téléchargement ZIP inclut un fichier Contents.json prêt à l'emploi, formaté pour les catalogues de ressources Xcode (.xcassets). Déposez le contenu du ZIP directement dans le catalogue de ressources de votre projet Xcode - aucune configuration manuelle requise.
Que sont les variantes d'échelle iOS @1x, @2x et @3x ?
Les appareils iOS utilisent un système de coordonnées en points logiques indépendant de la densité de pixels physique de l'écran. Un bouton de 44×44 points occupe le même espace logique sur tous les iPhone, mais les dimensions réelles en pixels varient selon l'appareil : @1x (44×44 px, non Retina), @2x (88×88 px, Retina) et @3x (132×132 px, Super Retina sur iPhone X et versions ultérieures). iOS sélectionne automatiquement la bonne variante d'échelle selon la densité d'écran de l'appareil - si vous ne fournissez qu'une seule taille, iOS l'agrandira ou la réduira, ce qui donne des images floues ou pixelisées. Notre outil de compression pour app iOS génère les trois variantes à partir d'une seule image source pour que votre app soit nette sur chaque appareil.
Comment fonctionne notre outil de compression pour app iOS
- Téléversez votre image source : déposez n'importe quel fichier image - PNG, JPEG, WebP ou GIF - dans la zone de téléversement. L'outil détecte automatiquement les dimensions de l'image et préremplit la taille de base @1x (en traitant votre source comme une image @3x). Ajustez la largeur et la hauteur de base pour correspondre à la taille en points logiques souhaitée.
- Générez toutes les variantes d'échelle : cliquez sur « Générer @1x @2x @3x » et l'outil rend votre image aux trois facteurs d'échelle via l'API HTML5 Canvas. Tout le traitement se fait localement dans votre navigateur - vos images ne quittent jamais votre appareil.
- Téléchargez en ZIP prêt pour Xcode : cliquez sur « Télécharger ZIP + Contents.json » pour télécharger les trois variantes plus un fichier Contents.json formaté pour les catalogues de ressources Xcode. Déposez le contenu du ZIP directement dans votre dossier .xcassets dans Xcode.
Ce que génère l'outil
- Variante @1x : rendue à la taille de base en points logiques que vous spécifiez (par ex. 44×44 px pour une cible tactile standard). Utilisée sur les écrans non Retina et comme référence de base du catalogue de ressources.
- Variante @2x : rendue exactement à 2× la taille de base (par ex. 88×88 px). Utilisée sur les écrans Retina, y compris iPhone 6/7/8, iPad Pro et la plupart des iPad modernes.
- Variante @3x : rendue exactement à 3× la taille de base (par ex. 132×132 px). Utilisée sur les écrans Super Retina, y compris les séries iPhone X, 11, 12, 13, 14 et 15.
- Contents.json : un fichier manifeste valide de catalogue de ressources Xcode qui associe chaque fichier image à son facteur d'échelle - déposez-le dans votre dossier .xcassets à côté des trois fichiers image pour une reconnaissance immédiate par Xcode.
Limites importantes
Cet outil génère des variantes d'image matricielle à facteurs d'échelle fixes. Il ne prend pas en charge les ressources PDF vectorielles (qu'Xcode peut utiliser pour générer toutes les échelles automatiquement) ni les images de symbole (SF Symbols). Pour les icônes d'app spécifiquement, Apple exige des tailles supplémentaires au-delà de @1x/@2x/@3x - utilisez l'outil Générateur d'icônes d'app pour des jeux complets d'icônes App Store. L'outil de compression pour app iOS convient mieux aux ressources d'image d'interface, aux icônes de barre d'onglets et aux illustrations personnalisées.
Foire aux questions
iOS utilise un système de coordonnées en points logiques où un bouton de 44×44 points occupe le même espace logique sur tous les appareils. La variante @1x fait 44×44 px (non Retina), la @2x fait 88×88 px (Retina) et la @3x fait 132×132 px (Super Retina sur iPhone X et versions ultérieures). iOS sélectionne automatiquement la bonne variante selon la densité d'écran de l'appareil - fournir les trois garantit un rendu net sur chaque appareil.
La taille de base est la taille en points logiques @1x de votre ressource. Pour les cibles tactiles standard, Apple recommande 44×44 pt. Pour les icônes de barre d'onglets, 25×25 pt est la norme. Pour les icônes de barre de navigation, 22×22 pt. L'outil préremplit automatiquement la taille de base en divisant les dimensions de votre image source par 3 (en la traitant comme une source @3x), ce qui est le workflow le plus courant.
Oui, totalement. L'outil de compression pour app iOS s'exécute entièrement côté client dans votre navigateur. Vos images ne sont jamais téléversées, jamais stockées et jamais transmises sur le réseau. Tout le rendu et la compression se font localement dans la mémoire de votre navigateur via l'API HTML5 Canvas.
Oui. L'outil de compression pour app iOS est 100 % gratuit, sans inscription, sans offre premium, sans limite de taille de fichier et sans filigrane. Vous pouvez générer autant de jeux de ressources iOS que la mémoire de votre navigateur le permet, sans restriction.
Contents.json est le fichier manifeste qu'Xcode utilise pour identifier les images dans un catalogue de ressources (.xcassets). Il associe chaque nom de fichier image à son facteur d'échelle (1x, 2x, 3x) et à son idiome (universal). Déposez le contenu du ZIP directement dans votre dossier .xcassets dans Xcode et la ressource sera immédiatement reconnue, sans configuration manuelle.
Le PNG est recommandé pour la plupart des ressources d'interface iOS - il gère la transparence complète du canal alpha, est sans perte et est pris en charge nativement par toutes les versions d'iOS. Utilisez le JPEG pour les images photographiques où la transparence n'est pas nécessaire et où la taille de fichier est prioritaire. Le WebP est pris en charge sur iOS 14+ mais peut ne pas être compatible avec des cibles de déploiement plus anciennes.
Oui. React Native utilise la même convention de nommage @1x/@2x/@3x pour les ressources d'image iOS (par ex. image.png, [email protected], [email protected]). Flutter prend aussi en charge cette convention pour iOS. L'outil génère des fichiers avec le bon modèle de nommage - placez-les simplement dans le répertoire d'assets de votre projet.
Les icônes App Store nécessitent plusieurs tailles spécifiques au-delà des variantes standard @1x/@2x/@3x (par ex. 1024×1024 pour l'App Store, 60×60 @2x et @3x pour l'écran d'accueil). Cet outil génère les trois variantes d'échelle à la taille de base que vous spécifiez, ce qui couvre les ressources d'image d'interface et les icônes de barre d'onglets. Pour un jeu complet d'icônes App Store, utilisez un outil dédié de génération d'icônes d'app.
L'outil agrandira votre image source pour générer les variantes plus grandes, ce qui peut donner un résultat flou. Pour de meilleurs résultats, partez toujours d'une image source au moins aussi grande que votre taille cible @3x (3× la largeur et la hauteur de base). L'outil préremplit la taille de base en divisant vos dimensions source par 3, donc si votre source fait 132×132 px, la sortie @3x sera parfaite au pixel près.