para comenzar, deberá ir a archivo / abrir para abrir su archivo. puede estar en cualquier formato: jpg, gif, psd, png u otros. siempre que Photoshop pueda abrirlo, puede enviarlo a la web.

vamos a saltar al ahorro para la web, suponiendo que haya realizado los ajustes que necesite. obviamente, si necesita editar la imagen, hágalo primero y continúe con este paso más adelante.

vaya a archivo / guardar para web / dispositivos y haga clic. está aproximadamente a la mitad del menú desplegable.

Este proceso no cambia su archivo original en absoluto. Estás creando un nuevo archivo. una vez que complete este tutorial y regrese a su imagen original en photoshop, deberá guardar ese archivo si le ha realizado algún cambio. Es importante nombrar su nueva imagen diferente de la original. a menudo simplemente agregando _web al nombre del archivo funcionará bien. (ejemplo: filename_web.jpg)

dependiendo de su configuración, es posible que deba ajustar la vista aquí. lo que quieres es una comparación izquierda y derecha de tu imagen. el lado izquierdo mostrará el original, el derecho mostrará la calidad de la imagen en la configuración actual.

Si mira a lo largo de la parte superior de la ventana, verá las siguientes opciones: original, optimizado, 2-up, 4-up. para la mayoría de los propósitos, 2-up es lo que querrás.

Para asegurarse de que está viendo al 100%, marque la opción en la esquina inferior izquierda de la pantalla.

Es importante recordar que si ve su imagen a más del 100%, se verá granulada o posiblemente incluso indescifrable. siempre trabaje con la imagen al 100%.

las dimensiones para la web son casi siempre en píxeles (px). Es importante mantener las proporciones correctas. al lado del cuadro de imagen hay una pequeña imagen de un eslabón de cadena. lo que hace es escalar el ancho cuando ajusta la altura. por ejemplo, una imagen que tiene 600 px por 400 px. Si reduce el ancho a 300 px, el archivo se escalará automáticamente a una altura de 200 px. Si no está marcada, la imagen se distorsionará.

También tiene la opción de escalar la imagen por porcentajes.

en esta opción, el tipo de archivo original no importa. Puedes elegir el archivo que necesites.

nota: para comenzar el proceso, deberá hacer clic en la imagen de la derecha. la imagen necesita ser seleccionada para ser procesada.

el más común es jpg para la web: es el formato de archivo más pequeño, lo que significa que se descarga más rápido para los visitantes de su sitio. si tiene transparencia, elija png-24. Si no sabe lo que significa transparencia, debe elegir jpg.

Cada una de las tres opciones de jpg (alta, media, baja) tiene una configuración de calidad preestablecida, que se puede ajustar manualmente. Si está viendo al 100%, puede decidir qué calidad necesita. para ajustar el nivel de zoom, vea el paso 5. la imagen se verá igual en línea que en la ventana de vista previa.

Si elige otra cosa que no sea JPG, puede omitir este paso.

Una vez que haya realizado los ajustes necesarios, estará listo para guardar el archivo. haga clic en “guardar” y elija la carpeta y el nombre de archivo que desea para esta nueva imagen.

¡Felicidades! Su nuevo archivo está listo para ser utilizado en línea.