¿Cómo exportar para web desde Illustrator?

Sep 4, 2020 | Desarrollo web, Illustrator | 0 comments

Exportar recursos para web siempre ha generado ciertos inconvenientes. No debe sobrepasar cierto peso y a la vez debe mantener la calidad, cosas que desde cierto punto pueden ser contrarias. Ahora te enseñaremos cómo exportar para web desde Illustrator sin perder calidad y sin sobrepasar un peso superior a los 2 MB.

Servicio Desarrollo Web

Pasos para exportar para web desde Illustrator

1. Accede a la ventana “Guardar para Web”

Lo primero que debes tener es la imagen o recurso que necesites al tamaño correcto al que se va a utilizar. 

Al tener tu recurso vectorial o imagen acomodada al tamaño, el siguiente paso será desplegar el menú de Archivo de Illustrator, ahí vas a encontrar la opción de Exportar y dentro de esta Guardar para Web. El atajo para abrir la ventana es presionar las teclas Ctrl + Shift + Alt + S y se abrirá la misma ventana, la que configuramos para exportar para web desde Illustrator.

Con la ventana abierta, en la que vamos a encontrar muchas opciones para las diferentes aplicaciones, vamos a fijarnos primero que esté en Optimizado (1), para que la imagen quede con la mejor calidad y menor peso. También notarás en la parte inferior izquierda de la ventana, donde está el peso del recurso (2) que vas a exportar para web desde Illustrator, y en la parte superior derecha, en el panel de Ajustes preestablecidos (3) es donde va a ocurrir la magia de no perder calidad.

 

 

Panel para exportar para web desde Illustrator

Panel para exportar para web desde Illustrator

 

 

 

 

2. Configuración de exportación para web desde Illustrator

Debes escoger la configuración que más se ajuste a tus necesidades y a tus requerimientos de diseño web, por ejemplo, en iconografía se recomienda usar la opción de PNG-8 o PNG-24, ¿en qué se basa tu elección? Si tu icono tiene uso de degradados o colores muy específicos, se recomienda el uso de PNG-24, ya que utiliza una gama de color de hasta 16 millones, en cambio, si son iconos más básicos, en cuánto a la gama cromática se recomienda PNG-8 el cual comprime a un máximo de 256 colores.

En el caso de querer exportar para web desde Illustrator imágenes de mayor tamaño, se recomienda el uso del formato de JPEG o en caso de ser aún muy pesado, hacer uso también de los formatos PNG anteriormente mencionados, según lo requiera la imagen.

Lo siguiente a hacer es escoger la calidad de compresión, lo recomendable es usarla en Máxima, pero depende del caso, lo mínimo sería usarla en Alta para no conseguir malos resultados a la hora de exportar para web desde Illustrator.

El último paso es verificar en el panel de Tamaño de imagen si las medidas que ahí aparecen son las necesarias y requeridas para tu trabajo, en caso de ser más grande ajústalo desde este controlador, si es más pequeña lo recomendable es cerrar la ventana y ajustarlo desde Illustrator y no desde este controlador, ya que podría ocasionar una pixelación no deseada a la hora de exportar para web desde Illustrator.

3. Ahora a guardar

Si ya realizaste todos los pasos correctamente solo queda guardar y hacer uso de ese recurso que exportaste para web desde Illustrator.

 

 

Últimas entradas del blog

Como ayudar a tus clientes en tiempos difíciles

Como ayudar a tus clientes en tiempos difíciles

En situaciones extraordinarias como la que estamos viviendo con el aislamiento por el Covid-19, la comunicación con tus clientes se vuelve más complicada de lo normal y por eso debes encontrar la forma de minimizar las interrupciones, estar en contacto con tus...

¿Cómo crear un blog optimizado en seo?

¿Cómo crear un blog optimizado en seo?

¿Quieres saber como crear un blog optimizado en seo? En principio debes tener muy claro que información vas a comunicar, partiendo de esto tener presente que la manera de comunicación de google es diferente y con esto saber cuales son los atributos que usa para...

¿Que es el Big Data?

¿Que es el Big Data?

Es un término que describe  gran cantidad de datos, tanto estructurados como no estructurados. Pero no es la cantidad de datos lo que es relevante. Lo que importa con el Big Data es lo que las organizaciones hacen con los datos. Con la Big data se pueden analizar, ya...

Pasos para hacer una hoja de vida exitosa

Pasos para hacer una hoja de vida exitosa

Conseguir trabajo por primera vez o tomar la decisión de comenzar a buscar uno nuevo siempre será un reto. Nosotros hemos adquirido experiencia, ya que hemos comenzado de cero y hemos visto mil hojas de vida para construir a nuestro equipo, por eso hoy te vamos a dar...

Qué es una landing page y para qué sirve

Qué es una landing page y para qué sirve

Qué es una landing page y para qué sirveLas estrategias de marketing y posicionamiento en el mundo digital cada vez son más necesarias, por esto es importante conocer todas las alternativas que el mercado nos ofrece. Las landing page son muy útiles cuando el objetivo...