ToolStudio.es
38 outils

Outils pour développeurs

Les outils pour développeurs de ToolStudio formatent, valident et convertissent du JSON en CSV, YAML, XML ou TypeScript, minifient et formatent HTML, CSS et JavaScript, convertissent entre Markdown et HTML, encodent entités et URL et génèrent du code CSS et des favicons. Ils s’exécutent dans votre navigateur : votre code n’est envoyé à aucun serveur.

Tous les outils

Développement

Générateur d’Icônes d’App et de Favicon

Importez votre logo et téléchargez un ZIP avec favicon.ico, apple-touch-icon, icônes PWA et maskable avec leur manifest, AppIcon pour Xcode et mipmaps Android.

FaviconiOSAndroidPWA
Essayer l’outil
Développement

Optimiseur de SVG Pro

Réduisez la taille de vos fichiers SVG en supprimant métadonnées, décimales superflues et balises inutiles.

SVGWeb
Essayer l’outil
Développement

Formateur JSON

Collez un JSON minifié ou désordonné et récupérez-le indenté (2, 4 espaces ou tabulation), clés triées si besoin. Chaque erreur est signalée avec sa ligne et sa colonne.

JSON
Essayer l’outil
Développement

Validateur JSON

Validez du JSON selon la norme RFC 8259, avec chaque erreur expliquée simplement : virgules finales, apostrophes, clés sans guillemets ou commentaires. Signale aussi les clés en double.

JSON
Essayer l’outil
Développement

Minifier JSON

Compactez le JSON sur une seule ligne sans changer aucune valeur et voyez le gain. Utile pour les API, les fichiers de configuration et des requêtes plus légères.

JSON
Essayer l’outil
Développement

Convertir JSON en CSV

Convertissez du JSON en CSV avec une colonne par clé, aplatissez les objets imbriqués (« address.city ») et choisissez virgule ou point-virgule. Le CSV s’ouvre dans Excel avec les accents.

JSONCSVExcel
Essayer l’outil
Développement

Convertir CSV en JSON

Convertissez du CSV en JSON avec la première ligne comme noms de champs. Détecte le séparateur (virgule, point-virgule, tabulation), les nombres et true/false, et gère les champs entre guillemets.

CSVJSONExcel
Essayer l’outil
Développement

Convertir JSON en YAML

Convertissez du JSON en YAML avec une indentation de 2 ou 4 espaces. Les guillemets ne sont ajoutés que si nécessaire (« 28001 » ou « yes » restent du texte) et l’ordre des clés est conservé.

JSONYAML
Essayer l’outil
Développement

Convertir YAML en JSON

Convertissez du YAML en JSON, ancres, alias et documents multiples séparés par « --- » compris. En cas d’erreur, la ligne et la colonne sont indiquées.

YAMLJSON
Essayer l’outil
Développement

Convertir JSON en XML

Convertissez du JSON en XML : chaque clé devient un élément, les listes répètent l’élément et les clés « @nom » deviennent des attributs. Les caractères spéciaux sont échappés.

JSONXML
Essayer l’outil
Développement

Convertir XML en JSON

Convertissez du XML en JSON : les attributs deviennent « @nom », les éléments répétés des listes et le texte des valeurs. Si le XML est mal formé, la ligne de l’erreur est indiquée.

XMLJSONRSS
Essayer l’outil
Développement

Convertir JSON en TypeScript

Créez des interfaces ou types TypeScript depuis du JSON : les objets d’une liste sont fusionnés en un type, les clés absentes deviennent optionnelles (?) et des unions sont créées si les valeurs varient.

JSONTypeScript
Essayer l’outil
Développement

Convertir JSON en JavaScript

Convertissez du JSON en objet littéral JavaScript : clés sans guillemets si possible, guillemets simples ou doubles et déclaration const, export default ou module.exports.

JSONJavaScript
Essayer l’outil
Développement

Minifier HTML

Supprimez commentaires, espaces et attributs inutiles de votre HTML, avec minification du CSS et du JavaScript intégrés. Tout se passe dans votre navigateur.

HTMLMinify
Essayer l’outil
Développement

Minifier CSS

Minifiez votre CSS avec CSSO : espaces et commentaires supprimés, règles et déclarations fusionnées. Le traitement se fait dans votre navigateur.

CSSMinify
Essayer l’outil
Développement

Minifier JavaScript

Minifiez votre JavaScript moderne : code mort supprimé, variables raccourcies, console.* retirés si vous le souhaitez. Le traitement se fait dans votre navigateur.

JavaScriptJSMinifyTerser
Essayer l’outil
Développement

Formateur HTML

Formatez et indentez votre HTML avec Prettier, y compris le CSS et le JavaScript intégrés. Idéal pour lire du HTML minifié. Tout se passe dans votre navigateur.

HTMLBeautifyPrettier
Essayer l’outil
Développement

Formateur CSS

Formatez et embellissez vos feuilles de style CSS, SCSS et Less avec Prettier : indentation et largeur de ligne au choix. Traitement dans votre navigateur.

CSSSCSSLessBeautify
Essayer l’outil
Développement

Formateur JavaScript

Formatez et indentez votre JavaScript, JSX ou JSON : indentation, largeur, points-virgules, guillemets et virgules finales au choix. Traitement dans votre navigateur.

JavaScriptJSJSONBeautify
Essayer l’outil
Développement

Convertir HTML en Markdown

Convertissez du HTML en Markdown compatible GitHub (tableaux, listes de tâches, texte barré) avec le style de titres et de listes de votre choix. Dans votre navigateur.

HTMLMarkdownMD
Essayer l’outil
Développement

Convertir Markdown en HTML

Convertissez du Markdown (GitHub Flavored) en HTML : tableaux, listes de tâches, liens automatiques, en fragment ou en page complète. Avec aperçu, dans votre navigateur.

MarkdownMDHTML
Essayer l’outil
Développement

Convertir Markdown en PDF

Convertissez du Markdown en PDF avec texte sélectionnable et liens cliquables : format A4 ou Letter, marges et taille de police au choix. Dans votre navigateur.

MarkdownMDPDF
Essayer l’outil
Développement

Encoder entités HTML

Convertissez & < > " ' en entités HTML, et si besoin les accents, symboles et emoji en entités nommées, décimales ou hexadécimales. Dans votre navigateur.

HTMLEntitiesEscape
Essayer l’outil
Développement

Décoder entités HTML

Décodez toutes les entités HTML nommées, décimales et hexadécimales en caractères lisibles : accents, symboles, guillemets. Le traitement se fait dans votre navigateur.

HTMLEntitiesUnescape
Essayer l’outil
Développement

Générateur de dégradé CSS

Composez un dégradé CSS avec autant de couleurs que vous voulez, opacité et positions réglables, aperçu en direct et code prêt à copier. Gratuit et sans limite.

CSSGradient
Essayer l’outil
Développement

Générateur box-shadow CSS

Créez des ombres box-shadow réalistes : plusieurs couches, décalage, flou, étalement, couleur, opacité et inset, avec presets. Gratuit et sans limite.

CSSBox Shadow
Essayer l’outil
Développement

Générateur border-radius CSS

Réglez chaque coin en px ou %, ensemble ou séparément, avec coins elliptiques et presets (pilule, cercle, blob). Code le plus court généré. Gratuit et sans limite.

CSSBorder Radius
Essayer l’outil
Développement

Générateur clamp() CSS

Calculez une valeur clamp() fluide à partir d’une taille minimale, maximale et de deux largeurs d’écran, avec aperçu par largeur. Gratuit et sans limite.

CSSclamp()Responsive
Essayer l’outil
Développement

Générateur calc() CSS

Assemblez une expression calc() en mélangeant px, rem, %, vw et autres unités, avec validation des règles et résultat calculé en px. Gratuit et sans limite.

CSScalc()
Essayer l’outil
Images

Convertir PNG en ICO

Transformez un PNG, JPG ou WebP en ICO pour un favicon ou Windows : choisissez les tailles (16 à 256 px), le fond et la marge. Tout dans votre navigateur.

PNGICOFavicon
Essayer l’outil
Design

Convertir SVG en ICO

Convertissez un SVG en ICO en dessinant chaque taille depuis le vecteur : le favicon de 16 px est aussi net que celui de 256 px. Tout dans votre navigateur.

SVGICOFavicon
Essayer l’outil
Design

Convertisseur de Couleur Pro (HEX, RVB, CMJN, HSL, LAB)

Convertissez précisément entre HEX, RVB, CMJN, HSL, HSV, XYZ et LAB. Détectez les couleurs hors gamut, vérifiez l'accessibilité WCAG et exportez en ASE, CSS et Tailwind.

HEXRGBCMYKCSS
Essayer l’outil
URL et web

Encoder une URL

Encodez un texte ou une URL complète en pourcentage (encodeURIComponent ou encodeURI), avec option espaces en +.

URLEncode%20
Essayer l’outil
URL et web

Décoder une URL

Décodez URL et textes encodés en pourcentage, traitez + comme espace si besoin et résolvez les liens encodés plusieurs fois.

URLDecode%20
Essayer l’outil
URL et web

Analyser une URL

Affiche chaque partie d’une URL séparément, avec les paramètres décodés dans un tableau, le domaine principal et le sous-domaine.

URLQueryHost
Essayer l’outil
URL et web

Vérifier les Redirections d’URL

Affiche chaque saut avec son code, sa cible et sa durée, et signale boucles, chaînes longues et passages de HTTPS à HTTP.

301302SEO
Essayer l’outil
URL et web

Extraire les Paramètres d’une URL

Liste chaque clé et valeur décodées, conserve les clés répétées et exporte en JSON ou CSV pour le code ou les tableurs.

QueryJSONCSV
Essayer l’outil
URL et web

Comparer des URL

Compare deux URL partie par partie, sans tenir compte de l’ordre des paramètres, et indique si elles mènent au même endroit.

URLDiff
Essayer l’outil

Quel outil pour développeurs choisir

Si une API renvoie un JSON illisible, Formater du JSON le met en forme et le validateur vous indique la ligne et la colonne de l’erreur. Pour passer des données dans Excel, JSON en CSV ; pour des fichiers de configuration, JSON en YAML ; et pour typer une réponse, JSON en TypeScript.

Avant la mise en ligne, minifiez HTML, CSS et JavaScript pour alléger le site ; pour lire du code minifié, utilisez les formateurs Prettier. Les générateurs CSS (dégradés, ombres, border-radius, clamp() et calc()) sont gratuits et sans limite.

Ce que fait chaque outil

OutilÀ quoi il sertFormats
Générateur d’Icônes d’App et de FaviconToutes les tailles d’icône pour web, PWA, iOS et Android à partir d’un logoPNG → ZIP
Optimiseur de SVG ProNettoyez et compressez vos fichiers SVG vectoriels en supprimant le code superfluSVG → SVG
Formateur JSONIndentez et embellissez votre JSON, et repérez les erreurs aussitôtJSON → JSON
Validateur JSONVérifiez si votre JSON est valide et trouvez l’erreur exacte, ligne et colonneJSON
Minifier JSONSupprimez espaces et retours à la ligne pour un JSON le plus léger possibleJSON → min
Convertir JSON en CSVTransformez une liste d’objets JSON en tableau CSV prêt pour Excel ou Google SheetsJSON → CSV
Convertir CSV en JSONTransformez un tableur exporté en CSV en liste d’objets JSONCSV → JSON
Convertir JSON en YAMLTransformez du JSON en YAML propre pour Kubernetes, Docker Compose ou GitHub ActionsJSON → YAML
Convertir YAML en JSONTransformez vos fichiers de configuration YAML en JSON et trouvez les erreurs d’indentationYAML → JSON
Convertir JSON en XMLTransformez du JSON en XML bien formé, avec attributs et l’élément racine de votre choixJSON → XML
Convertir XML en JSONTransformez du XML, des flux RSS ou des réponses SOAP en JSON facile à utiliserXML → JSON
Convertir JSON en TypeScriptGénérez des interfaces TypeScript à partir d’une réponse JSON d’exempleJSON → TS
Convertir JSON en JavaScriptTransformez du JSON en objet JavaScript prêt à coller dans votre codeJSON → JS
Minifier HTMLRéduisez le poids de vos pages HTML en un clic.HTML → min
Minifier CSSCompressez vos feuilles de style sans changer le rendu.CSS → min
Minifier JavaScriptCompressez et obfusquez légèrement votre JS avec Terser.JS → min
Formateur HTMLIndentez et rendez lisible n’importe quel code HTML.HTML → HTML
Formateur CSSIndentez proprement votre CSS, SCSS ou Less.CSS → CSS
Formateur JavaScriptEmbellissez du JavaScript, du JSX ou du JSON avec Prettier.JS → JS
Convertir HTML en MarkdownTransformez une page ou un article HTML en Markdown propre.HTML → MD
Convertir Markdown en HTMLTransformez du Markdown en HTML avec aperçu en direct.MD → HTML
Convertir Markdown en PDFTransformez vos fichiers .md en PDF propres et imprimables.MD → PDF
Encoder entités HTMLÉchappez les caractères spéciaux pour les insérer en HTML.< → &lt;
Décoder entités HTMLRetrouvez le texte lisible derrière &amp;, &eacute; ou &#8364;.&lt; → <
Générateur de dégradé CSSCréez des dégradés linéaires, radiaux et coniques en direct.CSS, Gradient
Générateur box-shadow CSSComposez des ombres CSS multicouches avec aperçu en direct.CSS, Box Shadow
Générateur border-radius CSSArrondissez les coins, créez pilules, cercles et formes organiques.CSS, Border Radius
Générateur clamp() CSSTypographie et espacements fluides avec clamp(), sans calcul.CSS, clamp(), Responsive
Générateur calc() CSSConstruisez et vérifiez une expression calc() avec son résultat en px.CSS, calc()
Convertir PNG en ICOCréez un fichier ICO multi-tailles à partir de votre PNGPNG → ICO
Convertir SVG en ICOTransformez votre logo vectoriel en ICO net à toutes les taillesSVG → ICO
Convertisseur de Couleur Pro (HEX, RVB, CMJN, HSL, LAB)Conversion d'Espaces Colorimétriques, Gamut CMJN et Contraste WCAG 2.1HEX → CMYK
Encoder une URLConvertissez espaces, accents et symboles en %XX pour les utiliser dans une URLText → %XX
Décoder une URLRetransformez %20, %C3%B1 et autres codes en texte lisible, même encodé deux fois%XX → Text
Analyser une URLDécomposez un lien en protocole, domaine, port, chemin, paramètres et fragmentURL, Query, Host
Vérifier les Redirections d’URLSuivez la chaîne de redirections 301, 302, 307 et 308 d’un lien jusqu’à sa destination301, 302, SEO
Extraire les Paramètres d’une URLSortez tous les paramètres de la query string en tableau, JSON ou CSVURL → JSON
Comparer des URLTrouvez en quoi deux liens diffèrent : domaine, chemin et chaque paramètreURL, Diff

Foire Aux Questions

Mon code ou mes données sont-ils envoyés sur un serveur ?

Non. Les outils JSON, de minification, de formatage, Markdown et CSS s’exécutent dans votre navigateur. Vous pouvez les utiliser avec des données de travail sans qu’elles quittent votre ordinateur.

Quelle est la différence entre minifier et formater ?

Minifier supprime les espaces, les retours à la ligne et les commentaires pour alléger le fichier en production. Formater fait l’inverse : ajoute indentation et retours à la ligne pour rendre le code lisible.

Y a-t-il une limite d’utilisation ?

Les générateurs CSS sont gratuits et sans limite. Pour les autres outils, vous pouvez essayer gratuitement avec un document, et les erreurs de validation ne comptent pas comme utilisation. ToolStudio Pro offre une utilisation illimitée.

Featured on TinyShelfLaunched on StartupBaseFeatured on Buildlist