Como adicionar um link a uma imagem

Novembro 2017


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.
Artigo original publicado por sarahmoon. Tradução feita por pintuda. Última modificação: 16 de outubro de 2017 às 08:27 por Pedro.CCM.
Este documento, intitulado 'Como adicionar um link a uma imagem', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.