Un escenario común en liña é que tes unha imaxe no teu sitio web ao que queres vincular. Quizais estea codificando unha páxina no seu sitio e desexa engadir esa imaxe, ou quizais queira conectalo desde outro sitio, como unha conta de redes sociais que ten. En calquera dos casos, o primeiro paso neste proceso é identificar a URL (localizador de recursos uniforme) desa imaxe. Este é o enderezo único e o camiño do ficheiro para esa imaxe específica na web.
Vexamos como se fai isto.
Comezando
Para comezar, vai á páxina coa imaxe que desexa usar. Teña presente, con todo, que debes usar unha imaxe que tes. Isto é porque sinalar as imaxes doutras persoas considérase un roubo de ancho de banda e pode causarlle problemas, mesmo legalmente. Se ligas a unha imaxe no teu sitio web, estás usando a túa propia imaxe eo teu propio ancho de banda. Isto está ben, pero se enlaces a un sitio web doutra persoa, estás succionando o ancho de banda do teu sitio para mostrar esa imaxe. Se ese sitio ten límites mensuais sobre o seu uso de banda ancha, que moitas empresas de hospedaxe impoñen, entón está comendo no seu límite mensual sen o seu consentimento. Ademais, copiar a imaxe doutra persoa no seu sitio web pode ser unha violación de dereitos de autor. Se alguén licenza unha imaxe para usar no seu sitio web, só o fixeron para o seu sitio web. Ligando a esa imaxe e debuxándoa no seu sitio para que apareza na súa páxina sae fóra da licenza e podería abrirlle ata multas e multas legais.
En segundo plano, pode vincular a imaxes que están fóra do seu propio sitio / dominio, pero considerouse groseiro no mellor dos casos e ilegal no peor dos casos, polo tanto, só evite esta práctica todos xuntos. Para o ben deste artigo, imos asumir que as imaxes están legalmente aloxadas no seu propio dominio.
Agora que entendes as "gotchas" de ligazón á imaxe, queremos identificar o navegador que usarás.
Os navegadores diferentes fan as cousas de forma diferente, o que ten sentido porque son todas as plataformas de software exclusivas creadas por diferentes empresas. No seu maior parte, con todo, todos os navegadores funcionan de forma semellante estes días. En Google Chrome, isto é o que faría:
- Atopar a imaxe que desexe.
- Fai clic co botón dereito sobre esa imaxe ( Ctrl + clic nun Mac).
- Aparecerá un menú. Desde ese menú selecciono Copiar dirección de imaxe .
- Se pega o que está agora no portapapeis, verá que ten a ruta completa para esa imaxe.
Agora, así é como funciona en Google Chrome. Outros navegadores teñen diferenzas. En Internet Explorer, fai clic co botón dereito sobre a imaxe e escolle Propiedades . Deste cadro de diálogo verá o camiño cara a esta imaxe. Copia o enderezo da imaxe seleccionándoa e copiándola no portapapeis.
En Firefox, fai clic co botón dereito sobre a imaxe e escolle copiar a localización da imaxe .
Os dispositivos móbiles son aínda máis complicados cando se trata de atopar un camiño de URL e, dado que hai tantos dispositivos diferentes no mercado hoxe, a creación dunha lista definitiva de como atopar unha URL de imaxe en todas as plataformas e dispositivos sería unha tarefa desalentadora. En moitos casos, con todo, toca e manteña unha imaxe para acceder a un menú que lle permitirá gardar a imaxe ou atopar o seu URL.
Aceptar, entón unha vez que teña o seu URL de imaxe, podes agregarlo a un documento HTML. Lembre, este foi o punto de partida deste exercicio, para atopar a URL da imaxe para que puidésemos engadila á nosa páxina. Vexa como engadilo con HTML. Teña en conta que escribirías este código en calquera editor HTML que prefires:
Tipo:
Entre o primeiro conxunto de comiñas dobres pegarase o camiño cara á imaxe que desexa incluír. O valor do texto de alto debe ser contido descritivo explicando o que é a imaxe para quen realmente non o vexa na páxina.
Cargue a súa páxina web e proba-lo nun navegador web para ver se a súa imaxe está agora no lugar.
Consellos útiles
Os atributos de ancho e alto non son necesarios nas imaxes e deben ser excluídos a menos que sempre queira que a imaxe sexa representada nese tamaño exacto. Con sitios web e imaxes sensibles que se reflowen e redimensionan segundo o tamaño da pantalla, raramente é o caso nestes días. Probablemente sexa mellor deixar o ancho e a altura apagados, especialmente porque na ausencia doutro tipo de información ou tamaño) o navegador mostrará a imaxe no seu tamaño predeterminado.