Cómo hacer miniaturas más grande en mi sitio web

Miniaturas ofrecen a los lectores del sitio web una vista previa de una imagen sin tener que cargar todo el archivo, dándoles la opción de hacer clic en la imagen en miniatura si desean ver la imagen a mayor resolución correspondiente. Utilizarlos especialmente para los sitios web con imágenes múltiples, como la familia o la imagen de intercambio de sitios web relacionados con la fotografía. Puede mostrar imágenes en miniatura en cualquier tamaño, teniendo en cuenta la calidad de la imagen con la resolución más baja. Experimentar con diferentes resoluciones y recorte para crear una miniatura que representa con precisión el objeto de la imagen.

Instrucciones

1 Abra la imagen en su programa de software de edición de imágenes. Guardar esa imagen, "imagen.jpg", como "picture1.jpg."

2 Recortar la imagen, que muestra la parte que mejor representa el tema. El recorte es opcional, pero ayuda a hacer el archivo más pequeño. El archivo de miniatura más pequeña se cargará más rápido en el sitio web.

3 Cambiar el tamaño de la imagen a una resolución más baja. La mayoría del software de edición de imágenes tiene la opción en el menú Herramientas que cambiar el tamaño de la imagen en relación a pulgadas o píxeles. Lo ideal es que el tamaño de los mismos que usted desea para su sitio web. Sin embargo, puede ajustar esto más adelante.

4 Sube tanto la imagen completa, "imagen.jpg", y la imagen más pequeña, "picture1.jpg," a su servidor.

5 Editar el archivo html para incluir:

<a href="folder/picture.jpg" target="_blank"> <img

width = "50" height = frontera "50" = "0"

alt = "mi imagen" align = "inferior" /> </a>

Sustituto "carpeta" con el nombre del directorio en el que haya subido sus imágenes.

Sustituto "imagen.jpg" con su nombre de imagen completa, de mayor resolución.

Sustituto "picture1.jpg" con su nombre de menor resolución de imágenes en miniatura.

Sustituto "Mi imagen" con un título para la imagen que se mostrará su enlace por si el lector no puede mostrar imágenes.

6 Ajuste el "width =" y "height =" a su tamaño deseado en píxeles. Una vista previa de su sitio web y experimentar con estos números hasta llegar a los resultados que desea.

Consejos y advertencias

• Si ya tiene las imágenes en su sitio web y simplemente desea cambiar sus tamaños, encontrar la referencia a las vistas en miniatura en el archivo html y ver el Paso 6 en el ajuste de la anchura y la altura.
• Guardar una copia de seguridad del archivo html antes de hacer cambios.