ToolStudio.es
38 Tools

Entwickler-Tools

Die Entwickler-Tools von ToolStudio formatieren, validieren und konvertieren JSON in CSV, YAML, XML oder TypeScript, minifizieren und formatieren HTML, CSS und JavaScript, wandeln zwischen Markdown und HTML um, kodieren Entities und URLs und erzeugen CSS-Code und Favicons. Sie laufen in Ihrem Browser, Ihr Code wird also auf keinen Server hochgeladen.

Alle Tools

Entwicklung

App-Icon- und Favicon-Generator

Logo hochladen und ein ZIP mit favicon.ico, apple-touch-icon, PWA- und Maskable-Icons samt Manifest, Xcode-AppIcon und Android-Mipmaps herunterladen.

FaviconiOSAndroidPWA
Werkzeug testen
Entwicklung

SVG Optimierer Pro

Reduzieren Sie die Dateigröße von SVG-Vektoren durch Entfernen von Metadaten und überflüssigen Dezimalstellen.

SVGWeb
Werkzeug testen
Entwicklung

JSON Formatierer

Minifiziertes oder unordentliches JSON einfügen und mit 2, 4 Leerzeichen oder Tabs eingerückt zurückbekommen, auf Wunsch mit sortierten Schlüsseln. Fehler mit Zeile und Spalte.

JSON
Werkzeug testen
Entwicklung

JSON Validator

JSON nach RFC 8259 prüfen, jeder Fehler verständlich erklärt: abschließende Kommas, einfache Anführungszeichen, Schlüssel ohne Anführungszeichen oder Kommentare. Meldet auch doppelte Schlüssel.

JSON
Werkzeug testen
Entwicklung

JSON Minifizierer

JSON in eine Zeile packen, ohne Werte zu ändern, und die Ersparnis sehen. Praktisch für APIs, Konfigurationsdateien und leichtere Anfragen.

JSON
Werkzeug testen
Entwicklung

JSON in CSV umwandeln

JSON in CSV umwandeln: eine Spalte pro Schlüssel, verschachtelte Objekte abflachen („address.city“), Komma oder Semikolon als Trennzeichen. Öffnet in Excel mit korrekten Umlauten.

JSONCSVExcel
Werkzeug testen
Entwicklung

CSV in JSON umwandeln

CSV in JSON umwandeln, erste Zeile als Feldnamen. Erkennt Trennzeichen (Komma, Semikolon, Tab), Zahlen und true/false und verarbeitet Felder in Anführungszeichen.

CSVJSONExcel
Werkzeug testen
Entwicklung

JSON in YAML umwandeln

JSON in YAML mit 2 oder 4 Leerzeichen Einrückung umwandeln. Anführungszeichen nur wo nötig, damit „28001“ oder „yes“ Text bleiben; die Reihenfolge der Schlüssel bleibt.

JSONYAML
Werkzeug testen
Entwicklung

YAML in JSON umwandeln

YAML in JSON umwandeln, inklusive Anker, Aliase und mehrerer Dokumente mit „---“. Bei Fehlern werden Zeile und Spalte angezeigt.

YAMLJSON
Werkzeug testen
Entwicklung

JSON in XML umwandeln

JSON in XML umwandeln: Jeder Schlüssel wird ein Element, Listen wiederholen das Element und „@name“-Schlüssel werden Attribute. Sonderzeichen werden maskiert.

JSONXML
Werkzeug testen
Entwicklung

XML in JSON umwandeln

XML in JSON umwandeln: Attribute werden „@name“, wiederholte Elemente Listen und Text Werte. Bei nicht wohlgeformtem XML wird die Fehlerzeile angezeigt.

XMLJSONRSS
Werkzeug testen
Entwicklung

JSON in TypeScript umwandeln

TypeScript-Interfaces oder -Types aus JSON erzeugen: Objekte einer Liste werden zu einem Typ zusammengeführt, fehlende Schlüssel optional (?) und bei unterschiedlichen Werten Union-Typen gebildet.

JSONTypeScript
Werkzeug testen
Entwicklung

JSON in JavaScript umwandeln

JSON in ein JavaScript-Objektliteral umwandeln: Schlüssel ohne Anführungszeichen wo möglich, einfache oder doppelte Anführungszeichen und const, export default oder module.exports.

JSONJavaScript
Werkzeug testen
Entwicklung

HTML Minifier

Minifizieren Sie HTML direkt im Browser: Kommentare, Leerraum und überflüssige Attribute entfernen, Inline-CSS und -JavaScript gleich mit komprimieren.

HTMLMinify
Werkzeug testen
Entwicklung

CSS Minifier

Minifizieren Sie CSS im Browser mit CSSO: Leerraum und Kommentare entfernen, Regeln und Deklarationen strukturell zusammenführen.

CSSMinify
Werkzeug testen
Entwicklung

JavaScript Minifier

Minifizieren Sie modernes JavaScript im Browser: toten Code entfernen, Variablennamen kürzen, console-Aufrufe löschen und Lizenzkommentare behalten.

JavaScriptJSMinifyTerser
Werkzeug testen
Entwicklung

HTML Formatter

Formatieren Sie unübersichtliches oder minifiziertes HTML mit Prettier, inklusive eingebettetem CSS und JavaScript.

HTMLBeautifyPrettier
Werkzeug testen
Entwicklung

CSS Formatter

Formatieren Sie CSS, SCSS und Less mit Prettier: einheitliche Einrückung, eine Deklaration pro Zeile, lesbar auch nach dem Minifizieren.

CSSSCSSLessBeautify
Werkzeug testen
Entwicklung

JavaScript Formatter

Formatieren Sie JavaScript, JSX und JSON mit Prettier: Einrückung, Zeilenbreite, Semikolons, Anführungszeichen und Trailing Commas nach Wunsch.

JavaScriptJSJSONBeautify
Werkzeug testen
Entwicklung

HTML in Markdown

Konvertieren Sie HTML in GitHub-Flavored Markdown mit Tabellen, Aufgabenlisten und Durchstreichungen, direkt im Browser.

HTMLMarkdownMD
Werkzeug testen
Entwicklung

Markdown in HTML

Konvertieren Sie GitHub-Flavored Markdown in HTML, als Fragment oder vollständiges Dokument, mit gerenderter Vorschau neben dem Code.

MarkdownMDHTML
Werkzeug testen
Entwicklung

Markdown in PDF

Wandeln Sie Markdown in ein druckfertiges PDF mit auswählbarem Text und klickbaren Links um, mit Seitengröße, Rändern und Schriftgröße nach Wahl.

MarkdownMDPDF
Werkzeug testen
Entwicklung

HTML Entities kodieren

Wandeln Sie & < > " und ' sowie Umlaute, Akzente, Symbole und Emoji in HTML-Entities um, benannt, dezimal oder hexadezimal.

HTMLEntitiesEscape
Werkzeug testen
Entwicklung

HTML Entities dekodieren

Dekodieren Sie benannte, dezimale und hexadezimale HTML-Entities wie &auml;, &#8364; oder &#xE9; zurück in normale Zeichen.

HTMLEntitiesUnescape
Werkzeug testen
Entwicklung

CSS Verlauf Generator

Erstellen Sie CSS-Farbverläufe mit Live-Vorschau: linear, radial oder konisch, beliebig viele Farbstopps mit Deckkraft und Position. Kostenlos.

CSSGradient
Werkzeug testen
Entwicklung

Box Shadow Generator

Erstellen Sie CSS box-shadow mit Live-Vorschau: mehrere Ebenen, Versatz, Unschärfe, Ausdehnung, Farbe, Deckkraft und inset. Kostenlos.

CSSBox Shadow
Werkzeug testen
Entwicklung

Border Radius Generator

Erstellen Sie CSS border-radius mit Live-Vorschau: alle Ecken einzeln oder gemeinsam, in px oder %, auch elliptische Ecken und Blob-Formen. Kostenlos.

CSSBorder Radius
Werkzeug testen
Entwicklung

CSS Clamp Generator

Berechnen Sie clamp()-Werte für fluide Typografie und Abstände aus Minimal- und Maximalwert und zwei Viewport-Breiten. Kostenlos.

CSSclamp()Responsive
Werkzeug testen
Entwicklung

CSS Calc Generator

Bauen Sie CSS calc()-Ausdrücke aus Werten und Einheiten, prüfen Sie die Syntaxregeln und sehen Sie das Ergebnis in Pixeln. Kostenlos.

CSScalc()
Werkzeug testen
Bilder

PNG in ICO umwandeln

PNG, JPG oder WebP in ein ICO für Favicon oder Windows umwandeln: Größen (16 bis 256 px), Hintergrund und Rand wählen. Alles im Browser, ohne Upload.

PNGICOFavicon
Werkzeug testen
Design

SVG in ICO umwandeln

SVG in ICO umwandeln, wobei jede Größe aus dem Vektor gezeichnet wird: das 16-px-Favicon ist so scharf wie das 256-px-Icon. Alles im Browser.

SVGICOFavicon
Werkzeug testen
Design

Color Converter Pro (HEX, RGB, CMYK, HSL, LAB)

Präzise Konvertierung zwischen HEX, RGB, CMYK, HSL, HSV, XYZ und LAB. CMYK-Gamut-Warnungen, WCAG 2.1 Kontrastprüfung und Export nach ASE, CSS und Tailwind.

HEXRGBCMYKCSS
Werkzeug testen
URL & Web

URL Kodieren (Encode)

Text oder eine ganze URL prozentkodieren (encodeURIComponent oder encodeURI), optional Leerzeichen als +.

URLEncode%20
Werkzeug testen
URL & Web

URL Dekodieren (Decode)

Prozentkodierte URLs und Texte dekodieren, + bei Bedarf als Leerzeichen lesen und mehrfach kodierte Links auflösen.

URLDecode%20
Werkzeug testen
URL & Web

URL Analysieren (Parser)

Zeigt jeden Teil einer URL einzeln, mit dekodierten Parametern in einer Tabelle sowie Hauptdomain und Subdomain.

URLQueryHost
Werkzeug testen
URL & Web

URL-Weiterleitungen Prüfen

Zeigt jeden Sprung mit Statuscode, Ziel und Dauer und warnt vor Schleifen, langen Ketten und Wechseln von HTTPS zu HTTP.

301302SEO
Werkzeug testen
URL & Web

Query-Parameter Extrahieren

Listet jeden dekodierten Schlüssel und Wert, behält doppelte Schlüssel und exportiert als JSON oder CSV.

QueryJSONCSV
Werkzeug testen
URL & Web

URLs Vergleichen

Vergleicht zwei URLs Teil für Teil, unabhängig von der Parameterreihenfolge, und zeigt, ob sie zum selben Ziel führen.

URLDiff
Werkzeug testen

Welches Entwickler-Tool passt

Liefert eine API unlesbares JSON, bringt JSON formatieren es in Form, und der Validator nennt Zeile und Spalte des Fehlers. Um Daten nach Excel zu bringen, JSON zu CSV; für Konfigurationsdateien JSON zu YAML; und um eine Antwort zu typisieren, JSON zu TypeScript.

Vor dem Deployment minifizieren Sie HTML, CSS und JavaScript, damit die Seite kleiner wird; um minifizierten Code zu lesen, nutzen Sie die Prettier-Formatierer. Die CSS-Generatoren (Verläufe, Schatten, border-radius, clamp() und calc()) sind kostenlos und ohne Limit.

Was jedes Tool macht

ToolWofür es istFormate
App-Icon- und Favicon-GeneratorAlle Icon-Größen für Web, PWA, iOS und Android aus einem LogoPNG → ZIP
SVG Optimierer ProBereinigen und komprimieren Sie SVG-Vektordateien ohne sichtbaren QualitätsverlustSVG → SVG
JSON FormatiererJSON lesbar einrücken, verschönern und Fehler sofort findenJSON → JSON
JSON ValidatorPrüfen, ob Ihr JSON gültig ist, und den genauen Fehler mit Zeile und Spalte findenJSON
JSON MinifiziererLeerzeichen und Umbrüche entfernen, damit Ihr JSON so klein wie möglich wirdJSON → min
JSON in CSV umwandelnEine Liste von JSON-Objekten in eine CSV-Tabelle für Excel oder Google Sheets verwandelnJSON → CSV
CSV in JSON umwandelnEine als CSV exportierte Tabelle in eine Liste von JSON-Objekten verwandelnCSV → JSON
JSON in YAML umwandelnJSON in sauberes YAML für Kubernetes, Docker Compose oder GitHub Actions verwandelnJSON → YAML
YAML in JSON umwandelnYAML-Konfigurationsdateien in JSON umwandeln und Einrückungsfehler findenYAML → JSON
JSON in XML umwandelnJSON in wohlgeformtes XML verwandeln, mit Attributen und frei wählbarem WurzelelementJSON → XML
XML in JSON umwandelnXML, RSS-Feeds oder SOAP-Antworten in einfach nutzbares JSON verwandelnXML → JSON
JSON in TypeScript umwandelnTypeScript-Interfaces aus einer JSON-Beispielantwort erzeugenJSON → TS
JSON in JavaScript umwandelnJSON in ein JavaScript-Objekt verwandeln, bereit für Ihren CodeJSON → JS
HTML MinifierHTML verkleinern, ohne die Darstellung zu ändernHTML → min
CSS MinifierCSS komprimieren und Regeln zusammenführenCSS → min
JavaScript MinifierJavaScript mit Terser komprimierenJS → min
HTML FormatterHTML sauber einrücken und lesbar machenHTML → HTML
CSS FormatterCSS, SCSS und Less sauber formatierenCSS → CSS
JavaScript FormatterJavaScript, JSX und JSON lesbar formatierenJS → JS
HTML in MarkdownHTML sauber in Markdown umwandelnHTML → MD
Markdown in HTMLMarkdown in HTML umwandeln, mit VorschauMD → HTML
Markdown in PDFMarkdown als sauberes PDF speichernMD → PDF
HTML Entities kodierenSonderzeichen sicher als HTML-Entities schreiben< → &lt;
HTML Entities dekodierenHTML-Entities zurück in lesbaren Text&lt; → <
CSS Verlauf GeneratorLineare, radiale und konische Verläufe gestaltenCSS, Gradient
Box Shadow GeneratorCSS-Schatten mit mehreren Ebenen gestaltenCSS, Box Shadow
Border Radius GeneratorAbgerundete Ecken und organische FormenCSS, Border Radius
CSS Clamp GeneratorFluide Schriftgrößen und Abstände mit clamp()CSS, clamp(), Responsive
CSS Calc Generatorcalc()-Ausdrücke bauen, prüfen und berechnenCSS, calc()
PNG in ICO umwandelnErstellen Sie aus Ihrem PNG eine ICO-Datei mit mehreren GrößenPNG → ICO
SVG in ICO umwandelnIhr Vektorlogo als scharfes ICO in jeder GrößeSVG → ICO
Color Converter Pro (HEX, RGB, CMYK, HSL, LAB)Bidirektionale Farbraumkonvertierung, CMYK-Gamut und WCAG 2.1 KontrastHEX → CMYK
URL Kodieren (Encode)Leerzeichen, Umlaute und Sonderzeichen in %XX umwandeln, damit sie in eine URL passenText → %XX
URL Dekodieren (Decode)%20, %C3%B6 und andere Codes wieder lesbar machen, auch bei doppelter Kodierung%XX → Text
URL Analysieren (Parser)Einen Link in Protokoll, Host, Port, Pfad, Parameter und Fragment zerlegenURL, Query, Host
URL-Weiterleitungen PrüfenDie 301-, 302-, 307- und 308-Weiterleitungskette eines Links bis zum Ziel verfolgen301, 302, SEO
Query-Parameter ExtrahierenAlle Parameter der Query-String als Tabelle, JSON oder CSV ausgebenURL → JSON
URLs VergleichenFinden, worin sich zwei Links unterscheiden: Host, Pfad und jeder ParameterURL, Diff

Häufig gestellte Fragen

Werden mein Code oder meine Daten an einen Server gesendet?

Nein. Die Tools für JSON, Minifizieren, Formatieren, Markdown und CSS laufen in Ihrem Browser. Sie können sie mit Arbeitsdaten nutzen, ohne dass diese Ihren Computer verlassen.

Was ist der Unterschied zwischen Minifizieren und Formatieren?

Minifizieren entfernt Leerzeichen, Zeilenumbrüche und Kommentare, damit die Datei in der Produktion kleiner ist. Formatieren macht das Gegenteil: Es fügt Einrückung und Zeilenumbrüche hinzu, damit der Code lesbar ist.

Gibt es ein Nutzungslimit?

Die CSS-Generatoren sind kostenlos und ohne Limit. Bei den übrigen Tools können Sie mit einem Dokument kostenlos testen, und Validierungsfehler zählen nicht als Nutzung. ToolStudio Pro bietet unbegrenzte Nutzung.

Featured on TinyShelfLaunched on StartupBaseFeatured on Buildlist