English
EspañolGerador de mapa de imagem (áreas clicáveis)
Escolha a imagem e a forma, e desenhe: retângulo e círculo arrastando, polígono clicando nos cantos (clique no primeiro ponto ou dê dois cliques para fechar).
Áreas clicáveis numa imagem
Tudo é feito no seu aparelho: nada é enviado para a internet.
Disponível em: 
Gerador de mapa de imagem (áreas clicáveis): para que serve
Um mapa de imagem transforma partes de uma imagem em links: os lotes de uma planta, as lojas de um shopping, as peças de um produto ou os pratos de um cardápio. Escolha a imagem e desenhe as áreas arrastando (retângulo e círculo) ou clicando nos cantos (polígono).
Para cada área, informe o link e o texto alternativo. O código sai no formato clássico, com map e area, ou na versão responsiva, com links posicionados em porcentagem (e clip-path nos polígonos), que acompanha a imagem em qualquer tamanho de tela. A imagem não sai do seu navegador.
Como usar
- Escolha a imagem.
- Desenhe as áreas e preencha link e texto.
- Escolha o formato e copie o código.
Quando usar
- Planta de loteamento ou de imóvel.
- Mapa de lojas ou de evento.
- Foto de produto com partes clicáveis.
Perguntas frequentes
Mapa de imagem funciona no celular?
O map com area clássico usa coordenadas em pixels da imagem original, então as áreas ficam no lugar errado quando a imagem diminui na tela do celular. Por isso o gerador também entrega a versão responsiva, com links posicionados em porcentagem por cima da imagem, que acompanham qualquer tamanho.
As áreas são acessíveis?
Cada área recebe um texto alternativo (alt ou aria-label) que diz aonde ela leva. Preencha esse texto: é o que leitores de tela anunciam e o que aparece quando a imagem não carrega.
A imagem é enviada para algum lugar?
Não. A imagem fica no seu navegador só para você desenhar; o código gerado aponta para o endereço que você informar.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.