Een URL toevoegen aan een afbeelding als de afbeelding een web-pagina of de hele website vertegenwoordigt. Bedrijven, bijvoorbeeld, vaak website URL's bevatten binnen productfoto's zodat de consument weet waar om meer te weten over het product gewoon door de afbeelding te bekijken. U kunt URL's toevoegen binnen de afbeelding zelf voor offlineweergave of als een mouseover of interactieve koppeling voor het Internet bekijken.
Wat die u nodig hebt
- Grafisch ontwerpsoftware
- HTML of tekst editor
Grafische URL toevoeging
Open je afbeelding in een grafisch ontwerpprogramma.
Klik met uw muis in de buurt van de boven- of onderkant van de afbeelding waar u wilt invoegen de URL. Kies een gebied dat alleen achtergrond afbeelding bevat, zoals uw kijkers niet op dit gebied duidelijk eens bedekt met tekst zien zullen. Voor een foto die buiten, bijvoorbeeld de tekst naar het sky-gebied invoegen.
Selecteer de optie in uw grafische programma kunt u tekst toevoegen.
Kies een tekstkleur die duidelijk afsteekt tegen de achtergrondkleur van de afbeelding. Voor een foto die 's nachts met een donkere achtergrond, kies bijvoorbeeld, "wit" als uw tekstkleur.
Typ de URL in het tekstgebied. De grootte van de tekst aanpassen zodat het allermeest naar de achtergrond van de afbeelding vult, maar niet voorbij de afbeelding of op de details van de hoofdafbeelding uitstrekt zich.
Sla de afbeelding gebruiken met een nieuwe naam, zoals photoname-URL.jpg, zodat u doen niet de originele, onbewerkte afbeelding overschrijven.
Online URL toevoeging
Open de web-pagina HTML-code waar u wilt de afbeelding invoegen.
Voeg de afbeelding binnen de HTML-code met behulp van de "img src" tag als volgt:
Het woord "yorupicture.jpg" vervangen door de naam van uw afbeelding.
De URL toevoegen aan de afbeelding, zodat wanneer bezoekers de URL zien wanneer ze de muisaanwijzer boven de afbeelding met behulp van de "alt"-tag als volgt:
http://www.yourwebsiteurl.com"/ > Een interactieve URL toevoegen aan de afbeelding, zodat wanneer bezoekers op de afbeelding klikt, de URL wordt geopend in het browservenster.
Gebruik de volgende code waarin zowel de mouseover en klikbare URL in de afbeelding:
http://www.yourwebsiteurl.com">
http://www.yourwebsiteurl.com"/ >