O que é um mapa de imagens?

Um mapa de imagem é um gráfico que é exibido em uma página da web que contém regiões clicáveis ​​para auxiliar na navegação. Alguns sites, como o wiseGEEK, usam uma lista de links para ajudar os visitantes a navegar pelo site. O conteúdo do site está vinculado, permitindo que os visitantes encontrem o que estão procurando o mais rápido possível.

Outros sites usam mapas de imagens para realizar a navegação. Os gráficos são divididos em regiões e cada região recebe um link de mapa de imagem. Alguns aplicativos criam fatias da imagem e cada fatia pode ter links de mapa de imagem atribuídos a eles, enquanto outros aplicativos permitem ao criador do mapa de imagem arrastar e selecionar uma parte da imagem e depois atribuir um link de mapa de imagem à seção selecionada. Os links do mapa de imagem recebem hiperlinks para o conteúdo do site ou mesmo de outras partes da Internet.

Geralmente, ferramentas de desenvolvimento da Web, como o Adobe® Dreamweaver®, poderão ajudar na criação de mapas de imagens. Depois que a imagem a ser usada no mapa da imagem for carregada no ambiente, o usuário poderá desenhar seleções clicáveis ​​em torno de partes do conteúdo. Essas seleções são então atribuídas a links, exatamente como seriam os botões de texto ou imagem completa. Quando o conteúdo é publicado em um servidor Web, os links do mapa de imagem atribuídos às regiões selecionadas são clicáveis ​​e direcionam os visitantes para o conteúdo que o mapa de imagem faz referência.

Um exemplo de site com um mapa de imagens seria em weather.gov. O mapa do tempo na página é o mapa da imagem usado. Quando os visitantes passam o mouse sobre um estado ou seção da imagem e clicam, o mapa da imagem os redireciona para uma área diferente do site.

Ao visitar um site com um mapa de imagem, uma maneira de descobrir quais seções do mapa de imagem apontam para links diferentes seria o visitante passar o mouse sobre uma seção da imagem e tomar nota da barra de status do navegador. À medida que os links do mapa da imagem mudam, a barra de status exibe o URL atual para esse link.

Embora os links de texto possam ser muito diretos e simples de usar e entender, os mapas de imagens podem criar uma experiência muito mais agradável para os visitantes de um site sem muito esforço adicional por parte do web designer. Alguns aplicativos, como mapas clicáveis ​​ou colagens de fotos, podem se prestar muito facilmente a mapas de imagens, enquanto outros sites, como notícias ou listagens de ações, podem ser melhores usando botões de imagem ou links de texto para auxiliar na navegação.