Version 2.4.2: SVG no longer displayed with Jetpack image optimization

  • I am using the Jetpack Image optimization on a website (main reason: tiled gallery). Normally SVG images are ignored by the Jetpack plugin and until yesterday with release of SVG Support Version 2.4.2 the SVG Support plugin always worked fine in parallel with the Jetpack plugin.

    With SVG Support Version 2.4.2 the SVG images are no longer displayed. Jetpack now tries to optimise the SVGs too. With Version 2.4.2 I get the following HTML code for the SVG:

    <img width="1075" height="1209" src="https://www.covc.at/wp-content/uploads/covc_logo.svg" class="custom-logo" alt="Classic Oldtimer Veteranen Club" srcset="https://i0.wp.com/www.covc.at/wp-content/uploads//covc_logo.svg?w=1800&ssl=1 1800w, https://i0.wp.com/www.covc.at/wp-content/uploads//covc_logo.svg?w=2700&ssl=1 2700w" sizes="(max-width: 1075px) 100vw, 1075px">

    For whatever reason, the srcset is now added to images but the links in the srcset are invalid (as Jetpack could not create optimised versions of SVGs), so I just see no pictures or empty link frames.

    When I disable the SVG Support plugin, everything is fine as before. Then the output is correct and the scrset is not added to SVGs. The svg images are now correctly displayed on the website:

    <img width="1075" height="1209" src="https://www.covc.at/wp-content/uploads/covc_logo.svg" class="custom-logo" alt="Classic Oldtimer Veteranen Club">

    What was changed in SVG Support Plugin Version 2.4.2 that could have this side effects? With older version of the SVG Support there were no problems.

    The current workaround is to keep the SVG Support plugin deactivated. ??

    • This topic was modified 2 years, 9 months ago by c.kanhaeuser.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Benbodhi

    (@benbodhi)

    Hi there,

    Thank you for pointing this out.

    It seems that new dimensions handling has had an adverse affect on displaying SVGs without dimensions (displays at 1px). And seems like it may have impacted the way jetpack recognises SVG.

    Working on it. But in the meantime, you can roll back to the last version before 2.4 (2.3.21) and it will be fine.

    Thread Starter c.kanhaeuser

    (@myjaguar)

    Hi,
    Thanks for the quick response.
    In the meantime I tested older versions.

    First I downgraded to 2.4.1 -> same problem.
    Then I downgraded to 2.4.0 -> here it works!

    So what ever the reason is for the problem described above, seems to be related to the changes made in 2.4.1!

    I have the same issue with SVG files. They are not displayed correctly in Chrome but work fine in Safari.
    I had to turn off the Jetpack Image CDN hopefully temporarily and this solved it but I’m hoping for a fix and hoping to get it soon.

    Same issue my side with Jetpack upgrade breaking my SVG images.

    I have:
    SVG Support [ Version 2.4.2 ]

    I clicked on update this morning:
    Jetpack > [ Version 10.6 ]

    That seemed to go without any hitch.
    No error reports.

    After the site returned from Maintenance Mode, all the SVG displayed as the ‘broken/unavailable image’ icon. That was in my Chrome browser.

    I had to deactivate Jetpack – my site cannot run for the public looking like that!

    Please let us know when you resolve this.

    Same here with a caveat: I could see most of the svgs (logo, embebbed images in pages/posts, etc) but I could not see the svg from the Jetpack’s testimonial block in my sidebar.

    Tried some of the advanced options of the SVG Support and I could fix the “most” of the problem: the images loaded with the intended size but the other images (logo, images in pages, etc) started to load with wrong colors. Finally I had to deactivate most of the SVG Support advanced options to return said images to normal and lastly I had to deactivate the Jetpack image acceleration to get the testimonial block images back.

    TL/DR: The solution for me was to deactivate the Jetpack image acceleration.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Version 2.4.2: SVG no longer displayed with Jetpack image optimization’ is closed to new replies.

Tags