[ad_1]
I saw a post on here recently about “how to optimise images”. Most people were recommending resources or plugins to reduce file size, etc. but nobody mentioned vector images.
I thought using vector images was best practise for high-quality, low file size images.
Am I missing something?
[ad_2]
Vector images are generally not really web-friendly. Depending on how you implement it in the site, it can have a set of several cons, like:
* Not able to manipulate by Javascript
* Styles have to be inline
* Caching isn’t available
* It might introduce additional HTML, thus reducing performance (if many pictures of course).
* Pseudoclasses for CSS won’t work as intended (:focus, :active, :hover, etc.)
You need to save vector as SVG file.