{"id":8309427,"date":"2025-07-30T08:22:17","date_gmt":"2025-07-30T05:22:17","guid":{"rendered":"https:\/\/elementor.com\/old\/?p=8309427"},"modified":"2025-07-30T08:22:17","modified_gmt":"2025-07-30T05:22:17","slug":"free-css-minifier","status":"publish","type":"post","link":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/","title":{"rendered":"Free CSS Minifier"},"content":{"rendered":"\t\t<div data-elementor-type=\"container\" data-elementor-id=\"8308176\" class=\"elementor elementor-8308176\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d04df77 e-flex e-con-boxed e-con e-parent\" data-id=\"3d04df77\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd05bb2 elementor-widget elementor-widget-html\" data-id=\"bd05bb2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .css-formatter-app {\n        width: 100%;\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 60px 0 0;\n        background: transparent;\n        overflow: visible;\n        position: relative;\n    }\n\n    .copy-btn-container {\n        position: absolute;\n        top: -60px;\n        right: 0;\n        z-index: 100;\n    }\n\n    .copy-btn {\n        background-color: rgb(255, 255, 255);\n        color: black;\n        border: 1px solid #ddd;\n        padding: 8px 16px;\n        border-radius: 4px;\n        cursor: pointer;\n        font-size: 14px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        transition: background-color 0.2s;\n        box-shadow: 0 0 10px rgba(0,0,0,0.1);\n    }\n\n    .format-btn {\n        background-color: #000;\n        color: white;\n        border: none;\n        padding: 12px 50px;\n        cursor: pointer;\n        font-size: 1.125rem;\n        font-weight: 500;\n        transition: all 0.2s;\n        pointer-events: all;\n    }\n\n    .format-btn:is(:hover, :focus, :focus-visible, :active){\n        background-color: #545454;\n    }\n\n    #minifyBtn {\n        background-color: #ff7be5;\n        color: black;\n    }\n\n    #minifyBtn:is(:hover, :focus, :focus-visible, :active){\n        background-color: #ffa8ee;\n    }\n\n    .reset-btn {\n        background: none;\n        border: none;\n        color: black;\n        text-decoration: underline;\n        font-size: 1rem;\n        cursor: pointer;\n        padding: 0;\n        margin-top: 12px;\n        transition: color 0.2s;\n    }\n\n    .reset-btn:is(:hover, :focus, :focus-visible, :active) {\n       background: none;\n       color: #545454;\n       text-decoration: underline;\n    }\n\n    .copy-btn:is(:hover, :focus, :focus-visible) {\n        background-color: #f6f6f6 !important;\n        color: black;\n    }\n\n    .main-content {\n        display: flex;\n        gap: 3vw;\n        height: 460px;\n        position: relative;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: nowrap;\n        flex-direction: row;\n    }\n\n    .input-section, .output-section {\n        flex: 1;\n        min-width: 0;\n        max-width: 600px;\n        height: 460px;\n        display: flex;\n        flex-direction: column;\n        background: white;\n        border-radius: 8px;\n        overflow: hidden;\n    }\n\n    .section-header {\n        background-color: #05047E;\n        color: white;\n        padding: 12px 20px;\n        font-family: 'DM Sans';\n        font-weight: 400;\n        font-size: 1.125rem;\n    }\n\n    .textarea-container {\n        flex: 1;\n        position: relative;\n        background-color: #ffffff;\n        border: 1.5px solid #EBEBEB;\n    }\n\n    .line-numbers {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 40px;\n        height: 100%;\n        background-color: #EBEBEB;\n        border-right: 1px solid #dee2e6;\n        padding: 15px 0;\n        font-family: 'DM Sans';\n        font-size: 12px;\n        color: #6c757d;\n        text-align: center;\n        line-height: 1.5;\n        overflow: hidden;\n    }\n\n    .code-textarea {\n        width: 100%;\n        height: 100%;\n        border: none;\n        outline: none;\n        padding: 15px 15px 15px 50px;\n        font-family: 'Courier New', monospace;\n        font-size: 13px;\n        line-height: 1.5;\n        background-color: transparent;\n        resize: none;\n        color: #333;\n    }\n\n    .code-textarea::placeholder {\n        color: #adb5bd;\n        font-style: italic;\n    }\n\n    .format-btn-container {\n        flex: 0 0 150px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .success-message {\n        position: fixed;\n        top: 20px;\n        right: 20px;\n        background-color: #28a745;\n        color: white;\n        padding: 12px 20px;\n        border-radius: 4px;\n        font-size: 14px;\n        opacity: 0;\n        transform: translateX(100%);\n        transition: all 0.3s ease;\n        z-index: 1000;\n    }\n\n    .success-message.show {\n        opacity: 1;\n        transform: translateX(0);\n    }\n\n    @media (max-width: 1024px) {\n        .main-content {\n            flex-direction: column;\n            gap: 15px;\n            height: auto;\n        }\n\n        .input-section, .output-section {\n            min-height: 450px !important;\n            width: 100%;\n            max-width: 700px;\n        }\n\n        .textarea-container {\n            height: calc(100% - 42px);\n        }\n\n        .format-btn-container {\n            margin: 15px 0;\n            flex: 0 0 50px;\n        }\n\n        .copy-btn-container {\n            position: relative;\n            margin: 70px auto 0;\n            text-align: center;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .input-section, .output-section {\n            min-height: 312px !important;\n        }\n\n        .textarea-container {\n            height: calc(100% - 42px);\n        }\n    }\n<\/style>\n\n<div class=\"css-formatter-app\">\n    <div class=\"main-content\">\n        <div class=\"input-section\">\n            <div class=\"section-header\">CSS<\/div>\n            <div class=\"textarea-container\">\n                <div class=\"line-numbers\" id=\"inputLineNumbers\">1<\/div>\n                <textarea class=\"code-textarea\" id=\"inputCSS\" placeholder=\"Paste or type your CSS code here...\" spellcheck=\"false\"><\/textarea>\n            <\/div>\n        <\/div>\n\n        <div class=\"format-btn-container\">\n            <div style=\"display: flex; flex-direction: column; gap: 10px;\">\n                <button class=\"format-btn\" id=\"formatBtn\">Format<\/button>\n                <button class=\"format-btn\" id=\"minifyBtn\">Minify<\/button>\n                <button class=\"format-btn reset-btn\" id=\"resetBtn\">Reset<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"output-section\">\n            <div class=\"section-header\">Results<\/div>\n            <div class=\"textarea-container\">\n                <div class=\"line-numbers\" id=\"outputLineNumbers\">1<\/div>\n                <textarea class=\"code-textarea\" id=\"outputCSS\" placeholder=\"Formatted CSS will appear here...\" readonly spellcheck=\"false\"><\/textarea>\n            <\/div>\n        <\/div>\n\n        <div class=\"copy-btn-container\">\n            <button class=\"copy-btn\" id=\"copyBtn\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\n                    <path d=\"M5 15H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\n                <\/svg>\n                Copy Code\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"success-message\" id=\"successMessage\">\n    Code copied to clipboard!\n<\/div>\n\n<script>\n    class CSSFormatter {\n        constructor() {\n            this.inputTextarea = document.getElementById('inputCSS');\n            this.outputTextarea = document.getElementById('outputCSS');\n            this.formatBtn = document.getElementById('formatBtn');\n            this.minifyBtn = document.getElementById('minifyBtn');\n            this.copyBtn = document.getElementById('copyBtn');\n            this.resetBtn = document.getElementById('resetBtn');\n            this.successMessage = document.getElementById('successMessage');\n            this.inputLineNumbers = document.getElementById('inputLineNumbers');\n            this.outputLineNumbers = document.getElementById('outputLineNumbers');\n            this.init();\n        }\n\n        init() {\n            this.formatBtn.addEventListener('click', () => this.formatCSS());\n            this.minifyBtn.addEventListener('click', () => this.minifyCSS());\n            this.copyBtn.addEventListener('click', () => this.copyToClipboard());\n            this.resetBtn.addEventListener('click', () => this.resetEditor());\n            this.inputTextarea.addEventListener('input', () => this.updateLineNumbers('input'));\n            this.outputTextarea.addEventListener('input', () => this.updateLineNumbers('output'));\n            this.inputTextarea.addEventListener('scroll', () => this.syncScroll('input'));\n            this.outputTextarea.addEventListener('scroll', () => this.syncScroll('output'));\n        }\n\n        resetEditor() {\n            this.inputTextarea.value = '';\n            this.outputTextarea.value = '';\n            this.updateLineNumbers('input');\n            this.updateLineNumbers('output');\n        }\n\n        formatCSS() {\n            const css = this.inputTextarea.value.trim();\n            if (!css) {\n                this.outputTextarea.value = '';\n                this.updateLineNumbers('output');\n                return;\n            }\n\n            try {\n                const formatted = this.beautifyCSS(css);\n                this.outputTextarea.value = formatted;\n                this.updateLineNumbers('output');\n\n            \/\/ open popup after 3 sec\n                setTimeout(() => {\n                    if (typeof elementorProFrontend !== \"undefined\" && elementorProFrontend.modules.popup) {\n                        elementorProFrontend.modules.popup.showPopup({ id: 8308183 });\n                    }\n                }, 3000);\n\n            } catch (error) {\n                this.outputTextarea.value = 'Error formatting CSS: ' + error.message;\n                this.updateLineNumbers('output');\n            }\n        }\n\n\n        minifyCSS() {\n            const css = this.inputTextarea.value.trim();\n            if (!css) {\n                this.outputTextarea.value = '';\n                this.updateLineNumbers('output');\n                return;\n            }\n\n            try {\n                const minified = this.minifyCSSCode(css);\n                this.outputTextarea.value = minified;\n                this.updateLineNumbers('output');\n            } catch (error) {\n                this.outputTextarea.value = 'Error minifying CSS: ' + error.message;\n                this.updateLineNumbers('output');\n            }\n        }\n\n        minifyCSSCode(css) {\n            \/\/ Remove comments\n            css = css.replace(\/\\\/\\*[\\s\\S]*?\\*\\\/\/g, '');\n            \n            \/\/ Remove unnecessary whitespace\n            css = css.replace(\/\\s+\/g, ' ');\n            \n            \/\/ Remove spaces around certain characters\n            css = css.replace(\/\\s*{\\s*\/g, '{');\n            css = css.replace(\/\\s*}\\s*\/g, '}');\n            css = css.replace(\/\\s*;\\s*\/g, ';');\n            css = css.replace(\/\\s*:\\s*\/g, ':');\n            css = css.replace(\/\\s*,\\s*\/g, ',');\n            css = css.replace(\/\\s*>\\s*\/g, '>');\n            css = css.replace(\/\\s*\\+\\s*\/g, '+');\n            css = css.replace(\/\\s*~\\s*\/g, '~');\n            \n            \/\/ Remove leading and trailing whitespace\n            css = css.trim();\n            \n            \/\/ Remove last semicolon before closing brace\n            css = css.replace(\/;}\/g, '}');\n            \n            return css;\n        }\n\n        beautifyCSS(css) {\n            css = css.replace(\/\\s+\/g, ' ').trim();\n            let formatted = '';\n            let indentLevel = 0;\n            let inRule = false;\n            let inValue = false;\n            let parenDepth = 0;\n            let i = 0;\n\n            while (i < css.length) {\n                const char = css[i];\n                const nextChar = css[i + 1];\n\n                \/\/ Track parentheses depth for function values like rgb(), hsl(), etc.\n                if (char === '(') {\n                    parenDepth++;\n                } else if (char === ')') {\n                    parenDepth--;\n                }\n\n                if (char === '\/' && nextChar === '*') {\n                    const commentEnd = css.indexOf('*\/', i + 2);\n                    if (commentEnd !== -1) {\n                        const comment = css.substring(i, commentEnd + 2);\n                        formatted += this.getIndent(indentLevel) + comment + '\\n';\n                        i = commentEnd + 2;\n                        continue;\n                    }\n                }\n\n                if (char === '{') {\n                    formatted += ' {\\n';\n                    indentLevel++;\n                    inRule = true;\n                    inValue = false;\n                } else if (char === '}') {\n                    indentLevel--;\n                    formatted += this.getIndent(indentLevel) + '}\\n';\n                    if (indentLevel === 0) {\n                        formatted += '\\n';\n                    }\n                    inRule = false;\n                    inValue = false;\n                } else if (char === ';' && inRule) {\n                    formatted += ';\\n';\n                    inValue = false;\n                } else if (char === ':' && inRule && parenDepth === 0) {\n                    formatted += ': ';\n                    inValue = true;\n                } else if (char === ',' && !inRule) {\n                    \/\/ Only break line for commas between selectors, not inside values\n                    formatted += ',\\n';\n                    while (i + 1 < css.length && css[i + 1] === ' ') {\n                        i++;\n                    }\n                } else if (char === ',' && inRule && parenDepth === 0) {\n                    \/\/ Comma between multiple selectors in a rule (rare but possible)\n                    formatted += ',\\n';\n                    while (i + 1 < css.length && css[i + 1] === ' ') {\n                        i++;\n                    }\n                } else if (char !== ' ' || (formatted[formatted.length - 1] !== ' ' && formatted[formatted.length - 1] !== '\\n')) {\n                    if (formatted[formatted.length - 1] === '\\n' && char !== ' ') {\n                        formatted += this.getIndent(indentLevel);\n                    }\n                    formatted += char;\n                }\n                i++;\n            }\n\n            return formatted.trim();\n        }\n\n        getIndent(level) {\n            return '  '.repeat(level);\n        }\n\n        updateLineNumbers(type) {\n            const textarea = type === 'input' ? this.inputTextarea : this.outputTextarea;\n            const lineNumbersDiv = type === 'input' ? this.inputLineNumbers : this.outputLineNumbers;\n            const content = textarea.value;\n\n            const lines = content.split('\\n').length || 1;\n            const lineNumbers = [];\n\n            for (let i = 1; i <= lines; i++) {\n                lineNumbers.push(i);\n            }\n\n            lineNumbersDiv.innerHTML = lineNumbers.join('<br>');\n        }\n\n        syncScroll(type) {\n            const textarea = type === 'input' ? this.inputTextarea : this.outputTextarea;\n            const lineNumbers = type === 'input' ? this.inputLineNumbers : this.outputLineNumbers;\n            lineNumbers.scrollTop = textarea.scrollTop;\n        }\n\n        async copyToClipboard() {\n            const textToCopy = this.outputTextarea.value;\n            if (!textToCopy.trim()) return;\n\n            try {\n                await navigator.clipboard.writeText(textToCopy);\n                this.showSuccessMessage();\n            } catch (err) {\n                this.outputTextarea.select();\n                document.execCommand('copy');\n                this.showSuccessMessage();\n            }\n        }\n\n        showSuccessMessage() {\n            this.successMessage.classList.add('show');\n            setTimeout(() => {\n                this.successMessage.classList.remove('show');\n            }, 3000);\n        }\n    }\n\n    document.addEventListener('DOMContentLoaded', () => {\n        new CSSFormatter();\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2024235,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[485],"tags":[788],"class_list":["post-8309427","post","type-post","status-publish","format-standard","hentry","category-tools","tag-html-css-tools"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Free CSS Minifier<\/title>\n<meta name=\"description\" content=\"Instantly minify and compress your CSS code with our free online tool. Reduce stylesheet size, improve your website&#039;s speed, and boost your SEO rankings.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free CSS Minifier\" \/>\n<meta property=\"og:description\" content=\"Instantly minify and compress your CSS code with our free online tool. Reduce stylesheet size, improve your website&#039;s speed, and boost your SEO rankings.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/\" \/>\n<meta property=\"og:site_name\" content=\"Elementor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-30T05:22:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/old\/wp-content\/uploads\/2022\/02\/HP.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"itamarha\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/\"},\"author\":{\"name\":\"itamarha\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0\"},\"headline\":\"Free CSS Minifier\",\"datePublished\":\"2025-07-30T05:22:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/\"},\"wordCount\":5,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#organization\"},\"keywords\":[\"Html-Css-tools\"],\"articleSection\":[\"tools\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/\",\"url\":\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/\",\"name\":\"Free CSS Minifier\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#website\"},\"datePublished\":\"2025-07-30T05:22:17+00:00\",\"description\":\"Instantly minify and compress your CSS code with our free online tool. Reduce stylesheet size, improve your website's speed, and boost your SEO rankings.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/elementor.com\/old\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Free CSS Minifier\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#website\",\"url\":\"https:\/\/elementor.com\/old\/es\/\",\"name\":\"Elementor\",\"description\":\"Website Builder\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#organization\"},\"alternateName\":\"Elementor Website Builder\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/old\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#organization\",\"name\":\"Elementor Website Builder\",\"url\":\"https:\/\/elementor.com\/old\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg\",\"contentUrl\":\"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg\",\"width\":120,\"height\":120,\"caption\":\"Elementor Website Builder\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\",\"https:\/\/x.com\/elemntor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0\",\"name\":\"itamarha\",\"url\":\"https:\/\/elementor.com\/old\/es\/author\/itamarha\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free CSS Minifier","description":"Instantly minify and compress your CSS code with our free online tool. Reduce stylesheet size, improve your website's speed, and boost your SEO rankings.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/","og_locale":"es_ES","og_type":"article","og_title":"Free CSS Minifier","og_description":"Instantly minify and compress your CSS code with our free online tool. Reduce stylesheet size, improve your website's speed, and boost your SEO rankings.","og_url":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/","og_site_name":"Elementor","article_publisher":"https:\/\/www.facebook.com\/elemntor","article_published_time":"2025-07-30T05:22:17+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/elementor.com\/old\/wp-content\/uploads\/2022\/02\/HP.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Escrito por":"itamarha","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/"},"author":{"name":"itamarha","@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0"},"headline":"Free CSS Minifier","datePublished":"2025-07-30T05:22:17+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/"},"wordCount":5,"publisher":{"@id":"https:\/\/elementor.com\/old\/es\/#organization"},"keywords":["Html-Css-tools"],"articleSection":["tools"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/","url":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/","name":"Free CSS Minifier","isPartOf":{"@id":"https:\/\/elementor.com\/old\/es\/#website"},"datePublished":"2025-07-30T05:22:17+00:00","description":"Instantly minify and compress your CSS code with our free online tool. Reduce stylesheet size, improve your website's speed, and boost your SEO rankings.","breadcrumb":{"@id":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/old\/es\/tools\/free-css-minifier\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elementor.com\/old\/es\/"},{"@type":"ListItem","position":2,"name":"Free CSS Minifier"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/old\/es\/#website","url":"https:\/\/elementor.com\/old\/es\/","name":"Elementor","description":"Website Builder","publisher":{"@id":"https:\/\/elementor.com\/old\/es\/#organization"},"alternateName":"Elementor Website Builder","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/old\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/old\/es\/#organization","name":"Elementor Website Builder","url":"https:\/\/elementor.com\/old\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg","contentUrl":"https:\/\/elementor.com\/old\/wp-content\/uploads\/2024\/07\/logo.svg","width":120,"height":120,"caption":"Elementor Website Builder"},"image":{"@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor","https:\/\/x.com\/elemntor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/old\/es\/#\/schema\/person\/5932f1d4bb083ddca6b036a65fbb9cc0","name":"itamarha","url":"https:\/\/elementor.com\/old\/es\/author\/itamarha\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts\/8309427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/users\/2024235"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/comments?post=8309427"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts\/8309427\/revisions"}],"predecessor-version":[{"id":8309428,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/posts\/8309427\/revisions\/8309428"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/media?parent=8309427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/categories?post=8309427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/old\/es\/wp-json\/wp\/v2\/tags?post=8309427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}