Cómo encontrar los códigos o URL para imágenes web

Un escenario común en línea es que tiene una imagen en su sitio web que desea vincular. Tal vez esté codificando una página en su sitio y desee agregar esa imagen, o tal vez desee vincularla desde otro sitio, como una cuenta de redes sociales que tenga.

Un escenario común en línea es que tiene una imagen en su sitio web que desea vincular. Tal vez esté codificando una página en su sitio y desee agregar esa imagen, o tal vez desee vincularla desde otro sitio, como una cuenta de redes sociales que tenga. En cualquier caso, el primer paso en este proceso es identificar la URL (localizador uniforme de recursos) de esa imagen. Esta es la dirección única y la ruta del archivo a esa imagen específica en la Web. Echemos un vistazo a cómo se hace esto.

Empezando

Para comenzar, vaya a la página con la imagen que desea usar. Sin embargo, tenga en cuenta que debe usar una imagen que posea. Esto se debe a que señalar las imágenes de otras personas se considera un robo de ancho de banda y puede meterte en problemas, incluso legalmente. Si vincula a una imagen en su sitio web, está utilizando su propia imagen y su propio ancho de banda. Eso está bien, pero si se vincula al sitio web de otra persona, está absorbiendo el ancho de banda de su sitio para mostrar esa imagen. Si ese sitio tiene límites mensuales en su uso de ancho de banda, que muchas compañías de alojamiento sí imponen, entonces está comiendo su límite mensual sin su consentimiento. Además, copiar la imagen de otra persona a su sitio web podría ser una violación de derechos de autor. Si alguien ha licenciado una imagen para usar en su sitio web, lo ha hecho solo para su sitio web. Vincular esa imagen y dibujarla en su sitio para que se muestre en su página se sale de esa licencia y podría abrirlo a sanciones y multas legales. En pocas palabras, puede vincular a imágenes que están fuera de su propio sitio/dominio, pero se consideró grosero en el mejor de los casos e ilegal en el peor, así que evite esta práctica por completo.

Por el bien de este artículo, asumiremos que las imágenes están alojadas legalmente en su propio dominio.

Ahora que comprende las «trampas» de la vinculación de imágenes, querremos identificar qué navegador utilizará. Los diferentes navegadores hacen las cosas de manera diferente, lo que tiene sentido ya que todas son plataformas de software únicas creadas por diferentes compañías. En su mayor parte, sin embargo, todos los navegadores funcionan de manera similar en estos días. En Google Chrome, esto es lo que haríamos:

  1. Encuentra la imagen que deseas.

  2. Haz clic derecho en esa imagen ( Ctrl + clic en una Mac).

  3. Aparecerá un menú. Desde ese menú, seleccionamos Copiar dirección de imagen .

  4. Si pega lo que está ahora en su portapapeles, encontrará que tiene la ruta completa a esa imagen.

Ahora, así es como funciona en Google Chrome. Otros navegadores tienen diferencias. En Internet Explorer, haga clic derecho en la imagen y elija Propiedades . Desde ese cuadro de diálogo, verá la ruta a esta imagen. Copie la dirección de la imagen seleccionándola y copiándola en su portapapeles.

En Firefox, debe hacer clic derecho en la imagen y elegir copiar ubicación de la imagen .

Los dispositivos móviles son aún más complicados cuando se trata de encontrar una ruta URL, y dado que actualmente hay tantos dispositivos diferentes en el mercado, crear una lista definitiva de cómo encontrar una URL de imagen en todas las plataformas y dispositivos sería una tarea desalentadora. Sin embargo, en muchos casos, toca y mantiene presionada una imagen para acceder a un menú que le permitirá guardar la imagen o encontrar su URL.

OK, una vez que tenga la URL de su imagen, puede agregarla a un documento HTML. Recuerde, este fue el objetivo de este ejercicio, encontrar la URL de la imagen para poder agregarla a nuestra página. Aquí le mostramos cómo agregarlo con HTML. Tenga en cuenta que escribiría este código en el editor HTML que prefiera:

Tipo:

 

Entre el primer conjunto de comillas dobles, pegaría la ruta a la imagen que desea incluir. El valor del texto alternativo debe ser contenido descriptivo que explique qué es la imagen para alguien que en realidad no puede verla en la página.

¡Cargue su página web y pruébela en un navegador web para ver si su imagen está ahora en su lugar!

Consejos útiles

Los atributos de ancho y alto no son necesarios en las imágenes, y deben excluirse a menos que siempre desee que esa imagen se represente en ese tamaño exacto. Con sitios web e imágenes receptivos que cambian de tamaño y cambian de tamaño según el tamaño de la pantalla, este es raramente el caso actualmente. Probablemente sea mejor dejar el ancho y la altura desactivados, especialmente porque en ausencia de cualquier otra información o estilos de tamaño) el navegador mostrará la imagen en su tamaño predeterminado de todos modos.

Rate article
labsfabs.com
Add a comment