Un escenari comú en línia és que teniu una imatge al vostre lloc web al qual voleu enllaçar. Potser està codificant una pàgina al vostre lloc i voleu afegir aquesta imatge, o potser voldreu enllaçar-la des d'un altre lloc, com ara un compte de social media que teniu. En qualsevol cas, el primer pas en aquest procés és identificar la URL (localitzador de recursos uniforme) d'aquesta imatge. Aquesta és l'adreça única i la ruta del fitxer a aquesta imatge específica a la web.
Vegem com es fa.
Començant
Per començar, aneu a la pàgina amb la imatge que voleu utilitzar. Tanmateix, tingueu en compte que heu d'utilitzar una imatge que pertanyeu. Això és degut a que assenyalar a les imatges d'altres persones es considera un robatori d'ample de banda i pot causar problemes, fins i tot legalment. Si enllaceu-vos a una imatge al vostre lloc web, esteu utilitzant la vostra pròpia imatge i el vostre propi ample de banda. Està bé, però si enllaceu-vos a un altre lloc web, esteu succionant l'ample de banda del vostre lloc per mostrar aquesta imatge. Si aquest lloc té límits mensuals sobre el seu ús d'ample de banda, que moltes empreses d'allotjament imposen, llavors mengeu el límit mensual sense el seu consentiment. A més, copiar la imatge d'una altra persona al vostre lloc web podria ser una infracció dels drets d'autor. Si algú ha autoritzat una imatge per utilitzar al seu lloc web, ho ha fet només per al seu lloc web. Enllocant-se amb aquesta imatge i dibuixant-la al vostre lloc, de manera que es mostra a la vostra pàgina, surt d'aquesta llicència i podria obrir-vos a sancions i multes legals.
En segon lloc, podeu enllaçar-vos a imatges que no pertanyen al vostre propi lloc / domini, però es considerava groller en el millor dels casos i il·legal en el pitjor lloc, de manera que eviteu aquesta pràctica tots junts. Pel que fa a aquest article, assumirem que les imatges estan allotjades legalment al vostre domini.
Ara que enteneu els "gotchas" d'enllaços d'imatges, voldrem identificar el navegador que utilitzareu.
Els diferents navegadors fan les coses de manera diferent, la qual cosa té sentit ja que són totes les plataformes de programari úniques creades per diferents empreses. En la seva major part, però, tots els navegadors funcionen de manera semblant aquests dies. A Google Chrome, això és el que faria:
- Trobeu la imatge que voleu.
- Feu clic amb el botó dret a la imatge ( Ctrl + feu clic a Mac).
- Apareixerà un menú. Des d'aquest menú selecciono Copy Copy Address .
- Si enganxeu el que hi ha al porta-retalls, trobareu que teniu la ruta completa d'aquesta imatge.
Ara, així és com funciona a Google Chrome. Altres navegadors tenen diferències. A Internet Explorer, feu clic amb el botó dret a la imatge i seleccioneu Propietats . Des d'aquest quadre de diàleg, veureu la ruta d'accés a aquesta imatge. Copieu l' adreça de la imatge seleccionant-la i copiant-la al porta-retalls.
A Firefox, feu clic amb el botó dret a la imatge i seleccioneu la ubicació de la còpia de la imatge .
Els dispositius mòbils són encara més complicats quan es tracta de trobar una ruta d'accés d'URL i, ja que hi ha tants dispositius diferents al mercat actual, crear una llista definitiva de com trobar una URL d'imatge a totes les plataformes i dispositius seria una tasca desalentadora. Tanmateix, en molts casos, toqueu i mantingueu premuda una imatge per accedir a un menú que us permetrà desar la imatge o trobar la seva URL.
D'acord, de manera que una vegada que tingui l'URL d'imatge, podeu afegir-lo a un document HTML. Recordeu que aquest era l'únic punt d'aquest exercici, per trobar l'URL de la imatge per poder afegir-lo a la nostra pàgina. A continuació s'explica com s'afegeix HTML. Tingueu en compte que escriviu aquest codi en qualsevol dels editors HTML que vulgueu:
Tipus:
Entre el primer conjunt de cometes dobles, enganxeu la ruta a la imatge que voleu incloure. El valor del text alt hauria de ser un contingut descriptiu que expliqui quina és la imatge d'algú que potser no la vegi a la pàgina.
Carregueu la vostra pàgina web i proveu-lo en un navegador web per veure si la vostra imatge ja està en el lloc.
Consells útils
No es requereixen atributs d'amplada i alçada a les imatges, i s'han d'excloure a menys que sempre vulgueu que es representi la imatge en aquesta mida exacta. Amb llocs web i imatges sensibles que es reemplacen i es redimensionen segons la mida de la pantalla, poques vegades és el cas en aquests dies. Probablement és millor deixar l'amplada i l'alçada, especialment si no hi ha cap altra informació o estils de mida), el navegador mostrarà la imatge amb la mida predeterminada de totes maneres.