Creatore di tier list
Prima avvia o importa un progetto
Questo passaggio non ha un progetto salvato nella scheda. Torna alla configurazione o usa l’editor completo per importare un file.
Torna alla configurazioneConfigura i livelli
Rinomina, ricolora, aggiungi, elimina o riordina fino a 12 livelli. Il progetto ne mantiene sempre almeno uno.
Crea una tier list con parole e immagini locali senza account né caricamento del progetto. Rinomina e ricolora i livelli, aggiungi testi o immagini PNG, JPEG e WebP, quindi classifica tutto con trascinamento, tastiera o pulsanti di spostamento. Il browser conserva una copia locale di recupero e puoi scaricare il progetto oppure un PNG o SVG finito. Nessuna classifica automatica: criterio, categorie e ordine dipendono interamente da te.
Come creare una tier list
-
1
Configura la tabella
Assegna un titolo, poi rinomina, ricolora, aggiungi, elimina o riordina i livelli. I classici livelli da S a F sono solo un punto di partenza.
-
2
Aggiungi e classifica
Aggiungi brevi testi o immagini locali PNG, JPEG e WebP. Sposta gli elementi da Non classificati con trascinamento, tastiera o azioni visibili.
-
3
Salva o condividi
Esporta il JSON per modificare nuovamente il progetto, oppure scarica PNG o SVG. Il browser conserva anche una copia locale sul dispositivo.
Cos’è una tier list e cosa non è
Una tier list raggruppa elementi confrontabili in fasce ordinate come S, A, B e C. Un livello più alto indica in genere una preferenza, una prestazione o un’aderenza maggiore al criterio scelto. Lo strumento non calcola punteggi e non decide la posizione.
| Formato | Domanda principale | Significato della posizione |
|---|---|---|
| Tier list | Come si confrontano questi elementi? | Classifica o categoria relativa |
| Lista di controllo | Ogni azione è stata completata? | Fatto o da fare |
| Bacheca Kanban | In quale fase si trova il compito? | Stato: Da fare, In corso, Fatto |
Usa una tier list per opinioni e confronti; una checklist per il completamento; Kanban per il flusso di lavoro.
Scegli livelli utili
Le etichette S–F sono una convenzione. Sostituiscile con Eccellente / Buono / Forse / Da evitare o un’altra scala chiara. Sono ammessi fino a 12 livelli.
Definisci prima il criterio: “miglior rapporto qualità-prezzo” può differire da “migliore qualità”. Titolo e livelli descrittivi rendono chiaro l’export. Puoi usare l’ordine da sinistra a destra per distinguere elementi dello stesso livello; altrimenti considerali equivalenti.
Testi e immagini locali
La tabella accetta 100 elementi, incluse al massimo 60 immagini. Le immagini vengono normalizzate nel browser per adattarsi a riquadri uniformi senza metadati superflui.
Formati ammessi: PNG, JPEG e WebP. Ogni file può pesare 8 MiB, ogni gruppo selezionato 50 MiB, avere al massimo 8192 px per lato e 16 MP decodificati. Le immagini sono ridotte se necessario a 512 × 512 px. I dati normalizzati complessivi sono limitati a 32 MiB.
URL remote e SVG caricati sono esclusi per evitare risorse interrotte, errori del canvas tra origini e XML attivo. La guida OWASP ai caricamenti consiglia formati ammessi, limiti, controlli del tipo e riscrittura delle immagini.
Il trascinamento è facoltativo
Usa i comandi di spostamento o la tastiera: Invio o Spazio avvia, le frecce cambiano livello e posizione, Invio/Spazio conferma, Esc annulla. È pratico anche su mobile. Le indicazioni W3C sul trascinamento spiegano perché serve un’alternativa semplice.
Cosa viene salvato nel browser
Titolo, livelli, testi, immagini e classifica restano nell’archivio di questo browser. Non vengono inseriti nell’URL né inviati al server come dati dell’editor. IndexedDB permette il recupero dopo un normale aggiornamento.
Non è cloud: un altro browser non vede il progetto, cancellare i dati del sito lo elimina e chi usa lo stesso profilo può riaprirlo. Usa Cancella progetto sui dispositivi condivisi ed esporta JSON come backup.
JSON, PNG e SVG hanno scopi diversi
| Esportazione | Uso migliore | Dettaglio |
|---|---|---|
| JSON del progetto | Backup, trasferimento, nuova modifica | Conserva livelli, ordine, testi e immagini |
| PNG | Post, messaggi, documenti | Immagine raster finita, non progetto modificabile |
| SVG | Layout scalabile | Testo e forme vettoriali; foto sempre raster |
L’importazione viene convalidata prima di sostituire il progetto; un file errato lascia intatto quello aperto. Limite JSON: 48 MiB.
Il PNG viene disegnato localmente e creato con canvas.toBlob(). Senza immagini remote, il canvas resta esportabile. L’SVG usa forme, testi e immagini non interattivi. MDN conferma che <image> in SVG mostra raster. Non copia SVG caricati, script, link o HTML.
Limiti per esportazioni affidabili
Larghezze: 800, 1200, 1600 o 2400 px. PNG a 1× o 2× se resta entro 8192 px per lato e 16 × 1024 × 1024 pixel (circa 16,8 MP). Se 2× supera il limite, viene spiegato senza riduzione silenziosa. L’SVG segue il limite di sicurezza di 48 MiB.
Gli elementi Non classificati sono esclusi per impostazione predefinita. Attiva Includi Non classificati per una riga neutra finale. Controlla l’anteprima: elenchi molto lunghi possono essere poco leggibili.
Errori comuni
- Cambiare criterio a metà. Scrivilo nel titolo.
- Usare nomi poco chiari. Parole significative spiegano più dei soli colori.
- Trattare un livello come punteggio esatto. La distanza tra livelli non è misurata.
- Dimenticare i Non classificati. Non entrano automaticamente nell’export.
- Condividere solo JSON. JSON serve per modificare; PNG/SVG per visualizzare.
Domande frequenti
No. Sono elaborati e archiviati nel browser, non caricati come dati del progetto né inseriti nell’URL. La copia IndexedDB può restare finché non cancelli progetto o dati del sito.
La tier list confronta elementi; la checklist registra il completamento; Kanban segue le fasi di lavoro. Questo strumento non gestisce scadenze.
PNG, JPEG e WebP locali. URL remote, SVG, GIF, HEIC, AVIF, video e PDF non sono supportati. I file sono controllati, decodificati e normalizzati nel browser.
Sì. Usa le azioni visibili o la modalità tastiera con le frecce. Invio/Spazio avvia e conferma; Esc annulla.
No. Forme e testi sono vettoriali, ma le immagini restano dati raster PNG, JPEG o WebP incorporati.
Fino a 12 livelli e 100 elementi, con massimo 60 immagini. I limiti di byte e pixel proteggono memoria ed export.
Conserva JSON per riaprire e modificare. Condividi PNG come immagine comune o SVG per un layout scalabile; non sono backup modificabili.
Strumenti correlati
Creatore di GIF
Trasforma una sequenza di immagini o un breve video in una GIF animata. Regola frame rate, loop e dimensioni prima dell’esportazione.
Generatore di codici QR
Genera localmente nel browser un codice QR da URL, testo semplice o payload QR formattato correttamente e scaricalo come PNG.
Vettorializzatore da PNG a SVG
Trasforma immagini raster PNG in tracciati SVG nel browser. Ideale per loghi, icone e disegni al tratto. Regola soglia, numero di colori e smussatura.
Generatore di meme
Aggiungi testo in alto e in basso a un’immagine JPG, PNG o WebP. Regola font, colore e contorno, quindi scarica il meme in PNG.
Ridimensionatore di immagini per social media
Ridimensiona un’immagine con preset integrati per Instagram, Facebook, X, LinkedIn, YouTube, Pinterest e TikTok. Visualizza ogni PNG e scarica i formati che ti servono.
WebP in JPG
Converti immagini WebP in JPG/JPEG direttamente nel browser. Scegli la qualità, appiattisci la trasparenza su un colore di sfondo e scarica senza caricare file.