Collez du JavaScript ou du CSS — cliquez sur Minify pour supprimer espaces et commentaires en vue de la production, ou sur Beautify pour ré-indenter du code obfusqué / sur une ligne et le rendre lisible. Détection automatique du langage, le tout dans votre navigateur.
Conservatrice. Nous supprimons les commentaires et compactons les espaces, mais nous ne renommons pas les identifiants (foo reste foo), n'effectuons pas d'élimination de code mort et ne réordonnons pas les instructions. L'objectif est une réduction d'octets sûre et prévisible. Si vous voulez une compression maximale, passez la sortie par Terser ou esbuild en étape finale.
Non. Le tokeniseur connaît les chaînes, les littéraux de gabarit et les regex. Les espaces et les séquences ressemblant à des commentaires à l'intérieur de "...", '...', \`...\` ou /regex/flags sont préservés à l'identique. Les commentaires de bannière de licence (/*! ... */) sont également préservés par défaut.
Minifiez pour la production, beautifiez pour le débogage — avec quelques petites attentions qui rendent l'outil vraiment agréable à utiliser.
JavaScript ou CSS, minify ou beautify, dans un seul outil. La détection automatique choisit le langage à partir d'indices dans le contenu; ou imposez-le via le menu déroulant Langage.
Nous supprimons les commentaires et compactons les espaces — mais ne renommons jamais les identifiants, ne réordonnons rien, n'inlinons rien. Les chaînes, les littéraux de gabarit, les regex et les commentaires de bannière de licence (/*! ... */) sont préservés à l'identique. La sortie est sûre octet pour octet.
Collez un bundle minifié sur une seule ligne, cliquez sur Beautify, obtenez une version lisible et indentée — utile pour inspecter des scripts tiers, déboguer des stack traces de production ou apprendre de code astucieux.
Chaque minification affiche le delta octets entrés → octets sortis et le pourcentage économisé. Plus besoin de se demander si votre bundle CSS rapetisse vraiment.
Votre code reste sur votre appareil. Tokeniseur, minifier et beautifier s'exécutent tous en JavaScript localement. Ouvrez DevTools → Network et vérifiez : zéro requête sortante.
JavaScript pur, sans runtime de framework. Le chargement à froid pèse moins de 25 Ko gzippés. Un bundle JS de 200 Ko se minifie en moins de 50 ms sur un ordinateur portable normal.
Trois étapes du code brut à une sortie prête pour la production.
Déposez du JavaScript ou du CSS dans le panneau Entrée. L'outil détecte automatiquement le langage — ou choisissez dans le menu déroulant Langage si la source est ambiguë (par exemple un petit fragment).
Cliquez sur Minify pour supprimer commentaires et espaces en vue de la production. Cliquez sur Beautify pour étendre du code obfusqué / sur une ligne avec une indentation correcte. L'outil s'exécute instantanément à chaque clic — basculez entre les deux pour comparer.
Utilisez l'icône de copie pour envoyer la sortie dans le presse-papiers, ou l'icône de téléchargement pour l'enregistrer en tant que output.min.js / output.min.css / output.beauty.js / output.beauty.css. La différence de taille (octets entrés → sortis, pourcentage économisé) vous montre exactement combien vous avez compressé.
Quatre scénarios courants où un outil navigateur axé sur la confidentialité l'emporte sur le copier-coller dans un minifier en ligne au hasard.
Pages statiques, modèles d'e-mails transactionnels et extraits embarqués nécessitent souvent un script ou une feuille de style inline sur une seule ligne. Déposez votre source lisible, minifiez, collez le résultat dans la balise <style> ou <script> — terminé.
Pixels d'éditeurs, balises de réseaux publicitaires, extensions douteuses — tout est livré sous forme de one-liners minifiés. Collez, cliquez sur Beautify, lisez ce qu'ils font réellement avant de les intégrer en production.
Les thèmes pour WordPress / Shopify / Ghost / Webflow embarquent du CSS gonflé. Collez la feuille de style, beautifiez, repérez les règles dupliquées et les sélecteurs inutilisés. Une fois fini, reminifiez la version nettoyée en une ligne.
Scripts internes contenant des clés d'API, des secrets, de la logique métier — tout ce que vous ne pouvez pas coller dans un minifier cloud. L'outil 100% navigateur garde chaque octet sur votre ordinateur. Ouvrez DevTools → Network et vérifiez que rien ne sort.
Votre code ne quitte jamais votre appareil. Ouvrez DevTools → Network et vous verrez zéro requête sortante pendant la minification ou la beautification.
/*! ... */) sont préservés par défaut afin que vous ne supprimiez pas accidentellement l'attribution exigée par la licence d'une bibliothèque open-source.
Lectures sélectionnées sur la minification JS / CSS, le formatage de code et la discipline de taille de bundle.
Where XML still beats JSON (SOAP, RSS, Office docs, EPUB, sitemaps, configs) and where JSON wins. Worked examples and migration patterns.
Reading XML namespace prefixes, finding the actual fault inside a SOAP envelope, and using a browser-based formatter to spot the issue without firing up SoapUI.
Conservatrice. Nous supprimons les commentaires et compactons les espaces, mais nous ne renommons pas les identifiants (foo reste foo), n'effectuons pas d'élimination de code mort et ne réordonnons pas les instructions. L'objectif est une réduction d'octets sûre et prévisible. Si vous voulez une compression maximale, passez la sortie par Terser ou esbuild en étape finale.
Non. Le tokeniseur connaît les chaînes, les littéraux de gabarit et les regex. Les espaces et les séquences ressemblant à des commentaires à l'intérieur de "...", '...', \`...\` ou /regex/flags sont préservés à l'identique. Les commentaires de bannière de licence (/*! ... */) sont également préservés par défaut.
Oui. Les règles imbriquées, @media, @keyframes, @font-face, @layer, @container, @supports et les propriétés personnalisées CSS (--var) se minifient toutes en toute sécurité. Les listes de sélecteurs avec virgules sont conservées; seuls les espaces non significatifs sont compactés.
C'est exactement à cela que sert Beautify. Collez n'importe quel JS ou CSS minifié, cliquez sur Beautify, obtenez une version ré-indentée. Le beautifier ne change pas la sémantique — il ajoute juste des sauts de ligne et de l'indentation selon la profondeur des accolades. Fonctionne sur n'importe quelle entrée valide, peu importe la façon dont elle a été minifiée.
Non. Le tokeniseur, le minifier et le beautifier s'exécutent tous en JavaScript sur votre appareil. Ouvrez DevTools → Network et vous verrez zéro requête sortante pendant la minification ou la beautification. Collez des clés d'API, des secrets ou du code propriétaire — rien ne quitte votre ordinateur.