¿Cómo exportar para web desde Illustrator?

Min

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.

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.

como suir una imagen a 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 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

Google ads vs facebook

Min

Google Ads vs. Facebook/Instagram Ads para B2B en Colombia: ¿Dónde debería invertir tu empresa para conseguir leads calificados?

Piensa en Google Ads (específicamente la Red de Búsqueda) como un directorio de altísima precisión. Tu cliente potencial ya sabe que tiene un problema y está buscando activamente una solución.
10 errores de usabilidad

Min

10 errores de usabilidad (UX/UI) que están costando dinero a tu empresa

Has invertido tiempo, dinero y esfuerzo en crear una página web para tu empresa. Te aseguraste de que tuviera todos tus servicios, la historia de la compañía y un formulario de contacto. Y ahora… silencio.
Razones para tener tu ptopio sitio web

Min

Porque tener un sitio web es esencial para tu negocio en la era digital

¿Por qué tener un sitio web?”, dejó de ser una opción para convertirse en una necesidad absoluta. Un sitio web no es un lujo, es tu escaparate digital, tu oficina virtual y tu principal herramienta para conectar con clientes y mostrar que tu negocio es serio.
Inspírate + Aprendizaje
Inspírate + Aprendizaje

Nuestro blog es la chispa de inspiración que necesitas.

Gracias por registrarte. Revisa tu correo para confirmar la suscripción.

Al suscribirte aceptas nuestra política de procesamiento de datos.