Como adicionar um link a uma imagem

Criar uma imagem clicável é algo simples e realizado no Photoshop ou WordPress. O passo a passo para adicionar link a uma imagem você encontra aqui.

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 no Photoshop

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:

No WordPress, um dos principais serviços de criação e hospedagem de sites, a inserção de um link em uma imagem é bastante simples. Para isso, acesse a página de administração do seu site. No canto superior esquerdo da janela principal, clique em Adicionar novo para abrir uma página de publicação em branco. Vale lembrar, no entanto, que o mesmo procedimento é válido para imagens presentes em publicações antigas:

Na página que surgirá, você deve primeiro adicionar uma imagem. Para isso, clique no ícone de Foto à direita e, na sequência, cole o URL da imagem que deseja inserir:

Com a imagem aberta, selecione agora Inserir link (ícone de corrente) acima da foto. Na aba que aparece, cole o URL da página para a qual o usuário será redirecionado ao clicar sobre a imagem:

Foto: © Denise Jans - Unsplash.

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Veja também
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.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade