Como obtener coordenadas de una imagen

22 de julio

2010 En este manual mostrare la forma más sencilla de sacar coordenadas a una imagen, sin necesidad de descargar ningun programa. Usando solo el Paint de Microsoft puedes hacerlo, o con cualquier otro software de editado de fotos como Paint.net o Photoshop haciendo el mismo procedimiento que mostrare aquí con el programa de dibujos de Windows. Este manuel es creado por Anthony Medina, Webmaster de http://www.frikibloggeo.com.ar

Crear mapas de imágenes en una misma imagen

San Felipe, Venezuela

Antes de comenzar, saludos a los que leen este manual, y quiero agradecer, ya

que se que son fieles usuarios de mi blog de ayuda para los webmaster que tengo

en la red, y que usted, muy fielmente lo visita con frecuencia. Muchas Gracias.

Anthony Medina

www.frikibloggeo.com.ar

Como obtener las coordenadas de una imagen

Obtener las coordenadas de una imagen es mas fácil de lo que usted puede creer, aunque el nombre parezca complicado, no siempre debemos dejarnos llevar por las apariencias. Primero, para realizar esto, debes tener en tu sistema, ya sea Windows, Mac o cualquier otro sistema operativo, un programa de editado de fotos, Aquí, explicare como hacerlo con el programa predeterminado de Windows, Paint. Entre los programas que te recomiendo usar, además de el Paint, pueden ser el Paint.NET o Adobe Photoshop. Descargar Paint.Net v. 3.5.5 – 3,5 MB – dotpdn.com Descargar Adobe Photoshop CS5 Extended – 1003 MB – Adobe.com

PASOS

1- Abra la imagen que desea sacar coordenadas con Paint en su computador, en nuestro caso usaremos la siguiente.

2- Cuando ya tengas la imagen abierta, tal y como lo muestra en la próxima imagen, seleccionaras la herramienta selección libre, como puedes ver en la Figura 1 (F1) de la imagen, luego, como te lo indica la figura 2 (F2), seleccionaras, el area que deseas extraer las coordenadas, mientras tienes

activo el clic del seleccionado, podras ver en la barra de estado los pixeles del area seleccionada como en la figura 3 (F3), esas serán nuestras primeras coodernadas a usar.

PRIMERAS COORDENADAS: 111,73

3- Ahora, que poseemos las primeras coordenadas, tocara buscar las otras dos que nos faltan, acuérdate que estamos aquí estamos trabajando con el Shape=’rect’, asi que tendríamos que tener cuatro coordenadas por cada imagen cuadrada- rectangular

Con la misma imagen, seleccionaras de nuevo la herramienta selección libre, pero esta vez, en vez de hacer el trazado del ojo, trataremos de buscar, el espacio que hay entre el limite derecho de la imagen con el objeto que deseamos linkear, hazlo de esta manera. Puedes notar que la selección libre que escogimos, esta justo al limite de la imagen, de un lado, y del otro lado, justo al limite del lado derecho donde terminaría la selección de nuestra primera coordenada, puedes ver esto en la figura 4 (F4) de la siguiente imagen.

En la figura 5 (F5) podemos ver las coordenadas que faltaban. SEGUNDAS COORDENADAS: 140,96 COORDENADAS COMPLETA DE LA SELECCIÓN: 111,73,140,96 CREAR EL LINK: <div id='ejemplo1'>

<img border='0' src='URL de la imagen a usar' usemap='#Map'/>

<map id='Map' name='Map'>

<area coords='Numeros de coordenadas' href='Enlace a dirigirse'

shape='rect'/>

</map></div>

EJEMPLO <div id='imagen1'>

<img border='0' src='Saltamontes.jpg' usemap='#Map'/>

<map id='Map' name='Map'>

<area coords='111,73,140,96' href='http://www.frikibloggeo.com.ar'

shape='rect'/> </map></div>

Eso es todo amigos! Si de algún modo quieres agradecer, dejándome un comentario es la mejor forma! Muchas Gracias y hasta el próximo manual.