cjyabraham

fuerzastudio

📰🔌🔳🚗🌽 This plugin causes all SVG image uploads to be processed by <a href="https://autocrop.cncf.io/autocrop" rel="nofollow ugc">SVG Autocrop</a>. The SVG Autocrop service crops an SVG to have a one pixel border on all sides and runs other optimizations to produce the most efficient SVG image. Read more about the technical details of SVG Autocrop on <a href="https://github.com/cncf/svg-autocrop#svg-autocrop" rel="nofollow ugc">its GitHub page</a>.
SVG Autcrop is a free service but if you will be autocropping more than a thousand SVGs a month, please create your own autocrop server using <a href="https://github.com/cncf/svg-autocrop" rel="nofollow ugc">the SVG Autocrop code</a>. If you do use our service, we would appreciate if you would add a link back to <a href="https://www.cncf.io/" rel="nofollow ugc">cncf.io</a> from your GitHub project page as a thank you.
This plugin has been coded by <a href="https://www.fuerzastudio.com.br/en/" rel="nofollow ugc">Fuerza Studio</a> for <a href="https://www.cncf.io/" rel="nofollow ugc">CNCF</a> and <a href="https://www.linuxfoundation.org/" rel="nofollow ugc">The Linux Foundation</a>.
Note: The plugin requires also having the <a href="https://wordpress.org/plugins/safe-svg/" rel="ugc">Safe SVG plugin</a> activated which enables uploads of SVGs in WordPress and sanitizes them.

SVG Autocrop

Benbodhi

The complete SVG solution for WordPress – secure, flexible, and easy to use.
SVG Support enables secure SVG uploads with powerful features for both basic users and developers:
✨ Key Features: 
– Secure SVG uploads with automatic sanitization 
– Inline rendering for direct CSS/JS manipulation 
– File size optimization through minification 
– Role-based access control 
– Advanced developer options 
– Multisite compatible 
– Full Block Editor (Gutenberg) compatibility
🔒 Security First: 
– Built-in sanitization removes potentially harmful code 
– Role-based upload restrictions 
– Comprehensive MIME type validation
🎨 Designer Friendly: 
– Direct styling of SVG elements 
– Animation support 
– Custom class targeting 
– Automatic dimension handling
💻 Developer Ready: 
– Advanced mode for additional features 
– REST API support 
– Gutenberg compatible 
– Extensive hooks and filters
<h3>Usage</h3>
Basic Usage: 
– First, install and activate SVG Support via your WordPress dashboard 
– Upload SVG files to your media library like any other image 
– Works seamlessly with Image blocks, Cover blocks and featured images
Advanced Usage: 
– Enable “Advanced Mode” for minification and inline rendering 
– Customize with hooks and filters for tailored functionality
Block Editor Usage: 
– Use Advanced Mode to enable inline rendering: 
 – Add the <code>"style-svg"</code> class to Image blocks 
 – Add the <code>"style-svg"</code> class to Cover blocks to render SVG backgrounds inline 
– Use “Skip Nested SVGs” setting to control inline rendering of SVGs within Cover blocks
Classic Editor Usage: 
– Use Advanced Mode to add the <code>"style-svg"</code> class to <code><img></code> tags for inline rendering 
– Enable “Auto Insert Class” option for automatic class insertion in Classic Editor
Common Issues & Solutions: 
– SVG not displaying? Ensure dimensions are set in CSS. 
– Need help? Use the support tab and I will do my best to assist you.
<h3>Spin up a test site</h3>
With a single click, you can spin up a completely free test site to test SVG Support using TasteWP! No sign up, no cards, nothing! How cool is that? Give it a go: 
<a href="https://tastewp.com/new?pre-installed-plugin-slug=svg-support&redirect=options-general.php%3Fpage%3Dsvg-support&ni=true" rel="nofollow ugc">Click Here to spin up a test site in seconds</a>
<h3>Security</h3>
SVG Support prioritizes security with automatic sanitization and role-based restrictions. Only trusted users should have upload permissions. Configure settings to balance functionality and security.
<h3>Feedback</h3>
I’m open to your <a href="mailto:wp@benbodhi.com" rel="nofollow ugc">suggestions and feedback</a> – Thanks for using SVG Support!
Follow <a href="https://twitter.com/svgsupport" rel="nofollow ugc">@SVGSupport</a> on Twitter 
Follow <a href="https://twitter.com/benbodhi" rel="nofollow ugc">@benbodhi</a> on Twitter 
Follow <a href="https://farcaster.xyz/benbodhi" rel="nofollow ugc">@benbodhi</a> on Farcaster
Note: I hope you like this plugin! Please take a moment to <a href="https://wordpress.org/support/view/plugin-reviews/svg-support?filter=5#postform" rel="ugc">rate it</a>.
<h3>Development & Contributing</h3>
The development version of SVG Support is maintained on GitHub. Feel free to contribute:
<ul>
<li>Submit bug reports or feature suggestions: <a href="https://github.com/benbodhi/svg-support/issues" rel="nofollow ugc">GitHub Issues</a></li>
<li>Contribute code via <a href="https://github.com/benbodhi/svg-support/pulls" rel="nofollow ugc">Pull Requests</a></li>
<li>Development repository: <a href="https://github.com/benbodhi/svg-support" rel="nofollow ugc">GitHub</a></li>
</ul>
<h3>Translations</h3>
Contribute translations <a href="https://translate.wordpress.org/projects/wp-plugins/svg-support" rel="nofollow ugc">here</a>. New to translating? Check the <a href="https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/" rel="nofollow ugc">Translator Handbook</a>.

SVG Support


is very useful, please add Reset button in Settings :-). tnx


Useful

Excellent

Working well

Securely upload SVG files to your media library, with built-in sanitization and advanced features for styling and animation.

SVG Autocrop vs SVG Support