postcss-normalize-url

Normalization of URLs

This feature normalizes URLs by removing the default port (80 for http and 443 for https) and ensures the URL is encoded properly. It also normalizes quotation marks around URLs.

postcss([ require('postcss-normalize-url')() ]).process('a { background-url: url(http://example.com:80/image.png); }').then(result => { console.log(result.css); });

Removal of unnecessary quotes

This feature removes unnecessary quotes around URLs when they are not required, which can help in reducing the size of the CSS file.

postcss([ require('postcss-normalize-url')() ]).process('a { background-url: url("http://example.com/image.png"); }').then(result => { console.log(result.css); });

Encoding of special characters in URLs

This feature ensures that special characters in URLs are properly encoded, making the URL safe to use across different browsers and environments.

postcss([ require('postcss-normalize-url')() ]).process('a { background-url: url(http://example.com/ü.png); }').then(result => { console.log(result.css); });