Softonic

Créateur de tier list

Étape 1 / 4 Configurer les niveaux
Chargement du projet local…

Créez une tier list avec vos textes et images locales sans compte ni téléversement du projet. Renommez et recolorez les niveaux, ajoutez des éléments texte ou PNG, JPEG et WebP, puis classez-les par glisser-déposer, au clavier ou avec les boutons de déplacement. Le navigateur conserve une copie locale de récupération et vous pouvez télécharger le projet ou un rendu PNG ou SVG. Aucun classement automatique : le critère, les catégories et l’ordre restent les vôtres.

Comment créer une tier list

  1. 1

    Configurez le tableau

    Donnez un titre au projet, puis renommez, recolorez, ajoutez, supprimez ou réordonnez les niveaux. Les rangs S à F ne sont qu’un point de départ.

  2. 2

    Ajoutez et classez

    Ajoutez de courts textes ou des images locales PNG, JPEG et WebP. Déplacez les éléments de Non classé vers un niveau par glisser-déposer, au clavier ou avec les commandes visibles.

  3. 3

    Enregistrez ou partagez

    Exportez le JSON pour reprendre l’édition, ou téléchargez un PNG ou SVG final. Le navigateur conserve aussi une copie locale sur cet appareil.

Ce qu’est une tier list : et ce qu’elle n’est pas

Une tier list regroupe des éléments comparables dans des niveaux ordonnés, par exemple S, A, B et C. Un niveau supérieur exprime généralement une préférence, une performance ou une adéquation plus forte au critère choisi. L’outil ne calcule aucun score et ne décide pas à votre place.

Format Question principale Sens de la position
Tier list Comment comparer ces éléments ? Rang ou catégorie relative
Liste de tâches Chaque action est-elle terminée ? Fait ou à faire
Tableau Kanban À quelle étape se trouve la tâche ? État du flux : À faire, En cours, Terminé

Une tier list convient aux opinions et comparaisons : albums, produits, personnages, recettes ou idées. Une liste de tâches suit l’achèvement ; un Kanban suit l’avancement.

Choisissez des niveaux utiles

Les libellés S–F sont une convention, pas une obligation. Remplacez-les par Excellent / Bon / Peut-être / À écarter ou toute échelle claire. Vous pouvez utiliser jusqu’à 12 niveaux.

Fixez le critère avant de déplacer les éléments : « meilleur rapport qualité-prix » et « meilleure qualité » donnent des tableaux différents. Un titre précis et des niveaux explicites rendent l’image compréhensible. L’ordre gauche-droite peut départager des éléments du même niveau ; sinon, considérez-les comme équivalents.

Textes et images locales

Le tableau accepte 100 éléments, dont 60 images maximum. Les textes conviennent aux noms, options et idées. Les images sont normalisées dans le navigateur pour tenir dans des vignettes régulières sans conserver de métadonnées inutiles.

Formats admis : PNG, JPEG et WebP. Chaque source est limitée à 8 MiB, chaque lot sélectionné à 50 MiB, chaque côté à 8192 px et l’image décodée à 16 MP. Une image acceptée est ramenée si nécessaire à 512 × 512 px maximum. Les données d’images normalisées sont limitées à 32 MiB par projet.

Les URL distantes et SVG importés sont refusés afin d’éviter ressources cassées, erreurs de canevas interorigine et contenu XML actif. La fiche OWASP sur le téléversement recommande une liste de formats autorisés, des limites, plusieurs contrôles de type et la réécriture des images.

Le glisser-déposer reste facultatif

Utilisez les commandes de déplacement ou le clavier : Entrée ou Espace active le déplacement, les flèches choisissent niveau et position, Entrée ou Espace confirme, Échap annule. Cette solution est aussi plus pratique sur mobile. Les recommandations W3C sur les mouvements de glissement expliquent pourquoi une alternative simple doit accompagner le glisser-déposer.

Ce qui est conservé dans le navigateur

Titre, niveaux, textes, images et classement restent dans le stockage de ce navigateur. Ils ne sont ni ajoutés à l’URL ni envoyés au serveur comme données d’édition. IndexedDB permet de récupérer le travail après un rechargement normal.

Ce n’est pas un cloud : un autre appareil ne voit pas le projet, l’effacement des données du site le supprime et une personne utilisant le même profil peut le retrouver. Utilisez Effacer le projet sur un appareil partagé et exportez le JSON pour une sauvegarde volontaire.

JSON, PNG et SVG : trois usages

Export Usage idéal À savoir
JSON du projet Sauvegarde, transfert, reprise Conserve niveaux, ordre, textes et images normalisées
PNG Publication, messagerie, document Image matricielle finale, non éditable comme projet
SVG Mise en page évolutive Textes et formes vectoriels ; photos toujours matricielles

L’import JSON est validé avant remplacement ; un fichier incorrect laisse le projet ouvert intact. Limite : 48 MiB.

Le PNG est dessiné localement et produit par canvas.toBlob(). Sans image distante, le canevas reste exportable. Le SVG utilise seulement formes, textes et images non interactifs. MDN indique que <image> en SVG affiche des images matricielles. Aucun SVG importé, script, lien ou HTML n’est recopié.

Des limites pour un export fiable

Largeurs disponibles : 800, 1200, 1600 ou 2400 px. Le PNG propose 1× ou 2× tant que l’image reste sous 8192 px par côté et 16 × 1024 × 1024 pixels (environ 16,8 MP). Si 2× dépasse la limite, l’outil l’explique sans réduire silencieusement. Le SVG suit la même limite de sécurité de 48 MiB.

Les éléments Non classé sont exclus par défaut. Activez Inclure Non classé pour une dernière ligne neutre. Vérifiez l’aperçu : trop de niveaux, d’éléments ou un titre long peuvent nuire à la lisibilité.

Erreurs fréquentes

  • Changer de critère en cours de route. Inscrivez-le dans le titre.
  • Employer des niveaux opaques. « Peut-être » ou « À éviter » parlent mieux qu’une couleur seule.
  • Prendre un niveau pour un score exact. La distance entre niveaux n’est pas mesurée.
  • Oublier Non classé. Ces éléments ne figurent pas automatiquement dans l’export.
  • Partager seulement le JSON. JSON sert à reprendre ; PNG ou SVG à consulter.

Questions fréquentes

Non. Ils sont traités et stockés dans ce navigateur, sans être téléversés comme données du projet ni placés dans l’URL. La copie IndexedDB peut rester dans ce profil jusqu’à l’effacement du projet ou des données du site.

La tier list compare des éléments. La liste de tâches suit leur réalisation et Kanban suit les étapes d’un travail. Cet outil classe ; il ne gère ni échéances ni tâches.

Des fichiers locaux PNG, JPEG et WebP. URL distantes, SVG, GIF, HEIC, AVIF, vidéo et PDF sont refusés. Les fichiers sont contrôlés, décodés et normalisés dans le navigateur.

Oui. Utilisez les commandes visibles ou le mode clavier avec les flèches. Entrée ou Espace démarre et confirme ; Échap annule.

Non. Formes et textes sont vectoriels, mais les images restent des données matricielles PNG, JPEG ou WebP incorporées.

Jusqu’à 12 niveaux et 100 éléments, dont 60 images maximum. Les limites d’octets et de pixels protègent la mémoire et l’export.

Gardez le JSON pour reprendre l’édition. Partagez le PNG pour une image courante ou le SVG pour une mise en page évolutive ; ni PNG ni SVG ne remplace le projet éditable.

Outils similaires

Compresser GIF

Réduisez la taille d'un GIF animé dans le navigateur en diminuant les dimensions, en conservant moins d'images et en ajustant la qualité d'encodage. Prévisualisez la boucle avant le téléchargement.

Éditeur de photos

Éditeur de photos dans le navigateur avec recadrage, rotation, luminosité, contraste, saturation, filtres, texte superposé et export en JPG, PNG ou WebP.

SVG en PNG

Convertissez des fichiers SVG ou du balisage SVG en PNG dans votre navigateur, choisissez un facteur d’échelle et gardez des bords transparents nets.

Générateur de mèmes

Créez des mèmes avec des modèles comme Drake, Distracted Boyfriend ou Doge, ou importez votre propre image. Texte haut/bas, police Impact, contour et ombre.

Générateur de codes-barres

Créez des codes-barres 1D scannables en Code 128, Code 39, EAN-13, UPC-A, ITF-14 et Codabar. Exportez au format PNG, SVG ou PDF pour l'impression.

WebP en PNG

Convertissez des images WebP en PNG en conservant la transparence et une qualité au pixel près pour l’édition, l’impression et les anciens outils de design.