CMS Development

david_eic
Participant | Gold Partner
Participant | Gold Partner

SVG images display pixelated in Chrome

Hi,

 

I've come across an issue in chrome where some of our SVG images being served from HubSpot's file manager get displayed pixelated. I've tried saving the image at a larger size, recreating it from scratch and reuploading into HubSpot.

 

The weird thing is it's only 1 or 2 of around 30/40 SVG images this happens to.

 

Have anyone else come across this and if so have you found any workarounds to fix it? 

 

Thanks for your help!

 

David

0 Upvotes
1 Reply 1
stefen
Key Advisor | Partner
Key Advisor | Partner

SVG images display pixelated in Chrome

@david_eic I've had this happen to me and it was due to the SVG having a raster image inside of it. If you open the SVG in a text editor and you see an image tag then it's not a vector. Try going back to the source, make sure it actually is a vector, and export it again.

Stefen Phelps, Community Champion, Kelp Web Developer
0 Upvotes