Embellidor i minificador de CSS

Torneu a sagnar el CSS desordenat per llegir-lo millor, o minifiqueu-lo per publicar-lo, amb un mode segur que mai reordena les regles.

Sagnat
Compressió
Enganxeu o escriviu el CSS per embellir-lo o minificar-lo.

El vostre CSS es formata i es minifica al navegador. No es puja res a BroBroGo.

PMF

Quina diferència hi ha entre embellir i minificar?

L'opció d'embellir torna a sagnar i a espaiar els estils perquè siguin fàcils de llegir i editar. Minificar fa el contrari: elimina els espais en blanc i els comentaris que el navegador no necessita, i escurça valors com els colors per reduir la mida del fitxer i accelerar-ne la càrrega. Embelliu mentre treballeu, minifiqueu abans de publicar.

Què fan els paràmetres de compressió Segur i Optimitzat?

El mode Segur només elimina els espais en blanc i els comentaris, i escurça els valors, deixant cada regla exactament on la va escriure. El mode Optimitzat va més enllà i fusiona selectors i regles duplicats per obtenir un fitxer més petit; pot reordenar regles, de manera que en fulls d'estil que depenguin de l'ordre d'origen és recomanable fer una comprovació ràpida abans de publicar. Els comentaris marcats amb /*! … */ es conserven en ambdós modes.

La minificació canviarà l'aspecte de la pàgina?

En el mode Segur, no: els estils es renderitzaran exactament igual. Redueix els espais en blanc, elimina els comentaris ordinaris i reescriu els valors en formes equivalents més curtes (com #ffffff a #fff), i mai canvia els prefixos de proveïdor ni la sintaxi moderna. El mode Optimitzat també fusiona regles, la qual cosa ofereix un resultat idèntic en gairebé tots els fulls d'estil, però val la pena verificar-ho si el vostre disseny depèn de l'ordre de les regles.

Embellidor i minificador d'HTMLTorneu a sagnar l'HTML desordenat per llegir-lo millor, o minifiqueu-lo per publicar-lo, amb una comprovació opcional d'etiquetes incorrectes.Optimitzador d'SVGNetegeu el codi SVG i reduïu-ne la mida sense alterar la imatge gràfica.Embellidor i minificador de JavaScriptTorneu a sagnar el JavaScript minificat o ofuscat per poder-lo llegir, o minifiqueu el vostre propi codi per reduir-ne la mida de publicació.Calculadora de CSS clamp()Introduïu una mida per a pantalles petites i grans i obtingueu un valor clamp() fluid que s'escala de manera suau entremig, ideal per a mides de font, farcits, marges o espais.Generador de degradatsCreeu un degradat lineal, radial o cònic, afegiu punts de parada de color i definiu la direcció, i després copieu el CSS amb un sol clic.Generador de Box ShadowArrossegui els lliscadors per dissenyar una ombra de caixa, acumuli capes per donar profunditat i copiï el CSS resultant a l'instant.Conversor de colorConverteixi colors entre HEX, RGB, HSL, HSV, CMYK i LAB: editi qualsevol camp i la resta s'actualitzarà automàticament.Formatejador JSONFormategi, validi i minimitzi JSON a l'instant.