21 kostenlose Werkzeuge, die im Browser laufen

Diese Werkzeuge braucht man im denkbar schlechtesten Moment: das Webhook-Payload kommt als eine unlesbare Zeile, ein Token muss geprüft werden, bevor ein Deploy rausgeht, eine Konfigurationsdatei lässt sich nicht parsen und die Fehlermeldung zeigt auf "Zeile 1".

Welches Werkzeug richtig ist, hängt davon ab, was du herausfinden willst. Die JSON- und YAML-Formatierer helfen, wenn du eine Struktur lesen musst; ihre Fehlerausgabe hilft, wenn du wissen musst, warum ein Parser sie abgelehnt hat – die Position des ersten ungültigen Zeichens ist meist die ganze Antwort. Base64 und URL-Kodierung sehen austauschbar aus und sind es nicht: das eine ist ein Transportalphabet für Binärdaten, das andere maskiert Zeichen, die einen Query-String zerstören würden. Wer sie verwechselt, beschädigt Daten stillschweigend. Schick eine Regex durch den Tester, bevor sie in den Code wandert, und einen Cron-Ausdruck durch den Parser, bevor du einem Job um 3 Uhr nachts vertraust.

Alles, was Zugangsdaten berührt – JWTs, Hashes – wird hier im Browser dekodiert und nie übertragen. Das ist trotzdem kein Freibrief, echte Secrets in Webseiten einzufügen: ein Token, das du irgendwo eingefügt hast, ist ein Token, das du rotieren solltest.

Für das Web zu schreiben heißt, gegen Grenzen zu schreiben. Eine Meta-Description über etwa 160 Zeichen wird in den Suchergebnissen abgeschnitten, ein Titel über etwa 60 Zeichen ebenso, und eine Anzeigen-Überschrift oder ein Social-Post hat ein hartes Limit. Nach Augenmaß zu zählen funktioniert nicht, und die Textverarbeitung liefert die falsche Zahl, weil sie eine andere Vorstellung davon hat, was ein Zeichen ist.

Für diese Grenzen und für Lesezeit-Schätzungen nimm den Wortzähler. Für Text, der zwischen Kontexten mit unterschiedlicher Groß- und Kleinschreibung wandert, die Schreibweisen-Umwandlung – eine Datenbankspalte in snake_case, die zu einem Label in Title Case wird, oder eine Überschrift, die als Slug weiterverwendet wird. Wenn es zwei Versionen eines Dokuments gibt und niemand mehr weiß, was geändert wurde: der Vergleich. Zwei Absätze nebeneinander per Auge zu prüfen übersieht zuverlässig eine geänderte Zahl – und genau diese Änderung ist die wichtige.

Alle drei arbeiten mit dem Text, den du einfügst, in deinem eigenen Browser. Damit sind sie auch für Entwürfe und Mandantenmaterial geeignet, das nicht in den Logs von jemand anderem liegen sollte.

Die Rechnungen hier sind nicht schwer – und genau deshalb gehen sie schief. Prozentuale Veränderung und prozentuale Differenz sind nicht dieselbe Rechnung und beantworten unterschiedliche Fragen. "20% Rabatt und dann noch 20%" sind keine 40%. Eine Rendite ohne Zeitraum lässt sich mit nichts vergleichen. Am stärksten unterschätzt wird der Zinseszins, weil die Intuition linear ist und die Mathematik nicht.

Deshalb zeigt jeder Rechner die Formel und die verwendeten Eingaben, nicht nur eine Zahl. Das zählt, wenn du die Zahl jemand anderem gegenüber begründen musst – oder wenn du eine Woche später zurückkommst und nicht mehr weißt, ob der eingegebene Zinssatz jährlich oder monatlich war.

Zwei Dinge tun diese Werkzeuge bewusst nicht: Gebühren und Steuern modellieren, und die Zukunft vorhersagen. Eine Zinseszins-Projektion ist Arithmetik auf den Annahmen, die du eingetippt hast, keine Prognose – reale Ergebnisse bewegen sich mit Gebühren, Inflation und Risiko, von denen kein Rechner auf einer Website etwas weiß. Nutze sie, um eine Zahl zu prüfen, und lass die Zahl, auf die es ankommt, von einer qualifizierten Person prüfen.

Datumsangaben sind die Stelle, an der selbstsicherer Code bricht. Ein Unix-Zeitstempel im Log steht in Sekunden, der in deinem JavaScript in Millisekunden – wer den einen als den anderen liest, landet in 1970 oder im Jahr 56000. Tage zwischen zwei Daten von Hand zu zählen scheitert an Monatsgrenzen, Schaltjahren und den zwei Tagen im Jahr, an denen die Zeitumstellung einen "Tag" 23 oder 25 Stunden lang macht.

Nutze den Zeitstempel-Konverter beim Lesen von Logs, beim Debuggen eines Ablauf-Claims oder wenn du prüfen willst, was eine Datenbank tatsächlich gespeichert hat – er zeigt den Wert gleichzeitig in deiner lokalen Zeitzone und in UTC, und genau dort lag die Verwirrung meistens. Nutze den Datumsdifferenz-Rechner für Vertragslaufzeiten, Kündigungsfristen, Altersberechnungen und alles, wo ein Tag Abweichung Folgen hat.

Beide verwenden die Zeitzonendatenbank des Browsers, sodass die Umrechnung zu dem Rechner passt, an dem du sitzt – und nicht zu einem Server in einer anderen Region.

Bildwerkzeuge verdienen die größte Vorsicht, denn "lade dein Foto hoch, um es zu verkleinern" bedeutet, einem Fremden die Originaldatei samt aller enthaltenen Metadaten zu geben. Diese beiden erledigen die Arbeit mit der Canvas-API im Browser: die Seite liest die Datei von der Festplatte, verarbeitet sie im Speicher und gibt sie als Download zurück. Nichts wird übertragen – überprüfbar, indem du vorher offline gehst.

Skaliere, wenn die Abmessung das Problem ist: ein 4000 px breites Bild auf einer Seite, die es mit 800 px anzeigt, verschwendet Bandbreite und verschlechtert die Core Web Vitals für jeden Besucher. Wandle um, wenn das Format das Problem ist: WebP ist bei vergleichbarer Qualität typischerweise 25–35% kleiner als JPEG, PNG ist die richtige Antwort für Screenshots und alles mit Transparenz, und JPEG bleibt die sichere Wahl für Fotos, die in ein älteres System gehen.

Wenn beides zutrifft: erst skalieren, dann umwandeln. Ein großes Bild zu kodieren und danach zu verkleinern verbraucht das Qualitätsbudget für Details, die du gerade wegwerfen wolltest.

Jede Website braucht irgendwann ein kleines Artefakt, dessen Herstellung von Hand lästig ist. Diese Kategorie sammelt sie.

Derzeitiger Bewohner ist der QR-Code-Generator. Er zeichnet den Code im Browser als statisches Bild, das direkt auf das zeigt, was du eingegeben hast – kein Kurzlink, keine Weiterleitung über eine Tracking-Domain, kein Ablaufdatum. Dieser Unterschied ist wichtiger, als er klingt: die meisten kostenlosen QR-Dienste leiten Scans stillschweigend über ihren eigenen Server, wodurch der Code an dem Tag aufhört zu funktionieren, an dem sie ihre Preise ändern – und jeder Scan wird von jemandem protokolliert, den du nicht ausgewählt hast. Ein hier erzeugter Code hat keinen Eigentümer außer dir.

Dasselbe gilt für den Inhalt. WLAN-Zugangsdaten, eine private URL, Kontaktdaten – nichts davon wird übertragen, also ist es unbedenklich, einen Code für etwas zu erzeugen, das nicht öffentlich sein soll.