Tools für Bilder, Daten und Code
Passende Bildformate. Lesbare Daten.
Ein Formular nimmt kein WebP an, der Fotoanhang ist zu groß oder eine API-Antwort kaum lesbar? Wandle Bilder um, komprimiere Fotos und konvertiere JSON und CSV für Excel oder deine Anwendung.
Das passende Tool für deine AufgabeMit einem nützlichen Tool starten
Alle Tools
Das passende Tool für deine Aufgabe
Bildtools
Wandle WebP-Dateien um und komprimiere Bilder. Wähle ein kompatibles Format und prüfe Transparenz und Qualität vor dem Speichern.
WebP → JPG
WebP wird von deiner Anwendung nicht akzeptiert? Wandle statische Bilder im Browser in JPG um, wähle Qualität und Hintergrund und lade mehrere Dateien als ZIP.
WebP → PNG
Wandle statische WebP-Logos und -Bilder in PNG um. Transparente Bereiche und Pixelmaße bleiben erhalten. Lade Dateien einzeln oder als ZIP; PNG kann größer ausfallen.
Bilder komprimieren
Verkleinere die Dateigröße von Fotos für E-Mail-Anhänge oder Formulare. Passe Qualität und Abmessungen im Browser an und prüfe Größe und Vorschau vor dem Speichern.
JSON-Tools
Formatiere JSON, konvertiere CSV und YAML oder erzeuge Typen und Schemas aus API-Antworten und Konfigurationsdaten.
JSON → CSV
Wandle JSON-Objekte in CSV für Excel um. Wähle Spalten und Trennzeichen, löse Verschachtelungen auf und lade UTF-8-CSV mit optionalem BOM herunter.
CSV → JSON
Wandle CSV im Browser in JSON um. Werte bleiben standardmäßig Text, damit führende Nullen erhalten bleiben. UTF-8, Shift_JIS und mehrzeilige Zellen werden unterstützt.
JSON → React PropTypes
Erzeuge PropTypes-Definitionen aus JSON, um die Eigenschaften von React-Komponenten zu prüfen.
JSON → Flow
Erzeuge Flow-Typen aus der Struktur deiner JSON-Daten.
JSON → GraphQL
Erzeuge aus JSON-Daten ein GraphQL-Schema als Ausgangspunkt für deine API.
JSON → TypeScript
Erzeuge TypeScript-Definitionen aus JSON-Objekten, um die Struktur deiner Daten zu beschreiben.
JSON → MobX-State-Tree Model
Erzeuge MobX-State-Tree-Modelle aus JSON-Daten für die Zustandsverwaltung deiner Anwendung.
JSON → Sarcastic
Erzeuge Sarcastic-Typdefinitionen aus der Struktur deiner JSON-Daten.
JSON → io-ts
Erzeuge io-ts-Definitionen aus JSON zur Datenvalidierung in TypeScript-Projekten.
JSON → Rust Serde
Erzeuge Rust-Strukturen für Serde aus JSON-Daten.
JSON → Mongoose Schema
Erzeuge ein Mongoose-Schema aus JSON, um MongoDB-Daten zu modellieren.
JSON → Big Query Schema
Erzeuge ein BigQuery-Schema aus der Struktur deiner JSON-Daten.
JSON → MySQL
Erzeuge ein MySQL-Schema aus JSON als Ausgangspunkt für deine Tabellen.
JSON → Scala Case Class
Erzeuge Scala-Case-Classes, die die Struktur deiner JSON-Daten abbilden.
JSON → Go Struct
Erzeuge Go-Strukturen aus JSON-Daten für die Verarbeitung in deinen Projekten.
JSON → Go Bson
Erzeuge Go-Strukturen mit BSON-Tags aus deinen JSON-Daten.
JSON → YAML
Wandle JSON-Daten in YAML für Konfigurationsdateien und strukturierte Daten um.
JSON → JSDoc
Erzeuge JSDoc-Annotationen aus JSON, um die Struktur deiner Daten zu dokumentieren.
JSON → Kotlin
Erzeuge Kotlin-Datenklassen aus der Struktur deiner JSON-Objekte.
JSON → Java
Erzeuge Java-Klassen aus JSON zur Darstellung deiner Daten in Java-Projekten.
JSON → JSON Schema
Erzeuge ein JSON Schema aus JSON-Daten, um ihre Struktur zu beschreiben und zu validieren.
JSON → TOML
Wandle JSON-Daten in TOML um, um Konfigurationsdateien zu erstellen und zu bearbeiten.
JSON → Zod Schema
Erzeuge Zod-Schemas aus JSON zur Datenvalidierung in TypeScript-Projekten.
JSON formatieren
Mache einzeilige API-Antworten lesbar und prüfe JSON-Syntax. JSON5-Kommentare, einfache Anführungszeichen und abschließende Kommas werden ohne Codeausführung verarbeitet.
JSON Schema → TypeScript
Erzeuge TypeScript-Definitionen aus JSON Schema zur Beschreibung von Schnittstellen und Datenmodellen.
JSON Schema → OpenAPI Schema
Wandle JSON Schema in ein OpenAPI-Schema zur Verwendung in deiner API-Dokumentation um.
JSON Schema → Protobuf
Erzeuge Protobuf-Definitionen aus JSON Schema zur Darstellung strukturierter Nachrichten.
JSON Schema → Zod Schema
Erzeuge Zod-Schemas aus JSON Schema, um Daten zur Laufzeit zu validieren.
JSON-LD → N-Quads
Wandle JSON-LD-Daten in N-Quads zur Darstellung von RDF-Datensätzen um.
JSON-LD → Expanded
Wandle JSON-LD in die expandierte Form um, um Eigenschaften und Kennungen der Daten zu untersuchen.
JSON-LD → Compacted
Wandle JSON-LD mithilfe eines Kontexts in die kompaktierte Form um, um Eigenschaften und Kennungen abzukürzen.
JSON-LD → Flattened
Wandle JSON-LD in eine flache Struktur um, um die Eigenschaften jedes Knotens zusammenzuführen.
JSON-LD → Framed
Wende einen Frame auf JSON-LD-Daten an, um die gewünschte Struktur zu erzeugen.
JSON-LD → Normalized
Normalisiere JSON-LD-Daten, um eine einheitliche Darstellung der RDF-Daten zu erhalten.
HTML-Tools
Arbeite mit HTML, Pug, JSX, SVG-Komponenten und CSS. Passe Markup und Stile für deine nächste Umsetzung an.
SVG → JSX
Wandle SVG-Code in JSX um, um ihn in React-Komponenten zu verwenden.
SVG → React Native
Wandle SVG in React-Native-Komponenten um, um Vektorgrafiken in deiner App zu verwenden.
HTML → JSX
Wandle HTML in JSX um, um das Markup in React-Komponenten wiederzuverwenden.
HTML → Pug
Wandle HTML-Code in Pug-Vorlagen um und prüfe das erzeugte Ergebnis.
CSS → JS Objects
Wandle CSS-Deklarationen in JavaScript-Objekte zur Verwendung im Code deiner Oberfläche um.
CSS → template literal
Wandle als Objekte definierte Stile in Template-Literale um, um sie in deinem Code wiederzuverwenden.
CSS → TailwindCSS
Wandle CSS-Code in Tailwind-CSS-Klassen um und prüfe die erzeugten Utility-Klassen.
Less → CSS
Kompiliere Less-Code zu standardmäßigem CSS für die Verwendung im Browser.
Scss → CSS
Kompiliere SCSS-Code zu standardmäßigem CSS und prüfe das erzeugte Ergebnis.
Sass → CSS
Kompiliere Sass-Code zu standardmäßigem CSS für deine Stylesheets.
JavaScript-Tools
Konvertiere zwischen TypeScript, JavaScript und Flow. Nutze das Ergebnis als Ausgangspunkt und prüfe es in deinem Projekt.
JavaScript → JSON
Wandle JSON5-Objekte im Browser in standardkonformes JSON um. Unterstützt Schlüssel ohne Anführungszeichen, einfache Anführungszeichen und Kommentare, ohne JavaScript-Funktionen oder -Ausdrücke auszuführen.
TypeScript → Flow
Wandle TypeScript-Definitionen in Flow-Typen zur Verwendung in Flow-Projekten um.
TypeScript → TypeScript Declaration
Erzeuge Typdeklarationen aus TypeScript-Code zur Beschreibung seiner Schnittstellen.
TypeScript → JSON Schema
Erzeuge JSON Schema aus TypeScript-Definitionen, um Daten zu beschreiben und zu validieren.
TypeScript → plain JavaScript
Wandle TypeScript-Code in JavaScript für kompatible JavaScript-Umgebungen um.
TypeScript → Zod Schema
Erzeuge Zod-Schemas aus TypeScript-Definitionen zur Datenvalidierung zur Laufzeit.
Flow → TypeScript
Wandle Flow-Typdefinitionen in TypeScript um, um Code für TypeScript-Projekte anzupassen.
Flow → TypeScript Declaration
Erzeuge TypeScript-Deklarationen aus Flow-Definitionen.
Flow → plain JavaScript
Wandle Flow-Code in JavaScript um, indem du die Flow-Typannotationen entfernst.
GraphQL
Erzeuge Typen und Client-Code aus GraphQL-Schemas als Ausgangspunkt für die Entwicklung.
GraphQL → TypeScript
Erzeuge TypeScript-Definitionen aus einem GraphQL-Schema für die Arbeit mit typisierten Daten.
GraphQL → Flow
Erzeuge Flow-Typen aus einem GraphQL-Schema für dein Projekt.
GraphQL → JAVA
Erzeuge Java-Klassen aus einem GraphQL-Schema zur Darstellung der Typen deiner API.
GraphQL → Resolvers Signature
Erzeuge Resolver-Signaturen aus einem GraphQL-Schema als Grundlage für die Serverlogik.
GraphQL → Introspection JSON
Erzeuge Introspektions-JSON aus einem GraphQL-Schema, um seine Typen und Felder zu untersuchen.
GraphQL → Schema AST
Wandle ein GraphQL-Schema in einen abstrakten Syntaxbaum um, um seine Struktur zu untersuchen.
GraphQL → Fragment Matcher
Erzeuge Daten für den Fragmentabgleich aus einem GraphQL-Schema zur Verwendung im Client.
GraphQL → Components
Erzeuge React-Komponenten aus einem GraphQL-Schema zur Einbindung von Abfragen in deine Oberfläche.
GraphQL → TypeScript MongoDB
Erzeuge auf MongoDB abgestimmte TypeScript-Typen aus einem GraphQL-Schema.
Weitere Tools
Konvertiere YAML, TOML, XML und Markdown, erzeuge QR-Codes und erledige weitere kleine Alltagsaufgaben.
XML → JSON
Wandle XML in JSON um, um die Daten mit JSON-kompatiblen Tools zu verarbeiten.
YAML → JSON
Wandle YAML-Daten in JSON zur Wiederverwendung in Anwendungen und Konfigurationsdateien um.
YAML → TOML
Wandle YAML in TOML um, um Konfigurationsdaten an ein anderes Format anzupassen.
Markdown → HTML
Wandle Markdown-Text in HTML um, um formatierte Inhalte auf Webseiten anzuzeigen.
TOML → JSON
Wandle TOML-Daten in JSON zur Verwendung mit kompatiblen Tools und Anwendungen um.
TOML → YAML
Wandle TOML in YAML um, um Konfigurationsdaten in einem anderen Format darzustellen.
Cadence → Go
Wandle Cadence-Inhalte in Go-Code um und prüfe das erzeugte Ergebnis.
Random Password Generator
Erzeuge zufällige Passwörter und wähle ihre Länge sowie die enthaltenen Zeichentypen.
QR Code Generator
Erstelle QR-Codes für Text oder URLs und passe Farben, Formen und Logo vor dem Herunterladen an.
Bevor du beginnst
Verlassen meine Dateien den Browser?
WebP-Konvertierung, Bildkomprimierung und JSON/CSV-Konvertierung laufen im Browser. Einige andere Codekonverter verwenden einen Server zur Verarbeitung. Prüfe die Toolbeschreibung, bevor du vertrauliche Daten eingibst.
Sollte ich WebP in JPG oder PNG umwandeln?
Nutze JPG für die Kompatibilität von Fotos oder PNG, um einen transparenten Hintergrund zu erhalten. JPG unterstützt keine Transparenz. Beide Konverter unterstützen Stapelverarbeitung und ZIP-Downloads.
Wie bereite ich CSV für Excel vor, ohne Werte zu verändern?
Wähle beim Export aus JSON die Spalten und das Trennzeichen für deine Excel-Einstellungen. Ein UTF-8-BOM kann bei Umlauten helfen. Behalte beim Umwandeln von CSV in JSON Textwerte bei, wenn IDs wie 001 oder genaue Dezimalwerte wichtig sind.