Mostrando las entradas con la etiqueta diseño gráfico. Mostrar todas las entradas
Mostrando las entradas con la etiqueta diseño gráfico. Mostrar todas las entradas

sábado, 5 de diciembre de 2020

Optimizar imagenes para sitios web con Adobe Photoshop

Cuando visitas sitios web que contienen poca o gran cantidad de imágenes, quizás haz notado que dependiendo la calidad de conexión de tu red de internet, las imágenes suelen cargar rápido, lento o en casos drásticos no cargar algunas o ninguna.

Para evitar esté ultimo, los desarrolladores o encargados de diseño deben de optimizar las imágenes para sitios web, esto permitirá reducir el tamaño del archivo, además de optimizar la resolución, es recomendable ver tanto tamaño de imagen como su resolución para que no afecte demasiado y pierda calidad al momento de visualizarse en computadoras o dispositivos móviles.

Adobe Photoshop cuenta con una opción llamada Guardar para Web, que se encuentra en:

  • Archivo > Exportar > Guardar para Web (ALT+Mayus+CTRL+S)

La opción a seleccionar es, primero ubicarnos en donde dice Ajuste Preestablecido, en el menú desplegable seleccionar JPEG Media o JPEG Baja, cualquiera de las 2 opciones va relacionada a el tamaño de la imagen, el cual podremos ver en la parte inferior. Ahí podemos ajustar el porcentaje y ver a lado izquierdo el tamaño en cuanto la resolución que tendrá la imagen. Para conocer el peso, esté se encuentra en la parte inferior izquierda de la imagen.

Una vez haber hecho los ajustes necesarios, solo hay que dar clic en el botón guardar, y listo, tendremos una imagen optimizada para sitios web.