Join the Webstudio community

Updated 2 months ago

SVG is not visible on live site

At a glance

The community member was trying to test an SVG file on their website, but could see it in preview mode but not on the live site. They provided project links to demonstrate the issue. The comments suggest that the SVG file may be too large, causing issues with the builder and saving. Some community members suggested showing a size error on the client to help diagnose the problem. In the end, the community member was able to add the SVG and it worked, but they did not explicitly state what the solution was.

Useful resources
Hey, I was trying to test an SVG file. I can see it on preview mode on Webstudio but I can't see it on live site. Here's a project link: https://p-f94baed6-92d8-4b91-bc48-db4fd389a569.apps.webstudio.is/?authToken=b4da57f4-38d2-49fb-b58b-340e77adbfbf&mode=preview Live Site: https://niceandeasy.xyz/lakshya-counselling-case-study
Attachment
image.png
1
J
T
B
9 comments
Did you remove it since posting? The HTML embed is empty
I'm not sure what's wrong. I swear everytime I add the SVG file the builder goes offline
Did you put raster image inside of svg?
He does, also this image is probably huge, he essentially pastes an entire page from figma into embed
@The Panwadi Ji this is not really an svg
Its not getting saved because its huge
@Bogdan I think the way to deal with it is to show the size error on the client
Oh! Okay. Really sorry.
@Oleg Isonen sure! Getting size error would've helped.
I didn't. Really sorry. I just added the SVG now and it worked
Add a reply
Sign up and join the conversation on Discord