DeviceCentral

ESTE TEMA APARECE EN:

Sugerencias para la creación de imágenes de Illustrator para dispositivos móviles

Si desea optimizar el contenido gráfico para dispositivos móviles, guarde las imágenes creadas en Illustrator en cualquier formato SVG, como SVG‑t, diseñado especialmente para dispositivos móviles.

Las siguientes sugerencias le ayudarán a garantizar que las imágenes creadas en Illustrator se muestren correctamente en dispositivos móviles:

  • Utilice el estándar SVG para crear contenido. El uso de SVG para publicar gráficos vectoriales en dispositivos móviles permite obtener un tamaño de archivo reducido, visualización uniforme, excelente control cromático, posibilidad de aplicar el zoom y texto editable (en el código fuente). Además, dado que el formato SVG se basa en XML, puede incorporar funciones de interactividad a las imágenes, como resaltado, información de herramientas, efectos especiales, sonido y animaciones.

  • Trabaje con las dimensiones definitivas de sus dispositivos móviles desde el principio. Si bien SVG es ampliable, es recomendable trabajar con el tamaño correcto para garantizar que los gráficos finales presenten la calidad y el tamaño adecuados para los dispositivos de destino.

  • Configure el modo de color de Illustrator como RGB. El formato SVG se muestra en dispositivos de rasterización RGB, como monitores.

  • Para reducir el tamaño de archivo, intente disminuir el número de objetos (grupos incluidos) o hacer el archivo menos complejo (con menos puntos). Al utilizar menos puntos, se reduce notablemente la cantidad de información textual necesaria para describir las imágenes del archivo SVG. Para reducir puntos, seleccione Objeto > Trazado > Simplificar y pruebe diferentes combinaciones hasta encontrar un equilibrio entre calidad y número de puntos.

  • Procure utilizar símbolos cuando sea posible. Los símbolos definen los vectores que describen un objeto una sola vez, en lugar de varias veces. Esto resulta de gran utilidad si las imágenes contienen objetos como fondos de botones que se han usado en otras ocasiones.

  • Al animar gráficos, limite el número de objetos y trate de reutilizar objetos en la medida de lo posible para reducir el tamaño de archivo. Aplique animaciones a grupos de objetos y no a objetos sueltos para evitar la repetición de códigos.

  • Considere la posibilidad de usar SVGZ, la versión comprimida (mediante gzip) de SVG. La compresión puede reducir notablemente el tamaño de archivo, en función del contenido del mismo. Por lo general, el texto se puede comprimir mucho, pero el contenido con codificación binaria, como las imágenes rasterizadas incrustadas (archivos JPEG, PNG o GIF), no puede comprimirse demasiado. Los archivos SVGZ pueden descomprimirse con cualquier aplicación que expanda archivos comprimidos con gzip. Para sacarle el máximo partido a SGVZ, compruebe que su dispositivo móvil de destino descomprime archivos gzip.

Para obtener más sugerencias y técnicas para la creación de contenido para dispositivos y teléfonos móviles, consulte www.adobe.com/go/learn_cs_mobilewiki_en