Un escenario común en línea es que tiene una imagen en su sitio web que desea vincular. Quizás 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 tiene. 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. Tenga en cuenta, sin embargo, que debe usar una imagen que posea. Esto se debe a que señalar las imágenes de otras personas se considera robo de ancho de banda y puede provocarle problemas, incluso legalmente. Si vinculas a una imagen en tu sitio web, estás usando tu propia imagen y tu propio ancho de banda. Eso está bien, pero si te conectas al sitio web de otra persona, estás absorbiendo el ancho de banda del sitio para mostrar esa imagen. Si ese sitio tiene límites mensuales en el uso de su ancho de banda, lo que imponen muchas empresas de alojamiento, entonces está consumiendo su límite mensual sin su consentimiento. Además, copiar la imagen de otra persona en su sitio web podría ser una violación de los 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 queda fuera de esa licencia y podría abrirlo a multas y multas legales. En pocas palabras, puede vincular a imágenes que están fuera de su propio sitio / dominio, pero en el mejor de los casos se considera grosero 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 los "errores" de la vinculación de imágenes, desearemos identificar qué navegador utilizará. Los diferentes navegadores hacen las cosas de manera diferente, lo que tiene sentido ya que 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 yo haría:
-
Encuentra la imagen que deseas.
-
Haga clic derecho en esa imagen (Ctrl + clic en una Mac).
-
Aparecerá un menú. De ese menú, selecciono Copiar dirección de imagen.
-
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 sobre la imagen y elija Propiedades. Desde ese cuadro de diálogo verá la ruta a esta imagen. Copia el dirección de la imagen Seleccionándolo y copiándolo en su portapapeles.
En Firefox, deberías hacer clic derecho sobre la imagen y elegir copia ubicación de la imagen.
Los dispositivos móviles son aún más complicados cuando se trata de encontrar una ruta de URL, y dado que hay tantos dispositivos diferentes en el mercado hoy en día, 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.
De acuerdo, una vez que tenga su URL de imagen, puede agregarla a un documento HTML. Recuerde, este fue el objetivo de este ejercicio, ¡encontrar la URL de la imagen para que podamos agregarla a nuestra página! Aquí está 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 cuál es la imagen para alguien que puede no verla en la página.
¡Sube tu página web y pruébala en un navegador web para ver si tu imagen está ahora en su lugar!
Consejos útiles
Los atributos de ancho y alto no se requieren en las imágenes, y deberían excluirse a menos que siempre desee que la imagen se represente en ese tamaño exacto. Con sitios web receptivos e imágenes que reajustan y cambian de tamaño según el tamaño de la pantalla, esto rara vez es el caso en estos días. Probablemente sea mejor dejar el ancho y el alto, especialmente porque, en ausencia de cualquier otra información o tamaño de tamaño, el navegador mostrará la imagen en su tamaño predeterminado de todos modos.
