Editor de Anotación de Imágenes

Dibuja rectángulos y polígonos en imágenes, agrega etiquetas y exporta a formato COCO / YOLO.

100% procesamiento local — las imágenes y anotaciones nunca salen de tu navegador.

El editor visual y el editor JSON permanecen sincronizados en tiempo real — cada cambio se refleja instantáneamente en ambos.

Tips

🖱️

Dibujar Rectángulos

Selecciona la herramienta Rectángulo, luego haz clic y arrastra en el lienzo. El cuadro se ajusta automáticamente a los límites de la imagen.

⬠

Dibujar Polígonos

Selecciona la herramienta Polígono y haz clic para colocar vértices. Presiona Enter o doble clic en el primer punto para cerrar la forma. Escape cancela.

✏️

Editar Formas

En modo Selección, haz clic en una forma para seleccionarla. Arrastra las esquinas para redimensionar rectángulos o los vértices para remodelar polígonos. Arrastra dentro para mover.

⌨️

Atajos de Teclado

Ctrl+Z / Ctrl+Shift+Z para deshacer/rehacer. Delete/Retroceso para eliminar selección. Escape para deseleccionar. Enter para finalizar polígono.

🔍

Zoom y Desplazamiento

Rueda del ratón para zoom. Clic central o mantén Espacio y arrastra para desplazar. Ajustar para adaptar la imagen, Restablecer para volver a 1:1.

🏷️

Etiquetas y Notas

Selecciona una anotación y edita su Etiqueta y Nota en la barra lateral. Las etiquetas se usan como categorías en COCO/YOLO. Sin etiqueta: "unlabeled".

📋

Formato JSON Nativo

El JSON nativo preserva todos los datos (etiquetas, notas, colores, coordenadas exactas) y puede reimportarse después. Úsalo para guardar y retomar tu trabajo.

🤖

Formato COCO JSON

COCO JSON es el estándar para datasets de detección de objetos (Detectron2, MMDetection, etc.). Los rectángulos se exportan como bbox y segmentación poligonal. Ideal para entrenamiento.

📐

Formato YOLO BBox

YOLO BBox genera un archivo de texto con center-x, center-y, ancho, alto normalizados por línea, más un classes.txt. Usado por YOLOv5/v8/v9 para detección.

🔷

Formato YOLO Segmentación

YOLO Segmentación genera vértices de polígono normalizados por línea, más un classes.txt. Usado por YOLOv8-seg para segmentación de instancias.

🔄

Sincronización JSON en Tiempo Real

El editor visual y el editor JSON se mantienen sincronizados. Edita coordenadas o etiquetas en cualquiera — los cambios se reflejan al instante en ambos.

📁

Convención de Nombres de Archivo

Los archivos exportados llevan el nombre de la imagen: {name}_annotations.json, {name}_coco.json, {name}_yolo_bbox.txt, {name}_yolo_seg.txt con archivos _classes.txt correspondientes.

Preguntas frecuentes

¿Mi imagen se sube a un servidor?
No. Todo el procesamiento ocurre en tu navegador usando JavaScript. Tus imágenes, anotaciones y archivos exportados nunca salen de tu dispositivo.
¿Qué formato de exportación debo usar para detección de objetos?
Para frameworks basados en PyTorch (Detectron2, MMDetection, DETR), usa COCO JSON. Para Ultralytics YOLOv5/v8/v9, usa YOLO BBox. Ambos contienen información optimizada para sus respectivos frameworks.
¿Qué formato debo usar para segmentación de instancias?
Para segmentación a nivel de píxel con máscaras poligonales, usa COCO JSON (compatible con Mask R-CNN, Detectron2). Para YOLOv8-seg, usa YOLO Segmentación.
¿Cuál es la diferencia entre YOLO BBox y YOLO Segmentación?
YOLO BBox exporta solo cuadros delimitadores alineados (center_x, center_y, ancho, alto). YOLO Segmentación exporta los vértices del polígono, preservando el contorno preciso. Ambos usan coordenadas normalizadas 0-1.
¿Puedo importar anotaciones existentes?
Sí. Usa el botón Importar para cargar un archivo JSON nativo exportado anteriormente. Las dimensiones de la imagen deben coincidir con la imagen actual.
¿Cómo se manejan las anotaciones sin etiqueta en las exportaciones?
Las anotaciones sin etiqueta se exportan como "unlabeled" en COCO y YOLO. Se recomienda agregar etiquetas antes de exportar.
¿Cómo funciona deshacer/rehacer con operaciones de arrastre?
Las operaciones de arrastre (mover formas, redimensionar, editar vértices) se agrupan en un solo paso. Un Ctrl+Z deshace todo el arrastre.
¿Qué formatos de imagen son compatibles?
Se pueden cargar imágenes PNG, JPEG y WebP. La imagen se muestra en un canvas HTML — imágenes muy grandes (ej. 8000×6000) pueden ser lentas en dispositivos de gama baja.
¿Puedo anotar múltiples imágenes a la vez?
Esta herramienta trabaja con una imagen a la vez. Exporta tus anotaciones y luego carga la siguiente. Para flujos de trabajo por lotes, combina archivos exportados con un script.
¿Los archivos YOLO incluyen un classes.txt?
Sí. YOLO BBox y Segmentación exportan dos archivos: anotaciones ({name}_yolo_bbox.txt o {name}_yolo_seg.txt) y clases ({name}_yolo_bbox_classes.txt o {name}_yolo_seg_classes.txt).