Skip to main content
Inspiring
February 20, 2024
Answered

svg exported from 3d image loses a piece when viewed in wordpress

  • February 20, 2024
  • 1 reply
  • 4374 views

Hi eveyone,

 

I created a 3d figure, a cube and covered its faces with a texture, if this is the correct term. 

 

The problem:
The image is exported as svg. Apparently the display of the image is consistent with expectations, but when I load it on the website I'm building (wordpress + Oxygen Builder in localhost), the image is not displayed 100%. A piece is missing.

 

Notes from non-expert user
When I select the image in Illustrator, a bounding box appears above the cube that does not span 100% of the cube. The side that remains outside the selection rectangle corresponds to the portion of the image that I cannot see in WordPress.


The image opened by the browser can be seen at 100%, but if I resize the window manually the image is not responsive, however if I select different viewpoints via an extension, the image is responsive.
Last detail, the preview from Win's file explorer shows the same problem of cropping the image in correspondence with the portion not covered by the selection box.

 

My hypotheses to solve the problem
The bounding box must span the extent of the cube, but how do I achieve this?

 

Thank you very match

Arturo

This topic has been closed for replies.
Correct answer Monika Gause

Done


It's as I suspected: the effect is on the layer and not on the object.

To get it on the object you need to use the Layers panel and the Appearance panel like this: https://youtu.be/TVf6o8MTuB8

 

And then after that you can expand the appearance.

I did a test export (without expanding appearance) and when opening the SVG with Safari, it wasn't clipped. But that might depend on the crowser. 

1 reply

Monika Gause
Community Expert
Community Expert
February 20, 2024

Please show screenshots of: the artwork in Illustrator with artboard

the SVG opened in a browser

 

If it's OK directly opened in a browser, then there is nothing that can be done from the Illustrator side.

Inspiring
February 20, 2024

Hi Monika,

thank fro your reply. It is sufficient to view the native format illustrator, ai.

When I open an svg I get this message "Clipping will be lost on roundtrip to Tiny" What does this imply? Until I'm sure I avoid working in the svg format.

Monika Gause
Community Expert
Community Expert
February 20, 2024

The solution would be to make the artboard larger.

 

The "Tiny" message is just a warning. You can ignore it. Just do not roundtrip the file.