Generador de mapa de imagen (áreas clicables)
Elige la imagen y la forma, y dibuja: rectángulo y círculo arrastrando, polígono haciendo clic en las esquinas (haz clic en el primer punto o doble clic para cerrar).
Cómo usarÁreas clicables en una imagen
Disponible en: 
Generador de mapa de imagen (áreas clicables): para qué sirve
Un mapa de imagen convierte partes de una imagen en enlaces: los lotes de un plano, las tiendas de un centro comercial, las piezas de un producto o los platillos de un menú. Elige la imagen y dibuja las áreas arrastrando (rectángulo y círculo) o haciendo clic en las esquinas (polígono).
Para cada área, indica el enlace y el texto alternativo. El código sale en el formato clásico, con map y area, o en la versión responsiva, con enlaces posicionados en porcentaje (y clip-path en los polígonos), que acompaña la imagen en cualquier tamaño de pantalla.
Cómo usar
- Elige la imagen.
- Dibuja las áreas y completa enlace y texto.
- Elige el formato y copia el código.
Cuándo usar
- Plano de lotificación o de inmueble.
- Mapa de tiendas o de evento.
- Foto de producto con partes clicables.
Preguntas frecuentes
¿El mapa de imagen funciona en el celular?
El map con area clásico usa coordenadas en píxeles de la imagen original, así que las áreas quedan en el lugar equivocado cuando la imagen se reduce en la pantalla del celular. Por eso el generador también entrega la versión responsiva, con enlaces posicionados en porcentaje sobre la imagen, que acompañan cualquier tamaño.
¿Las áreas son accesibles?
Cada área recibe un texto alternativo (alt o aria-label) que dice a dónde lleva. Completa ese texto: es lo que anuncian los lectores de pantalla y lo que aparece cuando la imagen no carga.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.