Como adicionar URLs a imagens

...

Adicione um URL a uma imagem.

Adicione um URL a uma imagem se a sua imagem representar uma página da web ou um site inteiro. As empresas, por exemplo, costumam incluir URLs de sites dentro de imagens de produtos para que os consumidores saibam onde encontrar mais informações sobre o produto apenas visualizando a imagem. Você pode adicionar URLs dentro da própria imagem para visualização offline ou como um mouseover ou link interativo para visualização na Internet.

Adição de URL gráfica

Passo 1

Abra sua foto em um programa de design gráfico.

Vídeo do dia

Passo 2

Clique com o mouse próximo à parte superior ou inferior da imagem onde deseja inserir o URL. Escolha uma área que contenha apenas o fundo da imagem, pois seus visualizadores não verão essa área claramente depois de coberta com o texto. Para uma fotografia tirada ao ar livre, por exemplo, insira o texto na área do céu.

etapa 3

Selecione a opção em seu programa gráfico para adicionar texto.

Passo 4

Escolha uma cor de texto que se destaque contra a cor de fundo da imagem. Para uma fotografia tirada à noite com um fundo escuro, por exemplo, escolha "branco" como a cor do texto.

Etapa 5

Digite o URL na área de texto. Ajuste o tamanho do texto para que preencha a maior parte do fundo da imagem, mas não se estenda além da imagem ou nos detalhes da imagem principal.

Etapa 6

Salve a imagem usando um novo nome, como photoname-URL.jpg, para não substituir a imagem original não editada.

Adição de URL online

Passo 1

Abra o código HTML da página da web onde deseja inserir a imagem.

Passo 2

Insira a imagem dentro do HTML usando a tag "img src" da seguinte maneira: Substitua a palavra "yorupicture.jpg" pelo nome da sua imagem.

etapa 3

Adicione o URL à imagem para que, quando os visitantes vejam o URL, movam o mouse sobre a imagem usando a tag "alt" da seguinte maneira: http: www.yourwebsiteurl.com

Passo 4

Adicione um URL interativo à imagem para que, quando os visitantes clicarem na imagem, o URL seja aberto na janela do navegador. Use o código a seguir, que inclui o mouseover e o URL clicável na imagem: http: www.yourwebsiteurl.com

Coisas que você precisa

  • Software de design gráfico

  • HTML ou editor de texto