Comprimir imagen para app iOS
Genera variantes de recursos iOS @1x, @2x y @3x desde una única imagen de origen: define tu tamaño base en puntos lógicos, elige salida PNG o JPEG y descarga las tres variantes de escala como un ZIP listo para Xcode con Contents.json incluido. Todo el procesamiento ocurre localmente en tu navegador, sin subidas a servidores y sin registro.
@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).
¿Por qué usar nuestra herramienta de comprimir imagen para app iOS?
- Generación instantánea de recursos iOS: nuestra herramienta de comprimir imagen para app iOS genera las tres variantes de escala (@1x, @2x, @3x) desde una sola imagen de origen en segundos: sin Photoshop, sin Sketch, sin herramientas de línea de comandos. Sube, define tu tamaño base y descarga todas las variantes al instante.
- Comprimir imagen para app iOS online seguro: tus imágenes nunca salen de tu dispositivo. La herramienta de comprimir imagen para app iOS se ejecuta 100% del lado del cliente en tu navegador: sin subidas a servidores, sin retención de datos y sin riesgo de privacidad. Seguro para comprimir iconos de apps propietarias, recursos de interfaz e imágenes de marca.
- Comprimir imagen para app iOS sin instalación: genera variantes de recursos iOS directamente en tu navegador sin instalar Xcode, ImageMagick ni ninguna otra herramienta. La herramienta de comprimir imagen para app iOS funciona en Windows, macOS y Linux: abre la página y empieza a generar de inmediato.
- ZIP listo para Xcode con Contents.json: la descarga ZIP incluye un archivo Contents.json listo para usar, formateado para catálogos de recursos de Xcode (.xcassets). Coloca el contenido del ZIP directamente en el catálogo de recursos de tu proyecto Xcode: no se requiere configuración manual.
¿Qué son las variantes de escala iOS @1x, @2x y @3x?
Los dispositivos iOS usan un sistema de coordenadas en puntos lógicos independiente de la densidad de píxeles física de la pantalla. Un botón de 44×44 puntos ocupa el mismo espacio lógico en todos los iPhone, pero las dimensiones reales en píxeles varían según el dispositivo: @1x (44×44 px, no Retina), @2x (88×88 px, Retina) y @3x (132×132 px, Super Retina en iPhone X y posteriores). iOS selecciona automáticamente la variante de escala correcta según la densidad de pantalla del dispositivo: si solo proporcionas un tamaño, iOS lo escalará hacia arriba o hacia abajo, lo que dará imágenes borrosas o pixeladas. Nuestra herramienta de comprimir imagen para app iOS genera las tres variantes desde una sola imagen de origen para que tu app se vea nítida en todos los dispositivos.
Cómo funciona nuestra herramienta de comprimir imagen para app iOS
- Sube tu imagen de origen: arrastra cualquier archivo de imagen (PNG, JPEG, WebP o GIF) a la zona de carga. La herramienta detecta automáticamente las dimensiones de la imagen y rellena previamente el tamaño base @1x (tratando tu origen como imagen @3x). Ajusta el ancho y el alto base para que coincidan con el tamaño en puntos lógicos que desees.
- Genera todas las variantes de escala: haz clic en «Generar @1x @2x @3x» y la herramienta renderiza tu imagen en los tres factores de escala mediante la API HTML5 Canvas. Todo el procesamiento ocurre localmente en tu navegador: tus imágenes nunca salen de tu dispositivo.
- Descarga como ZIP listo para Xcode: haz clic en «Descargar ZIP + Contents.json» para descargar las tres variantes más un archivo Contents.json formateado para catálogos de recursos de Xcode. Coloca el contenido del ZIP directamente en tu carpeta .xcassets en Xcode.
Qué genera la herramienta
- Variante @1x: renderizada en el tamaño base en puntos lógicos que especifiques (por ejemplo, 44×44 px para un objetivo táctil estándar). Se usa en pantallas no Retina y como referencia base del catálogo de recursos.
- Variante @2x: renderizada exactamente al doble del tamaño base (por ejemplo, 88×88 px). Se usa en pantallas Retina, incluidos iPhone 6/7/8, iPad Pro y la mayoría de los iPad modernos.
- Variante @3x: renderizada exactamente al triple del tamaño base (por ejemplo, 132×132 px). Se usa en pantallas Super Retina, incluidas las series iPhone X, 11, 12, 13, 14 y 15.
- Contents.json: un archivo manifiesto válido de catálogo de recursos de Xcode que asigna cada archivo de imagen a su factor de escala: colócalo en tu carpeta .xcassets junto a los tres archivos de imagen para que Xcode lo reconozca al instante.
Limitaciones importantes
Esta herramienta genera variantes de imagen ráster con factores de escala fijos. No admite recursos PDF vectoriales (que Xcode puede usar para generar todas las escalas automáticamente) ni imágenes de símbolo (SF Symbols). Para iconos de app concretamente, Apple exige tamaños adicionales más allá de @1x/@2x/@3x: usa la herramienta Generador de iconos de app para conjuntos completos de iconos de App Store. La herramienta de comprimir imagen para app iOS es más adecuada para recursos de imagen de interfaz, iconos de barra de pestañas e ilustraciones personalizadas.
Preguntas frecuentes
iOS usa un sistema de coordenadas en puntos lógicos donde un botón de 44×44 puntos ocupa el mismo espacio lógico en todos los dispositivos. La variante @1x es 44×44 px (no Retina), la @2x es 88×88 px (Retina) y la @3x es 132×132 px (Super Retina en iPhone X y posteriores). iOS selecciona automáticamente la variante correcta según la densidad de pantalla del dispositivo: proporcionar las tres garantiza una nitidez perfecta en cada dispositivo.
El tamaño base es el tamaño en puntos lógicos @1x de tu recurso. Para objetivos táctiles estándar, Apple recomienda 44×44 pt. Para iconos de barra de pestañas, lo estándar es 25×25 pt. Para iconos de barra de navegación, 22×22 pt. La herramienta rellena automáticamente el tamaño base dividiendo las dimensiones de tu imagen de origen entre 3 (tratándola como origen @3x), que es el flujo de trabajo más habitual.
Sí, totalmente. La herramienta de comprimir imagen para app iOS se ejecuta íntegramente del lado del cliente en tu navegador. Tus imágenes nunca se suben a ningún servidor, nunca se almacenan y nunca se transmiten por la red. Todo el renderizado y la compresión ocurren localmente en la memoria de tu navegador mediante la API HTML5 Canvas.
Sí. La herramienta de comprimir imagen para app iOS es 100% gratis, sin registro, sin plan premium, sin límites de tamaño de archivo y sin marcas de agua. Puedes generar tantos conjuntos de recursos iOS como permita la memoria de tu navegador, sin restricciones.
Contents.json es el archivo manifiesto que Xcode usa para identificar imágenes en un catálogo de recursos (.xcassets). Asigna cada nombre de archivo de imagen a su factor de escala (1x, 2x, 3x) y su idioma (universal). Coloca el contenido del ZIP directamente en tu carpeta .xcassets en Xcode y el recurso se reconocerá al instante sin configuración manual.
Se recomienda PNG para la mayoría de recursos de interfaz de iOS: admite transparencia total con canal alfa, no tiene pérdidas y es compatible de forma nativa con todas las versiones de iOS. Usa JPEG para imágenes fotográficas donde no se necesite transparencia y el tamaño de archivo sea prioritario. WebP es compatible con iOS 14 o posterior, pero puede no serlo con objetivos de implementación más antiguos.
Sí. React Native usa la misma convención de nombres @1x/@2x/@3x para recursos de imagen iOS (por ejemplo, image.png, [email protected], [email protected]). Flutter también admite esta convención para iOS. La herramienta genera archivos con el patrón de nombres correcto: solo tienes que colocarlos en el directorio de recursos de tu proyecto.
Los iconos de la App Store requieren varios tamaños específicos más allá de las variantes estándar @1x/@2x/@3x (por ejemplo, 1024×1024 para la App Store, 60×60 @2x y @3x para la pantalla de inicio). Esta herramienta genera las tres variantes de escala en el tamaño base que especifiques, lo que cubre recursos de imagen de interfaz e iconos de barra de pestañas. Para un conjunto completo de iconos de App Store, usa una herramienta dedicada a generar iconos de app.
La herramienta ampliará tu imagen de origen para generar las variantes mayores, lo que puede producir un resultado borroso. Para obtener los mejores resultados, parte siempre de una imagen de origen al menos tan grande como tu tamaño @3x objetivo (3× el ancho y alto base). La herramienta rellena previamente el tamaño base dividiendo tus dimensiones de origen entre 3, así que si tu origen es de 132×132 px, la salida @3x será perfecta píxel a píxel.