Tecnología

Inicio

Cómo hacer y después se amplían las imágenes en miniatura en una página web

Cómo hacer y después se amplían las imágenes en miniatura en una página web


El Internet es un lugar rápido. Normalmente la mayoría de los usuarios no van a esperar más de 10 o 15 segundos para que se cargue la página antes de continuar. Debido a esto, usted quiere que su página se cargue más rápidamente posible. Algunos de los mayores asesinos de la velocidad de una página web son imágenes grandes. Si usted tiene una gran cantidad de imágenes para mostrar, es mucho mejor para crear imágenes en miniatura de las imágenes que enlazan a las versiones grandes.

Instrucciones

1 Cargar sus imágenes en Photoshop.

2 Haga clic en "Imagen"> "Tamaño de imagen" para acceder al menú Tamaño de imagen.

3 Reducir el tamaño de la imagen mediante la introducción de nuevos valores de altura y anchura. Usted puede optar por trabajar en píxeles, pulgadas o simplemente añadir un nuevo porcentaje. El tamaño exacto de las miniaturas dependerá de su diseño de sitios web, pero que desea ir para tan pequeño de una imagen como sea posible sin dejar que muestra el detalle.

4 Seleccione "Archivo"> ​​"Guardar como" para guardar una copia de la imagen con un nuevo nombre de archivo. Por ejemplo, "picture1.jpg" se pueda guardar como "picture1_thumb.jpg" para mantener los dos separados.

5 Abra el sitio web que mostrará las imágenes en miniatura. Puede hacerlo utilizando el software de edición de la página web o mediante la codificación del HTML a mano en un procesador de textos.

6 Inserte la primera miniatura donde quiera que vaya en la página.

7 Convertir la imagen en un enlace a la imagen de tamaño completo, que abrirá en una nueva ventana (que mantiene a los usuarios de tener que utilizar el botón de retroceso).

8 Continuar este proceso para cada imagen que desea incluir.

9 Guarde el archivo y probarlo en un navegador web.

Consejos y advertencias

  • En lugar de cambiar el tamaño de las imágenes, también se puede recortar una pequeña parte de ella en Photoshop para servir como la uña del pulgar. Elija la parte más interesante de la imagen si usted decide utilizar esta opción.

Artículos relacionados