Tamaño de la imágenes
En este breve tutorial, vamos a explicar como cambiar el tamaño de las imágenes con Photoshop y cuales son los tamaños más adecuados de nuestras imágenes para nuestra web.
Abrimos Photoshop y una imágen.
Para ver la imágen a su tamaño real, hay que comprobar que no esté escalada. Se puede ver en la barra de título de la ventana de la imágen. Debe de estar al 100% (lo teneís marcado). Si estuviera escalada, la podemos poner fácilmente al 100% haciendo doble click sobre la herramienta “lupa” (la teneís también marcada en la imágen).
Haciendo click con el botón secundario sobre la barra de título de la ventana de la imágen, se nos desplegará un menú contextual. Haciendo click en la opción “Tamaño de imágen“, se nos abrirá la ventana Tamaño de imágen desde la cual, podemos cambiar el tamaño y la resolución de nuestra imágen.
Lo primero, es comprobar que la resolución de nuestra imágen este a 72 píxeles (o puntos) / pulgada. Es la resolución máxima que puede mostrar un monitor. Esta es la resolución con la que vamos a trabajar siempre con nuestras imágenes para la web. Si tuviera una resolución superior, lo primero es cambiarla a 72 ppp. Este cambio ya nos reduce la imágen de tamaño.
En “Dimensiones en píxeles” (comprobar que la unidad de medida sean píxeles), podemos modificar la anchura y la altura de nuestra imágen. Normalmente, anchura y altura están proporcionadas. Es decir; que si cambiamos la anchura, se cambia automáticamente la altura. Una vez modificada la resolución y el tamaño de la imágen, hacemos click en Ok y ya tenemos nuestra imágen al támaño que le hemos asignado.
¿Y con que tamaños trabajamos?. Os sugiero las siguientes recomendaciones:
Para las imágenes que son cabeceras de una entrada, os sugiero una imágen con una anchura con 10 ó 20 píxeles menos que la anchura del cuerpo de la web.
Para las imágenes que vamos a utilizar como miniaturas; si nuestra plantilla no las escala automáticamente generando una imágen reducida, trabajaremos con tamaños de 150-250 píxeles de anchura (250×200 px, por ejemplo).
Para las imágenes que vamos a ampliar desde una galeria de imágenes, observaremos dos situaciones distintas. Una de ellas, es si en nuestra web estamos utilizando el plugin Lightbox, que amplia las imágenes en una interfaz en Flash que nos permite navegar por ellas de forma secuencial. En este caso, os recomiendo escalar las imágenes horizontales dándoles un ancho de 800 píxeles (800×600 px); y las imágenes verticales dándoles una altura de 800 píxeles (600×800 px). La razón principal, es que no se queden fuera de la pantalla las flechas de navegación, descripción y nombre de la imágen en monitores pequeños como los de los portátiles.
Si no utilizamos el plugin antes mencionado; y nuestra imágen se abre en otra ventana del navegador; entonces podemos trabajar con tamaños más grandes como 1024×768 px; ya que el navegador escalará la imágen para que se vea completa dentro de la ventana.
NOTA.- Observar que para nuestras webs solo trabajamos con tres formatos de imágen: *.jpg, *.gif y *.png.
Deja un Comentario