sábado, 22 de marzo de 2008

Insertar imágenes de gran tamaño en páginas web utilizando Google Maps

Una forma de insertar imágenes de gran tamaño en páginas web, tal y como detallan en Digital Inspiration, sin necesidad de recortarlas o reducir su resolución, es aplicarlas el mismo efecto que Google Maps, de hecho se utiliza este servicio, permitiendo una fácil navegación y zoom sin reducir la calidad de la imagen.

La imagen anterior, tomada de STS-123 Shuttle Mission Imagery, es un ejemplo de como insertar estas imágenes. Tiene una resolución de 2800x1850, imposible de insertar sin manipulación.

Los pasos a seguir serian los siguientes:
  1. Descargar el programa gratuito Google Maps Image Cutter.
  2. Descomprimir y ejecutar el programa. Seleccionar la imagen que deseemos, y hacer click en el boton Create.
  3. Se nos generarán un fichero html y una carpeta que contendrá las imágenes requeridas.
  4. Obtener una key personal en Google Maps website.
  5. Reemplazar la palabra PUTAPIKEYHERE del fichero html por la clave obtenida anteriormente.
  6. Subir el fichero html y la carpeta generadas por Google Maps Image Cutter a nuestro servicio de almacenamiento, e insertar el fichero html en nuestra página web usando la etiqueta IFRAME.

No hay comentarios:

Publicar un comentario