Softonic

Tier-List-Maker

Schritt 1 / 4 Stufen einrichten
Lokales Projekt wird geladen…

Erstelle eine Tier-Liste aus eigenen Begriffen und lokalen Bildern – ohne Konto und ohne Projekt-Upload. Benenne und färbe Rangstufen um, füge Text sowie PNG-, JPEG- oder WebP-Bilder hinzu und sortiere per Ziehen, Tastatur oder Schaltflächen. Der Browser hält eine lokale Wiederherstellungskopie bereit; außerdem kannst du das Projekt oder ein fertiges PNG bzw. SVG herunterladen. Nichts wird automatisch bewertet: Kriterien, Kategorien und Reihenfolge bestimmst du selbst.

So erstellst du eine Tier-Liste

  1. 1

    Tabelle einrichten

    Vergib einen Titel und ändere Namen, Farben, Anzahl und Reihenfolge der Stufen. Die üblichen Ränge S bis F sind nur ein Ausgangspunkt.

  2. 2

    Elemente hinzufügen und einordnen

    Füge kurze Texte oder lokale PNG-, JPEG- und WebP-Bilder hinzu. Verschiebe Elemente aus Nicht eingeordnet per Ziehen, Tastatur oder sichtbarer Aktion.

  3. 3

    Ergebnis sichern oder teilen

    Exportiere Projekt-JSON zur späteren Bearbeitung oder lade PNG beziehungsweise SVG herunter. Der Browser speichert zusätzlich lokal.

Was eine Tier-Liste ist – und was nicht

Eine Tier-Liste gruppiert vergleichbare Elemente in geordnete Stufen wie S, A, B und C. Eine höhere Zeile steht meist für stärkere Vorliebe, bessere Leistung oder passendere Eignung. Das Werkzeug berechnet keine Punktzahl und entscheidet nicht selbst.

Format Leitfrage Bedeutung der Position
Tier-Liste Wie schneiden die Elemente im Vergleich ab? Relativer Rang oder Kategorie
Checkliste Ist jede Aufgabe erledigt? Erledigt oder offen
Kanban-Board In welcher Phase ist eine Aufgabe? Arbeitsstatus wie Offen, In Arbeit, Erledigt

Tier-Listen eignen sich für Meinungen und Vergleiche; Checklisten für Erledigung, Kanban für Arbeitsabläufe.

Aussagekräftige Stufen wählen

S–F ist nur eine Konvention. Verwende etwa Ausgezeichnet / Gut / Vielleicht / Meiden oder eine eigene klare Skala. Möglich sind höchstens 12 Stufen.

Lege das Kriterium vorher fest: „bestes Preis-Leistungs-Verhältnis“ ergibt nicht zwingend dieselbe Reihenfolge wie „beste Qualität“. Titel und klare Stufennamen erklären den Export. Die Reihenfolge innerhalb einer Stufe kann eine Links-rechts-Präferenz zeigen; andernfalls gelten alle Elemente dort als gleichwertig.

Text und lokale Bilder

Die Tabelle unterstützt 100 Elemente, davon höchstens 60 Bilder. Bilder werden im Browser vereinheitlicht, damit sie in feste Kacheln passen und unnötige Metadaten nicht übernommen werden.

Zulässig sind PNG, JPEG und WebP. Je Quelldatei gelten 8 MiB, je Auswahlstapel 50 MiB, höchstens 8192 px pro Seite und 16 MP nach dem Decodieren. Bilder werden bei Bedarf auf höchstens 512 × 512 px verkleinert. Normalisierte Bilddaten sind insgesamt auf 32 MiB begrenzt.

Remote-URLs und SVG-Uploads sind ausgeschlossen. Das verhindert defekte Quellen, Cross-Origin-Canvasfehler und aktive XML-Inhalte. Das OWASP File Upload Cheat Sheet empfiehlt Positivlisten, Größenlimits, mehrstufige Typprüfung und Bildneuschreibung.

Ziehen ist optional

Nutze sichtbare Verschiebeaktionen oder die Tastatur: Eingabe oder Leertaste startet, Pfeile ändern Stufe und Position, Eingabe/Leertaste bestätigt, Escape bricht ab. Das hilft auch auf Mobilgeräten. Die W3C-Hinweise zu Ziehbewegungen begründen eine einfache Alternative zum Ziehen.

Was im Browser gespeichert wird

Titel, Stufen, Texte, Bilder und Reihenfolge bleiben im Speicher dieses Browsers. Sie erscheinen weder in der URL noch werden sie als Editordaten an den Server übertragen. IndexedDB ermöglicht die Wiederherstellung nach normalem Neuladen.

Das ist keine Cloud: Andere Browser sehen das Projekt nicht, das Löschen von Websitedaten entfernt es und Nutzer desselben Browserprofils könnten es öffnen. Nutze Projekt löschen auf gemeinsam verwendeten Geräten und exportiere JSON als bewusste Sicherung.

JSON, PNG und SVG haben verschiedene Aufgaben

Export Am besten für Wichtig
Projekt-JSON Sicherung, Übertragung, spätere Bearbeitung Enthält Stufen, Reihenfolge, Text und Bilder
PNG Posts, Nachrichten, Dokumente Fertiges Rasterbild, kein bearbeitbares Projekt
SVG Skalierbares Layout Text/Formen als Vektor; Fotos bleiben Raster

Der JSON-Import wird vor dem Ersetzen geprüft; eine fehlerhafte Datei lässt das offene Projekt unverändert. Grenze: 48 MiB.

PNG wird lokal gezeichnet und mit canvas.toBlob() erzeugt. Ohne Remote-Bilder bleibt die Zeichenfläche exportierbar. SVG enthält nur nicht interaktive Formen, Texte und Bilder. Laut MDN zeigt das SVG-<image>-Element Rasterbilder. Hochgeladene SVGs, Skripte, Links und HTML werden nicht übernommen.

Verlässliche Exportgrenzen

Breiten: 800, 1200, 1600 oder 2400 px. PNG gibt es in 1× oder 2×, solange 8192 px je Seite und 16 × 1024 × 1024 Pixel (rund 16,8 MP) nicht überschritten werden. Ist 2× zu groß, erklärt das Werkzeug den Grund statt heimlich zu verkleinern. Für SVG gilt dieselbe Sicherheitsgrenze von 48 MiB.

Nicht eingeordnete Elemente fehlen standardmäßig. Aktiviere Nicht eingeordnete einbeziehen für eine neutrale Abschlusszeile. Prüfe die Vorschau, weil sehr lange Listen klein geteilt schwer lesbar werden.

Häufige Fehler

  • Kriterium mittendrin ändern. Vorher im Titel festhalten.
  • Unklare Stufennamen. Wörter erklären mehr als Farben allein.
  • Stufe als exakte Punktzahl lesen. Abstände sind nicht gemessen.
  • Nicht eingeordnete vergessen. Sie werden nicht automatisch exportiert.
  • Nur JSON teilen. JSON ist zum Bearbeiten, PNG/SVG zum Ansehen.

Häufig gestellte Fragen

Nein. Sie werden in diesem Browser verarbeitet und gespeichert, nicht als Projektdaten hochgeladen oder in die URL geschrieben. Die IndexedDB-Kopie bleibt bis zum Löschen des Projekts oder der Websitedaten.

Eine Tier-Liste vergleicht Elemente, eine Checkliste verfolgt Erledigung und Kanban Arbeitsphasen. Dieses Werkzeug verwaltet keine Termine.

Lokale PNG-, JPEG- und WebP-Dateien. Remote-URLs, SVG, GIF, HEIC, AVIF, Video und PDF werden nicht unterstützt. Dateien werden im Browser geprüft, decodiert und normalisiert.

Ja. Nutze die sichtbaren Aktionen oder den Tastaturmodus mit Pfeiltasten. Eingabe/Leertaste startet und bestätigt, Escape bricht ab.

Nein. Formen und Text sind Vektoren, Bilddaten bleiben eingebettete PNG-, JPEG- oder WebP-Raster.

Bis zu 12 Stufen und 100 Elemente, höchstens 60 davon Bilder. Byte- und Pixelgrenzen schützen Speicher und Export.

JSON zur späteren Bearbeitung aufbewahren. PNG als übliches Bild oder SVG als skalierbares Layout teilen; beide sind keine Projektdateien.

Verwandte Tools

Fotoeditor

Browser-basierter Fotoeditor mit Zuschneiden, Drehen, Helligkeit, Kontrast, Sättigung, Filtern, Textüberlagerung und Export nach JPG, PNG oder WebP.

Graffiti-Generator

Erstelle Graffiti-Schrift mit Tag-, Bubble-, Block-, Stencil-, Neon- und Wild-Effekten. Passe Farben an und exportiere PNG oder SVG direkt im Browser.

QR-Code-Generator

Erstellen Sie einen QR-Code lokal im Browser aus URL, Klartext oder einer korrekt formatierten QR-Nutzlast und laden Sie ihn als PNG herunter.

Barcode-Generator

Erstellen Sie scannbare 1D-Barcodes in Code 128, Code 39, EAN-13, UPC-A, ITF-14 und Codabar. Exportieren Sie als PNG, SVG oder PDF für den Druck.

Bildgröße ändern

Ändere Bilder auf exakte Pixelmaße oder Prozentwerte und behalte das Seitenverhältnis bei. Für Stapel geeignet, ohne Upload.

GIF komprimieren

Reduziere die Größe animierter GIFs direkt im Browser, indem du Abmessungen verkleinerst, weniger Frames behältst und die Kodierungsqualität anpasst. Vorschau vor dem Download inklusive.