Kako pronaći kodove ili URL-ove za web slike

Uobičajeni scenarij online je da imate sliku na svojoj web stranici na koju želite povezati. Možda kodirate stranicu na svojoj web lokaciji i želite dodati tu sliku ili ga želite povezati s druge web lokacije, kao što je račun društvenih medija koji imate. U svakom slučaju, prvi korak u ovom postupku je identitet URL-a (jedinstveni resursni locator) te slike. Ovo je jedinstvena adresa i put datoteke za tu određenu sliku na webu.

Pogledajmo kako je to učinjeno.

Početak rada

Za početak idite na stranicu s fotografijom koju želite koristiti. Imajte na umu, međutim, da biste trebali koristiti sliku koju posjedujete. To je zato što ukazivanje na tuđe slike smatra se krađom bandwith i može vas dobiti u nevolji - čak i legalno. Ako se povežete s imidžom na web-lokaciji, upotrebljavate vlastitu sliku i vlastitu širinu pojasa. To je u redu, ali ako se povežete s tuđom web-lokacijom, povećavate širinu pojasa web-lokacije da biste prikazali tu sliku. Ako ta web-lokacija ima mjesečne granice o upotrebi propusne moći koju mnogi hosting tvrtki nametnu, onda jedete u mjesečnoj granici bez njihovog pristanka. Osim toga, kopiranje slike druge osobe na vašu web-lokaciju može biti kršenje autorskih prava. Ako je netko licencirao sliku koju će upotrebljavati na svojoj web-lokaciji, to su učinili samo za svoju web-lokaciju. Povezivanje s tom slikom i crtanje na vašu web-lokaciju tako da se prikazuje na vašoj stranici ide izvan te licence i moglo bi vas otvoriti do pravnih kazni i kazni.

U donjem retku možete povezati slike koje su izvan vaše web-lokacije / domene, ali se u najboljem slučaju smatraju nepristojnim i ilegalnim u najgorem slučaju pa jednostavno izbjegavajte tu praksu zajedno. Radi ovog članka, pretpostavit ćemo da su slike legalno hostirane na vašoj vlastitoj domeni.

Sada kada razumijete "gothe" povezivanja slika, htjeli bismo identificirati koji će vam preglednik koristiti.

Različiti preglednici rade stvari drugačije, što ima smisla jer su sve jedinstvene softverske platforme koje su stvorile različite tvrtke. Uglavnom, preglednici su svi ovih dana radili nešto slično. U Google Chromeu to bih učinio:

  1. Pronađite željenu sliku.
  2. Desni klik na tu sliku ( Ctrl + kliknite na Mac).
  3. Pojavit će se izbornik. Iz tog izbornika odaberite Copy Address Address .
  4. Ako zalijepite ono što je sada na međuspremnik, vidjet ćete da imate puni put do te slike.

Evo kako to funkcionira u pregledniku Google Chrome. Ostali preglednici imaju razlike. U programu Internet Explorer desnom tipkom miša kliknite sliku i odaberite Svojstva . Iz tog dijaloškog okvira vidjet ćete put do ove slike. Kopirajte adresu slike tako da ju odaberete i kopirate u međuspremnik.

U Firefoxu, desnom tipkom miša kliknite sliku i odaberite mjesto kopiranja slike .

Mobilni uređaji su čak i trickier kada je u pitanju pronalaženje putanje URL-a, a budući da danas postoji toliko različitih uređaja na tržištu, stvaranje konačnog popisa kako pronaći URL slike na svim platformama i uređajima bio bi zastrašujući zadatak. Međutim, u mnogim slučajevima dodirnete i držite sliku da biste pristupili izborniku koji će vam omogućiti spremanje slike ili pronalaženje URL-a.

U redu, pa nakon što dodate URL slike, možete je dodati u HTML dokument. Zapamtite, to je bila cijela točka ove vježbe, pronaći URL slike da bismo je mogli dodati na našu stranicu! Evo kako ga dodati HTML-om. Imajte na umu da biste ovu šifru napisali u onome koji želite od HTML uređivača:

Tip:

Između prvog seta dvostrukih citata zalijepite put do slike koju želite uključiti. Vrijednost alt teksta treba biti opisni sadržaj koji objašnjava što je slika za nekoga tko ga možda zapravo ne vidi na stranici.

Prenesite svoju web stranicu i testirajte ga u web pregledniku kako biste vidjeli je li vaša slika sada na mjestu!

Korisni savjeti

Atributi širine i visine nisu potrebni na slikama i trebaju biti isključeni, osim ako uvijek želite da se ta slika vrati u toj točnoj veličini. S responzivnim web stranicama i slikama koje se preusmjeravaju i mijenjaju na temelju veličine zaslona, ​​to je rijetko slučaj ovih dana. Vjerojatno vam je bolje da ostavite širinu i visinu, pogotovo jer u odsustvu bilo koje druge veličine informacija ili stilova) preglednik će ionako prikazati sliku u zadanoj veličini.