Ett vanligt scenario på nätet är att du har en bild på din webbplats som du vill länka till. Kanske du kodar en sida på din webbplats och du vill lägga till den bilden, eller kanske du vill länka till den från en annan webbplats, som ett socialt mediakonto som du har. I båda fallen är det första steget i denna process att identifiera URL: en (enhetlig resurslocator) för den bilden. Det här är den unika adress- och filvägen till den specifika bilden på webben. Låt oss ta en titt på hur det här görs.
Komma igång
För att börja, gå till sidan med bilden du vill använda. Tänk på att du ska använda en bild som du äger. Det är för att peka på andras bilder betraktas som bandbreddstjälv och kan få dig i trubbel - även lagligt. Om du länkar till en bild på din webbplats använder du din egen bild och din egen bandbredd. Det är bra, men om du länkar till någon annans webbplats suger du upp sin bandbredd för att visa den bilden. Om den webbplatsen har månatliga begränsningar för användningen av bandbredd, vilket många värdföretag ålägger, äter du i sin månadsgräns utan deras samtycke. Dessutom kan kopiering av en annan persons bild till din webbplats vara en upphovsrättsintrång. Om någon har licensierat en bild att använda på deras hemsida, har de gjort det för deras hemsida ensam. Att länka till den bilden och dra den till din webbplats så att den visas på din sida går utöver den licensen och kan öppna dig för juridiska påföljder och böter. Nedre raden kan du länka till bilder som ligger utanför din egen webbplats / domän, men det anses vara oförskämd i bästa och olagliga i värsta fall, så undvik bara det här praktiken tillsammans.
För denna artikels skull kommer vi att anta att bilderna är lagligt värd på din egen domän.
Nu när du förstår "gotchas" av bildlänkning, vill vi identifiera vilken webbläsare du ska använda. Olika webbläsare gör saker annorlunda, vilket är meningsfullt eftersom de är alla unika mjukvaruplattformar som skapats av olika företag. För det mesta fungerar dock webbläsare alla något i dag. I Google Chrome är detta vad jag skulle göra:
-
Hitta den bild du vill ha.
-
Högerklicka på den här bilden (Ctrl + klicka på en Mac).
-
En meny visas. Från den menyn väljer jag Kopiera bildadress.
-
Om du klistrar in det som finns på ditt urklipp kommer du att finna att du har hela sökvägen till den bilden.
Så här fungerar det i Google Chrome. Andra webbläsare har skillnader. I Internet Explorer högerklickar du på bilden och väljer Egenskaper. Från den här dialogrutan ser du sökvägen till den här bilden. Kopiera adress på bilden genom att välja den och kopiera den till ditt urklipp.
I Firefox skulle du högerklicka på bilden och välja Kopiera bildplats.
Mobila enheter är ännu svårare när det gäller att hitta en URL-sökväg, och eftersom det finns så många olika enheter på marknaden idag, skulle det vara en skrämmande uppgift att skapa en definitiv lista över hur man hittar en bildadress på alla plattformar och enheter. I många fall berör du dock och håller på en bild för att komma åt en meny som låter dig spara bilden eller hitta dess webbadress.
OK, så när du har en bildadress kan du lägga till den i ett HTML-dokument. Kom ihåg att detta var hela meningen med den här övningen, för att hitta bildens URL så att vi kunde lägga till den på vår sida! Så här lägger du till den med HTML. Observera att du skulle skriva den här koden i vilken HTML-redigerare du föredrar:
Typ:
Mellan den första uppsättningen dubbel citat skulle du klistra in sökvägen till bilden du vill inkludera. Alt textens värde bör vara beskrivande innehåll som förklarar vad bilden är för någon som kanske inte ser den på sidan.
Ladda upp din webbsida och testa den i en webbläsare för att se om din bild nu är på plats!
Användbara tips
Bredd och höjdattribut krävs inte på bilder, och de bör uteslutas om du inte alltid vill att bilden ska visas i den exakta storleken. Med mottagliga webbplatser och bilder som återflödes och ändras på grundval av skärmstorlek, är det sällan fallet i dessa dagar. Du är sannolikt bättre att lämna bredden och höjden, speciellt eftersom webbläsaren i alla fall inte visar bilden i sin standardstorlek när det inte finns någon annan storlekstyp eller stil.
