Een veelvoorkomend scenario online is dat u een afbeelding op uw website hebt waarnaar u wilt linken. Misschien codeert u een pagina op uw site en wilt u die afbeelding toevoegen, of wilt u er vanaf een andere site naar linken, zoals een sociale media-account die u hebt. In beide gevallen is de eerste stap in dit proces het identificeren van de URL (uniform resource locator) van die afbeelding. Dit is het unieke adres en bestandspad naar die specifieke afbeelding op het web. Laten we eens kijken hoe dit is gebeurd.
Ermee beginnen
Ga om te beginnen naar de pagina met de afbeelding die u wilt gebruiken. Houd er echter rekening mee dat u een afbeelding moet gebruiken waarvan u de eigenaar bent. Dat komt omdat het verwijzen naar afbeeldingen van andere mensen wordt beschouwd als bandbreedtediefstal en u in de problemen kunt brengen - zelfs legaal. Als u naar een afbeelding op uw website linkt, gebruikt u uw eigen afbeelding en uw eigen bandbreedte. Dat is prima, maar als u naar de website van iemand anders linkt, zuigt u de bandbreedte van hun site op om die afbeelding weer te geven. Als die site maandelijkse limieten heeft voor hun bandbreedtegebruik, wat door veel hostingbedrijven wordt opgelegd, dan eet u hun maandelijkse limiet in zonder hun toestemming. Bovendien kan het kopiëren van de afbeelding van iemand anders naar uw website een schending van het auteursrecht zijn. Als iemand een afbeelding in licentie heeft gegeven om op zijn website te gebruiken, heeft hij dit alleen voor zijn website gedaan. Het linken naar die afbeelding en het naar uw site halen zodat deze op uw pagina wordt weergegeven, valt buiten die licentie en zou u kunnen openen voor juridische boetes en boetes. In de eerste plaats kunt u links plaatsen naar afbeeldingen die zich buiten uw eigen site / domein bevinden, maar deze is op zijn best onbeschoft en in het slechtste geval illegaal, dus vermijd gewoon deze praktijk allemaal samen.
In het belang van dit artikel gaan we ervan uit dat de afbeeldingen legaal worden gehost op uw eigen domein.
Nu je de "gotchas" van het koppelen van afbeeldingen begrijpt, willen we weten welke browser je gaat gebruiken. Verschillende browsers doen dingen anders, wat logisch is, omdat het allemaal unieke softwareplatformen zijn die door verschillende bedrijven zijn gemaakt. Maar voor het grootste deel werken browsers tegenwoordig allemaal enigszins hetzelfde. In Google Chrome, dit is wat ik zou doen:
-
Zoek de afbeelding die u zoekt.
-
Klik met de rechtermuisknop op die afbeelding (Ctrl + klik op een Mac).
-
Een menu verschijnt. Vanuit dat menu selecteer ik Beeldadres kopiëren.
-
Als u plakt wat nu op uw klembord staat, zult u merken dat u het volledige pad naar die afbeelding hebt.
Dit is hoe het werkt in Google Chrome. Andere browsers hebben wel verschillen. In Internet Explorer, klik je rechts op de afbeelding en kiest eigenschappen. Vanuit dat dialoogvenster ziet u het pad naar deze afbeelding. Kopieer de adres van de afbeelding door het te selecteren en naar uw klembord te kopiëren.
In Firefox zou u met de rechtermuisknop op de afbeelding klikken en kiezen kopieer afbeeldingslocatie.
Mobiele apparaten zijn zelfs lastiger als het gaat om het vinden van een URL-pad en aangezien er tegenwoordig zoveel verschillende apparaten op de markt zijn, zou het een ontmoedigende taak zijn om een definitieve lijst te maken van het vinden van een afbeeldings-URL op alle platforms en apparaten. In veel gevallen raakt u echter een afbeelding aan en houdt u deze vast om toegang te krijgen tot een menu waarmee u de afbeelding kunt opslaan of de URL kunt vinden.
OK, dus zodra u uw afbeeldings-URL hebt, kunt u deze toevoegen aan een HTML-document. Vergeet niet dat dit het hele doel van deze oefening was om de URL van de afbeelding te vinden, zodat we deze aan onze pagina konden toevoegen! U kunt het als volgt met HTML toevoegen. Merk op dat je deze code zou schrijven in elke gewenste HTML-editor:
Type:
Tussen de eerste set dubbele aanhalingstekens plakt u het pad naar de afbeelding die u wilt opnemen. De waarde van de alt-tekst moet een beschrijvende inhoud zijn die uitlegt wat de afbeelding is voor iemand die de afbeelding mogelijk niet op de pagina ziet.
Upload uw webpagina en test deze in een webbrowser om te zien of uw afbeelding nu op zijn plaats is!
Bruikbare tips
Breedte- en hoogtekenmerken zijn niet vereist voor afbeeldingen en moeten worden uitgesloten, tenzij u altijd wilt dat die afbeelding in die exacte grootte wordt gerenderd. Met responsieve websites en afbeeldingen die opnieuw worden geplaatst en van grootte veranderen op basis van schermgrootte, is dit tegenwoordig zelden het geval. Waarschijnlijk kunt u beter de breedte en hoogte weglaten, vooral omdat bij afwezigheid van andere maatinformatie of -stijlen de browser de afbeelding toch in de standaardgrootte zal weergeven.
