Como adicionar um link a uma imagem

Faça uma pergunta

Um hyperlink serve para passar, automaticamente, de uma página Web para outra página do seu site ou para outro site por meio de um simples clique do mouse. Uma imagem clicável também pode servir de link. Veja como criá-la nessa dica.

Como obter uma imagem clicável

Para obter uma imagem clicável você deverá, antes de tudo, abri-la no Photoshop:



Depois, digite o texto que direcionará para a página inicial do seu site ou outro lugar, sem esquecer do http://, caso contrário não vai dar certo:



Feito isso, escolha a ferramenta Tranche (Fatia) e trace o trecho arrastando o mouse até o lugar onde se encontra o texto:


Clique com o botão direito do mouse para alterar as opções de intervalo e insira o endereço de URL:



No menu de contexto, clique em Arquivo e Salvar para a Web. Em Metadados, indique: Copyright e dados para contato:


Clique em Visualizar na parte inferior da janela Web e periféricos para ver se o link funciona:


Salve o arquivo em HTML com as seguintes configurações:


No seu navegador, abra a imagem (CMD + O ou CTRL + O). O link poderá ser clicado e redirecionará para o endereço de URL que você digitou antes:


Veja o resultado final:


Foto: © Pixabay.
Jean-François Pillou

Jean-François Pillou - Fundador do CCM
Mais conhecido como Jeff, Jean-François Pillou é o fundador do CommentCaMarche.net. Ele também é CEO do CCM Benchmark e diretor digital do Grupo Figaro.

Mais informações sobre a equipe do CCM

Veja também