Un scenariu obișnuit online este că aveți o imagine pe site-ul dvs. pe care doriți să îl conectați. Poate că codificați o pagină pe site-ul dvs. și doriți să adăugați imaginea respectivă sau, eventual, doriți să o conectați la un alt site, cum ar fi un cont social media pe care îl aveți. În ambele cazuri, primul pas în acest proces este acela de a identifica adresa URL (unicul locator de resurse) al acelei imagini. Aceasta este adresa unică și calea fișierului pentru acea imagine specifică de pe Web.
Să aruncăm o privire la modul în care se face acest lucru.
Noțiuni de bază
Pentru a începe, accesați pagina cu imaginea pe care doriți să o utilizați. Rețineți totuși că ar trebui să utilizați o imagine pe care o dețineți. Asta pentru că arătarea imaginilor altor persoane este considerată furt de lățime de bandă și vă poate provoca probleme - chiar și în mod legal. Dacă vă conectați la o imagine de pe site-ul dvs., vă folosiți propria imagine și propria lățime de bandă. Acest lucru este bine, dar dacă vă conectați la site-ul altcuiva, sugeți lățimea de bandă a site-ului pentru a afișa acea imagine. Dacă acest site are limite lunare pentru utilizarea lățimii de bandă, pe care o impun multe companii de găzduire , atunci vă mâncați în limita lunară fără consimțământul lor. În plus, copierea imaginii unei alte persoane pe site-ul dvs. ar putea fi o încălcare a drepturilor de autor. Dacă cineva a licențiat o imagine pe care să o utilizeze pe site-ul său, acestea au făcut-o numai pentru site-ul lor. Conectarea la acea imagine și desenarea acesteia pe site-ul dvs., astfel încât afișează în pagina dvs. să se extindă în afara acelei licențe și să vă poată deschide penalități și amenzi legale.
Linia de fund, puteți să vă conectați la imagini care sunt în afara propriului dvs. site / domeniu, dar a fost considerată nepoliticos în cel mai bun caz și ilegal în cel mai rău caz, așa că evitați această practică împreună. De dragul acestui articol, vom presupune că imaginile sunt găzduite legal pe propriul dvs. domeniu.
Acum că înțelegeți "gotchas" de legare a imaginii, vom dori să identificăm ce browser să utilizați.
Diferitele browsere fac lucrurile în mod diferit, ceea ce are sens deoarece acestea sunt platforme software unice create de diferite companii. În cea mai mare parte, cu toate acestea, browserele toate funcționează oarecum similar în aceste zile. În Google Chrome, asta aș face:
- Găsiți imaginea dorită.
- Faceți clic dreapta pe acea imagine ( Ctrl + faceți clic pe un Mac).
- Va apărea un meniu. Din meniul respectiv, selectați Copiere adresă imagine .
- Dacă lipiți ceea ce este acum în clipboard, veți descoperi că aveți calea completă la acea imagine.
Acum, așa funcționează în Google Chrome. Alte browsere au diferențe. În Internet Explorer, faceți clic dreapta pe imagine și alegeți Proprietăți . Din acea casetă de dialog veți vedea calea către această imagine. Copiați adresa imaginii selectând-o și copiind-o în clipboard.
În Firefox, faceți click dreapta pe imagine și alegeți locația de copiere a imaginii .
Dispozitivele mobile sunt chiar mai complicate atunci când vine vorba de găsirea unei căi de adrese URL și deoarece există atât de multe dispozitive diferite pe piață astăzi, crearea unei liste definitive a modului de a găsi o adresă URL a imaginii pe toate platformele și dispozitivele ar fi o sarcină descurajantă. În multe cazuri, totuși, atingeți și mențineți o imagine pentru a accesa un meniu care vă va permite să salvați imaginea sau să găsiți adresa URL a acesteia.
OK, deci odată ce ai adresa URL a imaginii, poți să o adaugi într-un document HTML. Amintiți-vă, acesta a fost întregul punct al acestui exercițiu, pentru a găsi adresa URL a imaginii, astfel încât să putem adăuga pagina noastră! Iată cum se adaugă cu HTML. Rețineți că ați scrie acest cod în oricare editor HTML pe care îl preferați:
Tip:
Între primul set de citate dublă veți lipi calea către imaginea pe care doriți să o includeți. Valoarea alt text ar trebui să fie un conținut descriptiv care să explice ce este imaginea pentru cineva care probabil nu o vede pe pagină.
Încărcați pagina dvs. web și testați-o într-un browser web pentru a vedea dacă imaginea dvs. este acum disponibilă!
Sfaturi utile
Lățimea și înălțimea atributelor nu sunt necesare pe imagini și ar trebui să fie excluse cu excepția cazului în care doriți întotdeauna ca imaginea să fie redată în acea dimensiune exactă. Cu site-urile și imaginile receptive care se refacă și se redimensionează pe baza dimensiunii ecranului, acest lucru este rareori în aceste zile. Este posibil să nu mai lăsați lățimea și înălțimea în afara, mai ales că în absența oricăror alte dimensiuni sau stiluri) browserul va afișa imaginea în dimensiunea implicită oricum.