Mapa de imagem HTML
Áreas clicáveis para imagens da web
Roda no seu navegador. Os arquivos nunca saem do seu dispositivo.
Como usar: Mapa de imagem HTML
- Adicione a imagem que deseja tornar clicável.
- Desenhe retângulos, círculos ou polígonos sobre as partes que devem levar a algum lugar e preencha cada link e texto alternativo.
- Copie o código HTML ou baixe uma página HTML pronta.
Sobre esta ferramenta
Torne partes de uma imagem clicáveis. Desenhe retângulos, círculos e polígonos sobre a imagem, dê a cada área um link, um texto alternativo e uma dica de tela opcional e copie o mapa de imagem HTML pronto.
Os mapas de imagem usam coordenadas fixas em pixels, então a ferramenta pode adicionar um pequeno script que mantém as áreas alinhadas quando a imagem é redimensionada. Você também pode exportar links posicionados em porcentagem, que acompanham a imagem sem nenhum script.
- Funciona no seu dispositivo. Nada é enviado.
- Grátis, sem cadastro e sem marca d’água.
- Sem limite de quantidade ou tamanho de arquivos, além do que seu dispositivo aguentar.
Perguntas e respostas
Mapas de imagem funcionam em sites responsivos?
Mapas de imagem simples não se ajustam: suas coordenadas estão em pixels da imagem original. Ative o script de redimensionamento ou escolha Links em porcentagem, que posicionam os links em porcentagens sobre a imagem.
Como desenho um polígono?
Escolha Polígono, clique em cada canto e depois clique no primeiro canto, clique duas vezes ou pressione Enter para terminar. Esc cancela e Backspace remove o último canto.
O texto alternativo é obrigatório?
Sim, por acessibilidade: toda área clicável deve ter um texto alternativo que descreva para onde o link leva, para que usuários de leitores de tela possam usá-la.
Mapa de imagem HTML é gratuito?
Sim. Todas as ferramentas do ImgImage são gratuitas, sem cadastro, sem marca d’água e sem limite de arquivos processados.
Meus arquivos são enviados para algum lugar?
Não. Seus arquivos são processados pelo seu próprio navegador e nunca saem do seu dispositivo. Nada do que você abre aqui é enviado a um servidor.
Funciona no celular?
Sim. Funciona em qualquer navegador moderno em celulares, tablets e computadores. Arquivos grandes são processados mais rápido em um computador.