>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Adicionar URLs a Imagens

Adicione URL a uma imagem se ela representa uma página web ou site inteiro. Empresas, por exemplo, incluem URLs de sites dentro de imagens de produtos para que consumidores saibam onde encontrar mais informações apenas vendo a imagem. Pode adicionar URLs dentro da própria imagem para visualização offline ou como link interativo ou mouseover para visualização na Internet.

Adição Gráfica de URL

Passo 1

Abra sua imagem em programa de design gráfico.

Passo 2

Clique com mouse próximo ao topo ou base da imagem onde quer inserir a URL. Escolha área que contenha apenas fundo, pois espectadores não verão claramente essa área coberta por texto. Em foto externa, por exemplo, insira texto na área do céu.

Passo 3

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

Passo 4

Escolha cor de texto que destaque contra o fundo. Em foto noturna com fundo escuro, escolha branco.

Passo 5

Digite a URL na área de texto. Ajuste tamanho para preencher a maior parte do fundo, mas sem ultrapassar a imagem ou invadir detalhes principais.

Passo 6

Salve a imagem com novo nome, como fotonome-URL.jpg, para não sobrescrever a original.

Adição de URL Online

Passo 1

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

Passo 2

Insira a imagem no HTML usando a tag img src assim: <img src="suaimagem.jpg" />. Substitua "suaimagem.jpg" pelo nome da sua imagem.

Passo 3

Adicione URL para aparecer quando passarem mouse sobre a imagem usando tag alt: <img src="suaimagem.jpg" alt="https://seusite.com" />

Passo 4

Adicione URL interativa para abrir no navegador ao clicar na imagem. Use código com mouseover e URL clicável: <a href="https://seusite.com"><img src="suaimagem.jpg" alt="https://seusite.com" /></a>