Te has preguntado, ¿Cuál es la manera correcta de guardar imágenes para móviles?
Muchas veces caemos en el cliché de exportar nuestras imágenes directamente como PNG o JPG sin realizar ninguna configuración que respete los valores de resolución a un tamaño bastante ligero. Este proceso es bastante sencillo y te enseñaremos a realizarlo.
Desde illustrator:
- En la parte superior de illustrator se encuentra la barra de herramientas, en ella se encuentran varias opciones como, Archivo, edición, objeto, texto etc. Nosotros solo utilizaremos la primera opción que es “archivo”.
- Una vez seleccionado el menú de archivo, se desplegarán varias opciones, se seleccionará la opción “exportar”
- Del menú exportar, seleccionaremos la tercera opción. “Guardar para web heredado”
- Se abrirá el panel “guardar para web heredado”
- En la parte derecha superior (ajuste prestablecido) vienen las opciones para guardar en PNG o JPG según lo necesites. Si necesitas guardarlo en PNG, en la parte de abajo viene la opción para activar su transparencia.
- En la parte de abajo (tamaño de imagen) puedes modificar el porcentaje de la imagen, Podemos dejarlo en su valor establecido que es 100 o subirlo hasta 300 porciento, dependiendo de cómo lo que necesitemos.
- Guardar imagen. ¡Listo!
IMPORTANTE: Si tu imagen se conforma solo de vectores, no se va a pixelear sin importar la escala a la que lo guardes, pero si incluye fotos, ten cuidado de que no se vean pixeleadas cuando exportas.
Hazlo más rápido: Shortcut para guardar para móviles desde photoshop o illustrator
Solo oprime al mismo tiempo las teclas Ctrl (O CMND en Mac) + Alt + Shift + S y se abrirá el panel de guardado
Aquí podrás elegir el formato de la imagen.
- Si es .jpg guárdala en calidad alta, a menos que se pixelee no necesitas más calidad.
- Si es .png elige .png 24.
También puedes elegir el tamaño final de salida y el porcentaje. Solo ten cuidado de que tu imagen no se vaya a pixelear si le cambias el tamaño.
Esta es la manera más óptima de guardar una imagen para web, ya que te dará una imagen con una buena resolución bastante ligera.