postcss-normalize-url

postcss-normalize-url

Normalize URLs with PostCSS.

Install

With npm do:

npm install postcss-normalize-url --save

Example

Input

h1 {
    background: url("http://site.com:80/image.jpg")
}

Output

h1 {
    background: url(http://site.com/image.jpg)
}

Note that this module will also try to normalize relative URLs, and is capable of stripping unnecessary quotes. For more examples, see the tests.

Security

This package optimizes url() values for output size. It does not provide URL validation, sanitization, or security-policy enforcement.

If CSS may originate from untrusted users, apply your URL policy to the final output before using it in a security-sensitive context.

Usage

See the PostCSS documentation for examples for your environment.

Contributors

See CONTRIBUTORS.md.

License

MIT © Ben Briggs

Similar packages

Other packages similar to postcss-normalize-url

clean-css

clean-css is a fast and efficient CSS optimizer for Node.js and the browser. It includes functionalities for minifying CSS, which indirectly includes optimizing URLs within stylesheets. However, it is more comprehensive in scope, focusing on overall CSS optimization rather than specifically on URL normalization.

cssnano

cssnano is a modular CSS minifier that includes various optimizations to reduce the size of CSS files. One of its plugins, postcss-minify-urls, performs tasks similar to postcss-normalize-url by optimizing URLs. cssnano provides a broader range of CSS optimizations, making it a more versatile tool for overall CSS minification.