Creador de listas por niveles

Qué es una lista por niveles y qué no es

Una lista por niveles agrupa elementos comparables en franjas ordenadas como S, A, B y C. Una fila superior suele expresar mayor preferencia, rendimiento o adecuación al criterio elegido. La herramienta no calcula puntuaciones ni decide dónde va cada elemento.

Úsala para opiniones y comparaciones: discos favoritos, opciones de producto, personajes, recetas o ideas. Para controlar acciones terminadas conviene una lista de tareas; para mover trabajo entre fases, un Kanban.

Elige niveles útiles antes de clasificar

Las etiquetas S–F son convencionales, no obligatorias. Puedes usar Excelente / Bueno / Quizá / Descartar o una escala propia. Se admiten hasta 12 filas de nivel.

Define primero el criterio: «mejor relación calidad-precio» no produce necesariamente el mismo orden que «mayor calidad». Un título concreto y filas descriptivas ayudan a entender la imagen exportada. Dentro de un mismo nivel también puedes ordenar de izquierda a derecha; si no, considera equivalentes todos sus elementos.

Elementos de texto e imágenes locales

El tablero admite 100 elementos, incluidas hasta 60 imágenes. Los textos sirven para nombres, opciones e ideas. Las imágenes se normalizan en el navegador para que encajen en casillas uniformes y no arrastren metadatos innecesarios.

Se aceptan PNG, JPEG y WebP. Cada archivo puede ocupar hasta 8 MiB y cada lote seleccionado hasta 50 MiB; ningún lado puede superar 8192 px y la imagen decodificada no puede exceder 16 MP. Las imágenes aceptadas se reducen cuando hace falta hasta 512 × 512 px. El conjunto de imágenes normalizadas tiene un límite de 32 MiB.

No se aceptan URL remotas ni SVG. Así se evitan recursos rotos, errores de lienzo entre orígenes y contenido XML activo. La guía de carga de archivos de OWASP recomienda permitir solo formatos necesarios, limitar tamaños, comprobar más que el MIME declarado y reescribir imágenes.

Arrastrar es opcional

Puedes usar los controles de movimiento o el teclado. Pulsa Intro o Espacio para iniciar el modo de movimiento; las flechas cambian el nivel y la posición, Intro o Espacio confirma y Escape cancela. Esto también facilita el uso en móviles. La orientación de W3C sobre movimientos de arrastre explica por qué una función de arrastre necesita una alternativa sencilla.

Qué se guarda en el navegador

El título, los niveles, textos, imágenes y clasificación permanecen en el almacenamiento de este navegador. No se añaden a la URL ni se envían al servidor como datos del editor. IndexedDB permite recuperar el proyecto tras una recarga normal.

No es almacenamiento en la nube: otro navegador o dispositivo no verá el proyecto, borrar los datos del sitio lo elimina y otra persona con el mismo perfil podría abrirlo. Usa Borrar proyecto en equipos compartidos y exporta JSON como copia deliberada.

Para qué sirven JSON, PNG y SVG

La importación se valida antes de sustituir el proyecto; un archivo erróneo no cambia lo abierto. El JSON admite hasta 48 MiB.

El PNG se dibuja localmente y se descarga mediante canvas.toBlob(). Al no usar imágenes remotas, el lienzo no queda bloqueado por origen cruzado. El SVG se genera con formas, texto e imágenes no interactivas. Según MDN, <image> en SVG puede mostrar imágenes ráster. No copia SVG subidos, scripts, enlaces ni HTML.

Límites para exportar con fiabilidad

Los anchos son 800, 1200, 1600 o 2400 px. PNG admite 1× o 2× si el mapa de bits no supera 8192 px por lado ni 16 × 1024 × 1024 píxeles (unos 16,8 MP). Si 2× no cabe, se explica en vez de reducirlo en silencio. SVG sigue el mismo límite de seguridad de 48 MiB.

Los elementos Sin clasificar se omiten por defecto; activa Incluir Sin clasificar para añadir una fila neutra final. Revisa la vista previa: demasiadas filas, elementos o un título largo pueden resultar ilegibles a tamaño pequeño.

Errores frecuentes

• Cambiar el criterio a mitad. Escríbelo en el título antes de clasificar.
• Usar nombres poco claros. «Quizá» o «Evitar» explican más que un color solo.
• Confundir nivel con puntuación exacta. La distancia entre filas no es una medida.
• Olvidar Sin clasificar. Esos elementos no entran automáticamente en la exportación.
• Compartir solo JSON. JSON sirve para editar; PNG o SVG, para ver el resultado.