Cropped SVG rendering that previously resized to fit Ordinals thumbnail

[tesmonclara]

SVG inscriptions with specific width and height attributes now override the viewBox, causing content to appear cropped rather than scaled proportionally

​<svg xmlns="http://www.w3.org/2000/svg" width="509" height="509" viewBox="0 0 509 509">....

Found it hard to find official documentation regarding SVG safe structures for Ordinals.

I would suggest adding Best practices to create solid SVGs to the Ordinals Theory Handbook, something like:

• Use viewBox alone (e.g., viewBox="0 0 1000 1000") to ensure proportional scaling across all display sizes.

• Avoid width and height attributes unless explicitly matching the explorer’s thumbnail size (if documented, e.g., 300x300).

• Test SVGs against common thumbnail dimensions to confirm full visibility. Free online tools: https://www.svgviewer.dev/ , https://boxy-svg.com/ , https://editor.method.ac

[casey]

To clarify, this is something that used to behave one way that now behaves a different way?

We started wrapping iframe content, which is SVG and HTML, in a preview page, like other types of content, so this could have changed how they render.

If this is the case, can you give the ID of an inscription which changed how it renders?

[tesmonclara]

That's it, the rendering changed, and the SVGs thumbnail only revealed a portion of the full SVG.

They now render correctly again. example of inscription ID which was affected and now looks right: b088326a190a4b09da1298b6c330071f27968acdfcf6f071ecb75ac38b2c9acdi2

Thank you Casey

[casey]

Great, glad it's fixed! I believe this is due to a change that we made and then rolled back, see this comment for details!