Qué herramienta para desarrolladores elegir
Si una API te devuelve un JSON ilegible, Formatear JSON lo ordena y el validador te dice la línea y la columna del error. Para llevar datos a Excel, JSON a CSV; para configuraciones, JSON a YAML; y para tipar una respuesta, JSON a TypeScript.
Antes de publicar, minifica HTML, CSS y JavaScript para que la web pese menos; para leer código minificado, usa los formateadores con Prettier. Los generadores de CSS (degradados, sombras, border-radius, clamp() y calc()) son gratis y sin límite.
Qué hace cada herramienta
| Herramienta | Para qué sirve | Formatos |
|---|---|---|
| Generador de Iconos para Apps y Favicon | Todos los tamaños de icono para web, PWA, iOS y Android a partir de un logo | PNG → ZIP |
| Optimizador de SVG Pro | Limpia, Minifica y Comprime Archivos SVG Vectoriales Eliminando Código Basura | SVG → SVG |
| Formatear JSON | Ordena y embellece JSON con sangría legible, y detecta errores al instante | JSON → JSON |
| Validador de JSON | Comprueba si tu JSON es válido y encuentra el error exacto con su línea y columna | JSON |
| Minificar JSON | Quita espacios y saltos de línea para que tu JSON ocupe lo mínimo | JSON → min |
| Convertir JSON a CSV | Pasa una lista de objetos JSON a una tabla CSV lista para Excel o Google Sheets | JSON → CSV |
| Convertir CSV a JSON | Convierte una hoja de cálculo exportada en CSV a una lista de objetos JSON | CSV → JSON |
| Convertir JSON a YAML | Convierte JSON en YAML limpio para Kubernetes, Docker Compose o GitHub Actions | JSON → YAML |
| Convertir YAML a JSON | Convierte archivos YAML de configuración en JSON y encuentra errores de sangría | YAML → JSON |
| Convertir JSON a XML | Convierte JSON en XML bien formado, con atributos y el elemento raíz que elijas | JSON → XML |
| Convertir XML a JSON | Convierte XML, feeds RSS o respuestas SOAP en JSON fácil de usar | XML → JSON |
| Convertir JSON a TypeScript | Genera interfaces de TypeScript a partir de una respuesta JSON de ejemplo | JSON → TS |
| Convertir JSON a JavaScript | Convierte JSON en un objeto JavaScript listo para pegar en tu código | JSON → JS |
| Minificar HTML | Reduce el peso de tu HTML quitando lo que el navegador no necesita. | HTML → min |
| Minificar CSS | Hojas de estilo más ligeras, con las reglas fusionadas y sin espacios. | CSS → min |
| Minificar JavaScript | Comprime tu JS con Terser: menos bytes, el mismo comportamiento. | JS → min |
| Formatear HTML | Convierte HTML ilegible en código ordenado y bien sangrado. | HTML → HTML |
| Formatear CSS | Ordena CSS, SCSS y Less con Prettier en un clic. | CSS → CSS |
| Formatear JavaScript | Embellece JavaScript, JSX y JSON con Prettier. | JS → JS |
| Convertir HTML a Markdown | Pasa contenido web a Markdown limpio, con tablas incluidas. | HTML → MD |
| Convertir Markdown a HTML | De Markdown a HTML con vista previa al momento. | MD → HTML |
| Convertir Markdown a PDF | Un PDF limpio a partir de tu Markdown, con texto seleccionable. | MD → PDF |
| Codificar entidades HTML | Escapa texto para insertarlo en HTML sin romper nada. | < → < |
| Decodificar entidades HTML | Convierte &, á o € de nuevo en texto normal. | < → < |
| Generador de degradados CSS | Crea degradados lineales, radiales y cónicos y copia el CSS. | CSS, Gradient |
| Generador de box-shadow CSS | Diseña sombras CSS con varias capas y vista previa en directo. | CSS, Box Shadow |
| Generador de border-radius CSS | Esquinas redondeadas, píldoras y formas orgánicas en CSS. | CSS, Border Radius |
| Generador de clamp() CSS | Tipografía y espaciados fluidos sin media queries. | CSS, clamp(), Responsive |
| Generador de calc() CSS | Construye y valida expresiones calc() y mira su valor en px. | CSS, calc() |
| Convertir PNG a ICO | Crea un archivo ICO con varios tamaños a partir de tu PNG | PNG → ICO |
| Convertir SVG a ICO | Pasa tu logo vectorial a ICO nítido en todos los tamaños | SVG → ICO |
| Convertidor de Color Pro (HEX, RGB, CMYK, HSL, LAB) | Conversión Bidireccional de Espacios de Color, Gamut CMYK y Contraste WCAG 2.1 | HEX → CMYK |
| Codificar URL (URL Encode) | Convierte espacios, acentos y símbolos a formato %XX para usarlos en una URL | Text → %XX |
| Decodificar URL (URL Decode) | Convierte %20, %C3%B1 y demás códigos en texto legible, incluso si está codificado dos veces | %XX → Text |
| Analizar URL (URL Parser) | Descompón un enlace en protocolo, dominio, puerto, ruta, parámetros y fragmento | URL, Query, Host |
| Comprobar Redirecciones de URL | Sigue la cadena de redirecciones 301, 302, 307 y 308 de un enlace hasta su destino final | 301, 302, SEO |
| Extraer Parámetros de una URL | Saca todos los parámetros de la query string en una tabla, en JSON o en CSV | URL → JSON |
| Comparar URLs | Encuentra en qué se diferencian dos enlaces: dominio, ruta y cada parámetro | URL, Diff |
Preguntas Frecuentes
¿Mi código o mis datos se envían a un servidor?
No. Las herramientas de JSON, minificado, formateado, Markdown y CSS se ejecutan en tu navegador. Puedes usarlas con datos de trabajo sin que salgan de tu ordenador.
¿Qué diferencia hay entre minificar y formatear?
Minificar quita espacios, saltos de línea y comentarios para que el archivo pese menos en producción. Formatear hace lo contrario: añade sangría y saltos de línea para que el código se pueda leer.
¿Hay límite de uso?
Los generadores de CSS son gratis sin límite. En el resto puedes probar gratis con un documento, y los errores de validación no cuentan como uso. ToolStudio Pro da uso ilimitado.
