Forum Discussion

Iron Contributor

May 10, 2019

Scalable Vector Graphics (SVG) in SharePoint Online communication sites - Weird resizing behavior

Has anyone used SVG images on pages in modern communication sites yet? I was curious if people were seeing problems like we are... SVG images placed on the pages will resize with unexpected results, ...

Responsive

SharePoint Online

Mark215

Copper Contributor

May 03, 2022

TimLB I have tried using svg's for icons on quick link web parts (I wanted to create icons that resembled the standard MS icons). However, Sharepoint took several minutes to render the image, usually just giving up in the process. The very aggravating part was that every time I tried to upload another image, it would display the "recent images," including the offending svg file. The result is that sharepoint locked up for several minutes every time I tried to upload another image until I realized the problem. This occured in both Chrome and Edge. My take is that while MS Powerpoint can handle an svg, Sharepoint cannot.

TimLB

Iron Contributor

May 04, 2022

Wow, I have not looked at this in a while. I'm going to revisit this and try it out again in various pieces to see what happens. That really bums me out that it's also degraded to the point that the SPO page experiences slow rendering.

AAuras
Copper Contributor
Dec 09, 2022
Any updates after your revisit? TimLB
- TimLB
  Iron Contributor
  Dec 14, 2022
  No update. Our internal communications department has adapted and isn't using SVGs in any of the SPO content they produce.
  - Eliot_Cole
    Iron Contributor
    Apr 11, 2024
    Hi,TimLB and AAuras ... it should be much better now. ( this is the same Eliot as before! 😅)
    
    I had actually forgotten my useful settings hack (so I'll reaffirm that back into my toolbox) but out of the box SVGs can work a lot better on sites.
    
    You may still just get some finicky nonsense when dealing with sites that are *in* a hub ... I think ... but hopefully even those are OK now.