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

kubiq

ShortPixel

<p><strong>Securely upload SVG files to your Media Library. Uploaded SVG files are automatically sanitized.</strong></p>
<p>SVG stands for <a href="https://en.wikipedia.org/wiki/Scalable_Vector_Graphics" rel="nofollow ugc">Scalable Vector Graphics</a> and is probably the most efficient way to display images.<br />
WP SVG Images Plugin is an <strong>easy-to-use and lightweight plugin</strong> that allows you to upload SVG files to your media library safely and easily.</p>
<h4>Features</h4>
<ul>
<li>Support for SVG uploads to your Media Library.</li>
<li>Sanitize uploaded SVG files. Malicious SVG/XML files are rejected from upload.</li>
<li>Admin configurable SVG support for different user roles. Ability to disable SVG upload for different user roles.</li>
<li>Different user roles can upload and/or sanitize the uploaded SVG images.</li>
<li>SVG preview in Media Library.</li>
</ul>
<h4>Support</h4>
<p>24/7 SVG support offered by <a href="https://shortpixel.com" rel="nofollow ugc">ShortPixel</a> <a href="https://shortpixel.com/contact" rel="nofollow ugc">here</a> or <a href="https://wordpress.org/support/plugin/wp-svg-images/" rel="ugc">here</a>.</p>
<h4>Recommended plugins</h4>
<p>This plugin is supported & maintained by <a href="https://shortpixel.com/" rel="nofollow ugc">ShortPixel</a>.<br />
Other popular plugins by ShortPixel:<br />
<a href="https://wordpress.org/plugins/fastpixel-website-accelerator/" rel="ugc">FastPixel Caching</a> – WP Optimization made easy<br />
<a href="https://wordpress.org/plugins/shortpixel-image-optimiser/" rel="ugc">ShortPixel Image Optimizer</a> – Image optimization & compression for all the images on your website, including WebP delivery – ShortPixel Image Optimizer.<br />
<a href="https://wordpress.org/plugins/shortpixel-adaptive-images/" rel="ugc">ShortPixel Adaptive Images</a> – On-the-fly image optimization & CDN delivery.<br />
<a href="https://wordpress.org/plugins/enable-media-replace/" rel="ugc">Enable Media Replace</a> – Easily replace images or files in Media Library.<br />
<a href="https://wordpress.org/plugins/regenerate-thumbnails-advanced/" rel="ugc">reGenerate Thumbnails Advanced</a> – Easily regenerate thumbnails.<br />
<a href="https://wordpress.org/plugins/resize-image-after-upload/" rel="ugc">Resize Image After Upload</a> – Automatically resize each uploaded image.</p>
<h3>Hooks for developers</h3>
<h4>WPSVG_setAllowedTags</h4>
<p>Allows you to specify more tags that will be not removed during sanitization</p>
<pre><code>add_filter( 'WPSVG_setAllowedTags', 'my_custom_allowed_svg_tags', 10, 1 );
function my_custom_allowed_svg_tags( $tags ){
    $tags[] = 'path';
    return $tags;
}
</code></pre>
<h4>WPSVG_setAllowedAttrs</h4>
<p>Allows you to specify more attributes that will be not removed during sanitization</p>
<pre><code>add_filter( 'WPSVG_setAllowedAttrs', 'my_custom_allowed_svg_attributes', 10, 1 );
function my_custom_allowed_svg_attributes( $attributes ){
    $attributes[] = 'fill';
    return $attributes;
}
</code></pre>


WP SVG Images

Add SVG support to your WP website. Securely upload SVG files, automatic sanitization, Media Library preview.

SVG Autocrop vs WP SVG Images