Extract and minify a website’s CSS
Paste a URL to fetch every stylesheet the page links, plus its inline <style> blocks, with the size of each. Download them combined, or minified for a size comparison.
How this tool works, and what it cannot see
Stylesheets are fetched through our Worker, in the order the page links them, and concatenated with a comment marking where each one came from.
Minification here is structural only — comments and whitespace — so the output stays readable and diffable. It is a measurement, not a build step.
CSS at-rules that load more CSS (@import) are not followed, and rules a framework injects at runtime are not present in the files.
FAQ
Why is the extracted CSS so much bigger than the page needs?
Most sites ship a whole framework and use a fraction of it. Chrome’s Coverage panel will show you which rules a page actually applies; that gap is usually where the render-blocking time goes.
Can I reuse this CSS on my own site?
Treat it as someone else’s work: readable is not the same as licensed. Learn from it, or use it to rebuild your own page — and read our guide on what copying a design allows before shipping it.
Does this include styles from the extension’s captures?
No. The extension captures computed styles for the elements a page actually renders, which is a different and much smaller artefact than the raw stylesheets you get here.