Et vanlig scenario på nettet er at du har et bilde på nettstedet ditt du vil koble til. Kanskje du koder en side på nettstedet ditt, og du vil legge til det bildet, eller kanskje du vil koble til det fra et annet nettsted, som en sosial mediekonto du har. I begge tilfeller er det første trinnet i denne prosessen å identifisere nettadressen (ensartet ressurslokaliserer) for bildet. Dette er den unike adressen og filbanen til det bestemte bildet på nettet. La oss se på hvordan dette er gjort.
Starter
For å begynne, gå til siden med bildet du vil bruke. Vær imidlertid oppmerksom på at du bør bruke et bilde du eier. Det er fordi å peke på andres bilder betraktes som båndbreddetyveri og kan få deg i trøbbel - selv lovlig. Hvis du kobler til et bilde på nettstedet ditt, bruker du ditt eget bilde og din egen båndbredde. Det er greit, men hvis du linker til andres nettsider, suger du opp båndbredden for å vise bildet. Hvis det nettstedet har månedlige grenser for deres båndbreddebruk, som mange hostingfirmaer pålegger, så spiser du inn i deres månedlige grense uten deres samtykke. I tillegg kan kopiering av en annen persons bilde til nettstedet ditt være et brudd på opphavsretten. Hvis noen har lisensiert et bilde som skal brukes på deres nettside, har de gjort det for deres nettsted alene. Kobling til bildet og tegning det inn på nettstedet ditt slik at det vises på siden din, går utenfor denne lisensen og kan åpne deg for juridiske straffer og bøter. Bunnlinjen, du kan lenke til bilder som er utenfor ditt eget nettsted / domene, men det anses uhøflig i beste fall og ulovlig i verste fall, så unngå denne øvelsen alt sammen.
For denne artiklens skyld vil vi anta at bildene er lovlig vert på ditt eget domene.
Nå som du forstår "gotchas" av bildelinking, vil vi gjerne identifisere hvilken nettleser du skal bruke. Ulike nettlesere gjør ting annerledes, noe som gir mening fordi de er alle unike programvareplattformer opprettet av ulike selskaper. For det meste fungerer imidlertid nettlesere alle sammen noe lignende i disse dager. I Google Chrome er dette det jeg ville gjøre:
-
Finn bildet du vil ha.
-
Høyreklikk på bildet (Ctrl + klikk på en Mac).
-
En meny vil vises. Fra den menyen velger jeg Kopier bildeadresse.
-
Hvis du limer inn det som er nå på utklippstavlen, vil du finne at du har den fullstendige banen til bildet.
Nå er det slik det fungerer i Google Chrome. Andre nettlesere har forskjeller. I Internet Explorer, høyreklikker du på bildet og velger Eiendommer. Fra denne dialogboksen vil du se banen til dette bildet. Kopier adresse på bildet ved å velge den og kopiere den til utklippstavlen.
I Firefox ville du høyreklikke på bildet og velge Kopier bildeplassering.
Mobile enheter er enda vanskeligere når det gjelder å finne en URL-bane, og siden det er så mange forskjellige enheter på markedet i dag, ville det være en skremmende oppgave å skape en endelig liste over hvordan du finner en bildeadresse på alle plattformer og enheter. I mange tilfeller berører og holder du på et bilde for å få tilgang til en meny som lar deg lagre bildet eller finne nettadressen.
OK, så når du har bildeadressen din, kan du legge den til et HTML-dokument. Husk at dette var hele poenget med denne øvelsen, for å finne bildens URL slik at vi kunne legge det til vår side! Slik legger du til den med HTML. Merk at du vil skrive denne koden i hvilken HTML-editor du foretrekker:
Type:
Mellom det første settet med dobbelte sitater vil du lime inn banen til bildet du vil inkludere. Alt tekstverdien skal være beskrivende innhold som forklarer hva bildet er for noen som kanskje ikke ser det på siden.
Last opp nettsiden din og test den i en nettleser for å se om bildet ditt nå er på plass!
Nyttige tips
Bredde- og høydeattributter kreves ikke på bilder, og de bør utelukkes med mindre du alltid vil at bildet skal gjengis i den eksakte størrelsen. Med responsive nettsteder og bilder som reflower og endrer størrelse basert på skjermstørrelse, er dette sjelden tilfelle i disse dager. Du er sannsynligvis bedre å forlate bredden og høyden, spesielt siden i fravær av andre størrelsesinfo eller stiler) vil nettleseren likevel vise bildet i standardstørrelsen.
