cjyabraham

fuerzastudio

<p>📰🔌🔳🚗🌽 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>.</p>
<p>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.</p>
<p>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>.</p>
<p>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.</p>


SVG Autocrop

Namogo

<p>An Elementor widget that lets you add an SVG file as markup instead of an html image tag.</p>
<h3>How it works</h3>
<p>Elementor Inline SVG works much like the core Image widget from Elementor, except that it expects SVG files and outputs the file’s contents as markup in your page. This eliminates the extra HTTP request that otherwise occurs when using the  tag and allows for styling and interacting with the SVG elements through CSS and Javascript.</p>
<h3>Options</h3>
<ol>
<li>Max-width control that lets you specify a maximum width in pixels or percentage [responsive]</li>
<li>Custom aspect ratio to change the default aspect ration of the contents [responsive]</li>
<li>Alignment to left, center or right</li>
</ol>


SVG Autocrop vs Elementor Inline SVG