Creador de Tier List

Acerca de Creador de Tier List

Arrastra imágenes o elementos de texto a filas como S, A, B, C, D y F para montar una tier list, y expórtala como PNG o compártela con un enlace. Las imágenes pueden entrar desde el selector de archivos, arrastrándolas o pegándolas con Ctrl+V, y también puedes crear elementos solo de texto.

Una tier list no es un ranking numerado. Dentro de una fila el orden importa poco: lo que decides es a qué franja pertenece cada cosa, y eso sigue siendo manejable con treinta o cincuenta elementos, cuando ordenar del 1 al 50 sería eterno. A cambio, siempre habrá discusión sobre lo que queda justo en la frontera entre A y B.

De dónde salen las tier lists

Agrupar personajes por niveles nació en la escena competitiva de los juegos de lucha. La revista Inverse sitúa el origen de esa escena en Street Fighter II (1991) y atribuye a la comunidad de Tekken 4 la difusión en internet del formato actual, citando una publicación de foro de 2005 que fijó etiquetas como «God Tier» o «Mid Tier». La comunidad de Super Smash Bros. lo llevó más lejos, pasó a otros géneros como League of Legends y acabó convertido en el formato de YouTube con el que se clasifica cualquier cosa, de la comida rápida a las películas.

En los juegos de lucha un nivel tenía un significado bastante objetivo: la probabilidad de ganar en torneos. Hoy la mayoría de las tier lists expresan gustos, lo cual está bien, pero conviene poner el criterio en el título: «mejor para volver a ver» y «mejor hecha» dan listas muy distintas. Por eso, además de S–F, hay plantillas como Obra maestra–Malo, Favorito–Nunca, Imprescindible–Evitar y Muy difícil–Muy fácil.

Colores de las filas y etiquetas legibles

La paleta clásica recorre nueve colores del rojo al violeta. Si añades más filas que colores, el último se repite en pasos un 12 % más oscuros, para que las filas extra no acaben en un gris plano. También hay paletas pastel, neón, océano, atardecer y monocroma.

Para cada etiqueta de fila, la herramienta calcula la luminancia relativa del fondo —la fórmula de brillo que define WCAG— y con ella obtiene la relación de contraste del texto oscuro y del blanco, y usa la mayor. Así una etiqueta blanca no desaparece sobre una fila amarilla, y una fila de brillo medio como #808080 recibe texto oscuro, que contrasta más que el blanco.

Dónde se guardan tus imágenes y cuánto se reducen

Cada imagen que añades se escala para que su lado largo mida 440 píxeles y se vuelve a codificar en WebP con calidad 0,88 (PNG en navegadores que no generan WebP). La lista entera se guarda en el almacenamiento de este navegador medio segundo después de que dejes de editar, y una vez más al cerrar la pestaña.

El almacenamiento del navegador tiene una cuota por sitio, así que una lista con muchísimas imágenes puede no llegar a guardarse. Verás un aviso de almacenamiento lleno; lo que hay en pantalla sigue intacto, pero al recargar volverías al último guardado correcto. Para proyectos grandes, guarda un archivo JSON: además sirve para abrir la lista tal cual en otro dispositivo.

Deshacer recuerda los últimos 60 pasos.

Cómo funcionan los enlaces para compartir

«Copiar enlace» convierte la lista a JSON, la comprime con el flujo deflate integrado en el navegador y pone el resultado detrás del # de la URL. Lo que va detrás de # nunca se envía a un servidor web, así que un enlace de hasta 7.000 caracteres no pasa por ningún servidor.

Las imágenes alargan el enlace muy deprisa. Por encima de 7.000 caracteres, la herramienta primero vuelve a codificar las imágenes a 96 píxeles de lado largo y calidad 0,6; por encima de 30.000, quita las imágenes y conserva solo textos y posiciones; si aun así no cabe, no genera enlace.

Cuando la lista no cabe en un enlace, puedes elegir guardarla en el servidor. Es la única vía por la que algo creado en este sitio llega a un servidor, y solo ocurre si respondes que sí cuando se te pregunta. Eliges si se borra tras una hora, un día o un año sin uso, y el plazo se renueva cada vez que alguien abre el código.

Exportar en PNG

El PNG no es una captura de pantalla: la herramienta vuelve a dibujar la lista en un lienzo, calcula cuántas casillas caben por línea según el ancho del tablero, parte las filas que se desbordan y da a las filas vacías la altura de una casilla. La escala de exportación es 1×, 2× o 3× (2× por defecto), así que una casilla de 84 píxeles se dibuja a 168 en 2×. Si el navegador lo permite, puedes copiar la imagen directamente al portapapeles en lugar de descargarla.

Ejemplos

Cómo se usa

1. Elige una plantilla (S–F, estrellas, gustos, etc.) y ponle título.
2. Suelta, pega o selecciona imágenes y añade elementos de texto si hace falta.
3. Arrastra los elementos de la reserva a las filas.
4. Exporta un PNG o copia un enlace para compartir.

Preguntas frecuentes