De tu diseño a recursos de iOS

Lleva tu diseño a Xcode con los metadatos de recursos ya listos. Elige una imagen vectorial o PNG a 1×, 2× y 3×.

Exportar recursos para apps

SVG, PNG, JPG, WebP, HEIC · hasta 8 MB · gratis para tus propios archivos y resultados desbloqueados

Inicia sesión para usar uno de tus resultados desbloqueados. Empieza con una letra minúscula. Usa letras, números y guiones bajos. 16–512 pt. Solo se aplica a las versiones PNG; el alto sigue al diseño. El vector mantiene sus propias proporciones.

Qué hace esta herramienta

Prepara tu diseño para Xcode: un SVG simple como recurso de imagen vectorial (con Preserve Vector Data activado), o PNG a 1×, 2× y 3× para el ancho que elijas. Se conservan la transparencia y las proporciones. Un PNG, JPG, WebP o HEIC solo puede convertirse en PNG; para obtener un vector, primero conviértelo en SVG.

Por seguridad, se eliminan los scripts, las animaciones, el contenido web incrustado, los enlaces y todo lo que cargue otro archivo; tu diseño y las imágenes PNG, JPEG o WebP incrustadas se mantienen. El resultado lista todo lo eliminado.

Entradas, salidas y límites

Entrada

SVG para recursos vectoriales; SVG, PNG, JPEG, WebP o HEIC para las versiones PNG

Salida

ZIP con Assets.xcassets y un .imageset con nombre

Límites

Archivos de hasta 8 MB; imágenes PNG, JPG y WebP de hasta 24 megapíxeles, escaladas a 1.536 px antes de exportar. La salida vectorial admite hasta 2.000 trazados y 500.000 caracteres de trazado. Límite de procesamiento: 30 s.

Cómo funciona

1

Elige el origen

Sube un diseño o elige uno de tus resultados SVG desbloqueados.

2

Elige vector o PNG

Los recursos vectoriales requieren un SVG simple e iOS 13+. Para las versiones PNG, elige el ancho de la imagen en puntos; las exportaciones usan uno, dos y tres píxeles por punto.

3

Añade el imageset

Descomprime el ZIP y arrastra el .imageset con nombre a tu Assets.xcassets. Usa Image("artwork") en SwiftUI, cambiándolo por el nombre de tu recurso.

Solución de problemas

¿Es un icono de app o un SF Symbol?

No. Un imageset es un recurso de imagen normal. Usa el generador de iconos de app para los iconos del launcher; los SF Symbols requieren otro flujo de creación.

Mi SVG tiene degradados o efectos

Elige las versiones PNG. La opción vectorial solo admite formas sólidas y te dice exactamente qué no puede usar.

Acceso y precios

Esta herramienta no gasta créditos cuando la usas con un archivo que subes o un resultado que ya desbloqueaste. Los archivos se guardan 24 horas para invitados y 30 días en una cuenta. Consulta los precios.

Guías de recursos para apps

Cómo convertir SVG a XML de AndroidIconos de app para Android e iOS a partir de una imagen¿SVG o PNG para los recursos de imagen de Xcode?

Herramientas relacionadas

Crea tu icono de appPaquetes de recursos para Android e iOSSVG a Android VectorDrawableTrazados SVG a XML de AndroidConvertir SVG a PNGConvierte un SVG a PNG, hasta 4.096 pxEditor SVG onlineCambia colores y formas, y exporta en el navegador