🏆Criador de tier list
Envie suas imagens, arraste cada uma para a linha certa (S, A, B, C, D ou as que você criar), edite nomes e cores e exporte a tier list em PNG. Tudo é feito no navegador: as imagens não são enviadas a nenhum servidor.
Banco de imagens (arraste para as linhas acima ou clique na imagem e depois na linha):
Envie as imagens para começar. Processamento 100% local: a imagem não sai do seu navegador.
🔒 Cálculo 100% local — os dados que você digita não saem do seu navegador, nada é enviado a servidores.
Fonte: Canvas API e File API (processamento de imagem no navegador) — processamento 100% local; a imagem não sai do seu dispositivo · Última verificação em 24/09/2026
Uma tier list é um ranking visual em linhas classificadas, tradicionalmente de S (melhor) a D (pior), onde você coloca itens como imagens de jogos, filmes ou personagens. Aqui você arrasta imagens entre o banco e as linhas e exporta o resultado em PNG, sem enviar nada a servidores.
Como usar o criador de tier list
- Carregue as imagensSelecione várias imagens de uma só vez. Elas ficam no banco, na parte de baixo da ferramenta, em miniaturas quadradas.
- Arraste para as linhasSegure a imagem e solte na linha desejada. Em telas de toque, onde o arraste nem sempre funciona, toque na imagem e depois toque na linha.
- Personalize as linhasEdite o nome, troque a cor pelo seletor e use adicionar linha para criar categorias extras, como SS ou F.
- ExporteClique em baixar PNG para gerar a imagem completa da tier list.
Como funciona
A ferramenta usa o recurso nativo de arrastar e soltar do HTML5. Cada miniatura é um elemento arrastável; cada linha e o banco são zonas de destino que aceitam o item solto e o movem para dentro delas. Como o navegador só mexe nos elementos da página, nenhuma imagem é enviada para fora do seu aparelho.\n\nNa exportação, a tier list é redesenhada em um canvas com 1200 px de largura. Cada linha tem uma faixa colorida à esquerda com o nome e uma área escura à direita onde as imagens são desenhadas em células quadradas de 120 px, recortadas no centro para não distorcer. Se uma linha tiver mais imagens do que cabem em uma fileira, ela ganha fileiras extras e a altura cresce automaticamente.
Exemplo prático
Suponha que você queira ranquear 20 jogos favoritos. Envie as 20 capas, coloque as melhores na linha S, os bons na A e assim por diante. Se a linha A receber 11 capas, elas ocupam duas fileiras de 8 e 3, e a imagem final terá altura maior que as demais linhas.\n\nUm uso muito comum é comparar times, personagens, filmes, restaurantes ou até tarefas domésticas. Você também pode trocar os rótulos por outras palavras: em vez de S, A, B, C e D, use "Obrigatório", "Bom", "Ok", "Fraco" e "Nunca mais", editando o nome de cada linha.
Para uma tier list colaborativa, monte o ranking com amigos em uma videochamada: um compartilha a tela e move as imagens conforme o grupo discute, e no fim exporta o PNG para postar no grupo. Debates sobre em qual linha cada item deve ficar costumam ser a parte mais divertida, e a exportação em PNG registra o resultado da rodada. Para acompanhar mudanças ao longo do tempo, como um ranking de séries a cada temporada, guarde cada PNG com a data no nome e compare os arquivos depois.
Suposições e limitações
- As imagens são exibidas em miniaturas quadradas recortadas no centro, tanto na tela quanto na exportação
- A tela de arrastar e soltar do navegador pode não funcionar bem em celulares, por isso há o modo de tocar na imagem e depois na linha
- A tier list não é salva: se você fechar ou atualizar a página, perde o trabalho, então exporte o PNG antes
- Não há reordenação dentro da mesma linha; a ordem é a de chegada
- Todo o processamento é local e nenhuma imagem sai do seu navegador
Dicas para tirar o melhor proveito
Antes de começar, defina critérios claros para cada linha. Sem isso, os itens da linha B acabam sendo colocados por impressão e não por regra. Faça duas rodadas: primeiro separe entre melhores, medianos e piores e depois refine dentro de cada grupo.\n\nUse imagens com o assunto centralizado, porque as miniaturas são recortadas quadradas. Se a imagem original for um banner horizontal, ele será cortado nas laterais. Para que a exportação fique leve, comprima imagens muito grandes antes com o compressor de imagem, e se quiser destacar a linha principal, escolha uma cor forte para ela e tons neutros para as demais.
Se você tem muitas imagens, comece movendo primeiro os extremos: o que é claramente S e o que é claramente D. As linhas do meio se resolvem mais rápido depois, porque sobra um grupo menor de itens duvidosos. Também vale criar uma linha extra, como "Não conheço" ou "Não joguei", para guardar itens que você não sabe avaliar sem poluir as linhas de nota.
Erros comuns a evitar
O erro mais comum é fechar a página antes de exportar, o que faz perder todo o ranking. Outro é enviar imagens com pouco contraste ou com texto pequeno: na miniatura de 120 px, o texto some e ninguém reconhece o item. Também é frequente escrever nomes de linha longos demais; o rótulo é ajustado para caber, mas letras minúsculas dificultam a leitura.\n\nPor fim, respeite os direitos autorais e de imagem: tier lists com fotos de pessoas comuns podem expor ou ridicularizar quem não autorizou. Para uso pessoal e entre amigos, o risco é pequeno, mas para publicações em larga escala prefira imagens que você tem direito de usar.
Veja também
Se esta ferramenta foi útil, você também pode precisar destas relacionadas: Roleta online (sorteador de opções), Compressor de imagem, Criador de colagem de fotos, Gerador de folha de contatos.
Ferramentas relacionadas
🎡Roleta online (sorteador de opções)
Gire a roda e deixe o sorteio escolher por você.
Abrir ferramenta →🗜️Compressor de imagem
Reduza o tamanho do arquivo de uma foto ajustando a qualidade JPEG.
Abrir ferramenta →🖼️Criador de colagem de fotos
Monte uma colagem com 2 a 9 fotos em grades como 2×2 ou 3×3.
Abrir ferramenta →🗂️Gerador de folha de contatos
Monte uma folha de contatos A4 com miniaturas e nome de cada arquivo.
Abrir ferramenta →Perguntas frequentes
O que é uma tier list?
É um ranking em linhas classificadas por nível, geralmente de S (melhor) a D (pior), onde itens como imagens são distribuídos conforme a sua avaliação.
Como arrastar imagens para as linhas?
Segure a miniatura e solte na linha desejada. Se o arraste não funcionar no seu aparelho, toque na imagem para selecioná-la e depois toque na linha de destino.
Posso mudar os nomes e as cores das linhas?
Sim. Cada linha tem um campo de texto para o nome e um seletor de cor, e você pode adicionar ou remover linhas.
Minhas imagens são enviadas para algum servidor?
Não. Tudo é feito no navegador, com HTML5 e Canvas. As imagens não saem do seu dispositivo.
A tier list fica salva?
Não. Nada é gravado; exporte o PNG antes de fechar ou atualizar a página.
Explore mais ferramentas gratuitas
Dezenas de calculadoras, conversores e geradores — todos funcionam no navegador, sem cadastro e sem instalar nada.