Voeg een URL toe aan een afbeelding.
Voeg een URL toe aan een afbeelding als uw afbeelding een webpagina of een volledige website vertegenwoordigt. Bedrijven nemen bijvoorbeeld vaak website-URL's op in productafbeeldingen, zodat consumenten weten waar ze meer over het product kunnen vinden door alleen maar naar de afbeelding te kijken. U kunt URL's binnen de afbeelding zelf toevoegen voor offline weergave of als een mouseover of interactieve link voor internetweergave.
Grafische URL-toevoeging
Stap 1
Open je foto in een grafisch ontwerpprogramma.
Video van de dag
Stap 2
Klik met uw muis in de buurt van de boven- of onderkant van de afbeelding waar u de URL wilt invoegen. Kies een gebied dat alleen afbeeldingsachtergrond bevat, aangezien uw kijkers dit gebied niet duidelijk zullen zien als het eenmaal is bedekt met tekst. Voor een foto die buiten is genomen, plaatst u bijvoorbeeld de tekst op het luchtruim.
Stap 3
Selecteer de optie in uw grafische programma om tekst toe te voegen.
Stap 4
Kies een tekstkleur die opvalt tegen de achtergrondkleur van de afbeelding. Kies voor een nachtfoto met een donkere achtergrond bijvoorbeeld 'wit' als tekstkleur.
Stap 5
Typ de URL in het tekstgebied. Pas de grootte van de tekst aan zodat deze het grootste deel van de afbeeldingsachtergrond vult, maar niet verder reikt dan de afbeelding of in de belangrijkste afbeeldingsdetails.
Stap 6
Sla de afbeelding op met een nieuwe naam, zoals fotonaam-URL.jpg, zodat u de oorspronkelijke onbewerkte afbeelding niet overschrijft.
Online URL-toevoeging
Stap 1
Open de HTML-code van de webpagina waar u de afbeelding wilt invoegen.
Stap 2
Voeg de afbeelding als volgt in de HTML in met de tag "img src": Vervang het woord "yorupicture.jpg" door de naam van je afbeelding.
Stap 3
Voeg de URL toe aan de afbeelding zodat wanneer bezoekers de URL zien wanneer ze hun muis over de afbeelding bewegen met behulp van de "alt"-tag als volgt:
Stap 4
Voeg een interactieve URL toe aan de afbeelding zodat wanneer bezoekers op de afbeelding klikken, de URL wordt geopend in het browservenster. Gebruik de volgende code die zowel de mouseover als de klikbare URL in de afbeelding bevat:
Dingen die je nodig hebt
Grafische ontwerpsoftware
HTML of teksteditor