¿Qué es un imageset?
Un imageset de Xcode es una carpeta de recurso con nombre que contiene archivos de imagen y una descripción Contents.json. Va dentro de un catálogo Assets.xcassets. La app usa el nombre del recurso, mientras que el catálogo describe qué archivo aporta cada escala o representación.
El exportador de recursos de imagen para iOS crea esa estructura de carpetas a partir de un diseño que subas o de un resultado que ya hayas desbloqueado. Puede empaquetar un SVG vectorial simple o renderizar versiones PNG transparentes. No convierte una foto en trazados vectoriales por el simple hecho de meterla en un catálogo.
Elige vector para diseños simples que deban escalar
Elige SVG vectorial cuando el original sea un SVG hecho de trazados sólidos y formas simples. El exportador aplana la geometría compatible y escribe un imageset con Preserve Vector Data activado. Los recursos de imagen SVG requieren iOS 13 o posterior.
El convertidor usa a propósito un subconjunto vectorial restringido. El texto debe convertirse antes en contornos, y los degradados, las máscaras, los recortes y otros efectos requieren una salida PNG en esta herramienta. Las funciones no compatibles producen un error para que puedas elegir una alternativa adecuada. Todo lo que no es seguro, como un script, se elimina y se indica; lee las advertencias antes de importar los archivos.
Un archivo vectorial conserva una geometría escalable, pero no mejora el diseño por sí solo. Un trazado demasiado complicado, con miles de formas diminutas, puede ser menos útil que un mapa de bits limpio. Revisa la imagen a los tamaños que usa de verdad tu interfaz, sobre todo si hay trazos finos o letras pequeñas.
Elige PNG para recursos de imagen de tamaño fijo
Las versiones PNG aceptan como original SVG, PNG, JPEG, WebP y HEIC. Un SVG se renderiza a PNG; a un PNG, JPEG, WebP o HEIC subido se le eliminan los metadatos. La transparencia se conserva. Es útil cuando un efecto renderizado compatible importa más que una geometría editable.
El control de ancho está en puntos, no en el número final de píxeles. Con un ancho de 64 puntos, el exportador crea estos archivos:
| Escala | Ancho en píxeles | Nombre del archivo |
|---|---|---|
| 1× | 64 | artwork@1x.png |
| 2× | 128 | artwork@2x.png |
| 3× | 192 | artwork@3x.png |
El alto sigue la proporción original. Un original el doble de alto que de ancho produce una imagen de 64 por 128 píxeles a 1×. Elige un ancho en puntos menor si un original alto superaría el límite de alto de la exportación. El ajuste de ancho no cambia el tamaño de un imageset vectorial, que conserva su viewBox.
Importa sin reemplazar tu catálogo
Descomprime la descarga y busca Assets.xcassets/artwork.imageset, o la carpeta equivalente con el nombre de recurso que elegiste. Arrastra ese imageset a tu catálogo existente. No reemplaces el catálogo entero: puede contener colores, iconos y otros recursos que tu app ya necesita.
En SwiftUI, un recurso llamado artwork se puede referenciar con Image("artwork"). Aplica en la app el diseño y el comportamiento de escalado que quieras para tu interfaz. Revisa el recurso importado en Xcode y en un dispositivo, incluidos los bordes transparentes sobre superficies claras y oscuras.
Un imageset no es un SF Symbol y no hereda el comportamiento de creación de ese formato de símbolos. Tampoco tiene nada que ver con el icono del launcher de la app. Usa el generador de iconos de app para Android e iOS cuando necesites un catálogo de recursos AppIcon, o el convertidor a VectorDrawable de Android para un drawable de interfaz de Android.