SVG Support

SVG Support icon
SVG Support is a WordPress plugin that adds support for Scalable Vector Graphics (SVG) to your website. With SVG Support you can easily upload and use SVG files with enhanced security and performance.
What We Think:
96%
Very highly recommended!

SVG Support: A Comprehensive Review

The SVG Support WordPress plugin is a convenient must-have for anyone looking to create a modern, eye-catching web presence. SVG, or scalable vector graphics, enable graphic designers to create stunning visuals with relative ease and low file sizes – features that are seriously sought after in the digital age. Using the plugin, designers can quickly and easily upload and incorporate SVGs into their websites with no code required.

SVG Support: Breakdown

Basic Settings

With the SVG Support WordPress plugin installed, users can upload .svg files to the WordPress Media Library and embed them into pages or posts with an accompanying shortcode. This makes it easy to add interesting visuals to blog posts, pages, sidebars, and widget areas. Additionally, the plugin adds powerful functionality allowing for advanced optimization and fine-tuning of SVG images. Users can configure SVG size and dimensions using the HTML width and height attributes, as well as assign any CSS classes to each SVG for even more control. Configurations of SVG files can also be wrapped in link tags for personalization and referencing.

For those concerned with accessibility, the plugin adds support for extra attributes, such as the “title”, “desc”, and “aria” attributes. These attributes are essential for SEO and help make sure pictorial information is available to screen readers and accessible for the vision impaired. Additional features such as the ability to disable ‘view-boxing’ on details pages or the ‘extra security mode’ to support complicated CodePens are also included, providing users with the ultimate support, and control over SVG files.

The plugin is also compatibile with other WordPress plugins and themes, virtually eliminating any issues with SVG embedding due to incompatibility. By embedding SVGs through a familiar interface, users can create amazing visuals, in minimal time and without extra effort.

Pros of Using SVG Support

Secure & Scalable: Using SVG Support gives you the peace of mind that your site is secure and scalable. Since SVG files are vector data they are clean and lightweight meaning they don't take up too much server resources or suffer from page load times. Additionally the plugin uses a safe and secure router to handle and convert image requests to ensure maximum security and performance.

Easy to Upload: SVG Support is built for convenience and makes it easy to upload and manage your SVG images. It automatically checks to make sure the uploaded file is a valid SVG file and checks the file contents with a built-in validator. Once uploaded, you can choose to either display the image on its own page, or embed it directly into a post or page on your site.

Responsive Compatible Sites: SVG Support makes sure your SVG images are compatible with any responsive themes or plugins you are using. When loading your SVG, the plugin automatically takes into account the dimensions of the targeted responsive element, scaling the image appropriately and giving you the ability to easily adjust size and positioning.

Retina-Ready: SVG Support was designed to make sure all of your SVG images look perfect on Retina displays. It automatically serves images at the optimal size and resolution and takes mobile device screen pixels into account. This ensures that your images will look great on all screen sizes and resolutions without taking up too much space or bandwidth.

Customization Options: SVG Support allows you to customize your SVG images with a variety of features, including resizing, rotating, coloration, and more. You can also add various styling elements, including animations, transitions, easing, and masks, for an even more engaging and eye-catching design.

Cons of Using SVG Support

Lack of Customization: The SVG Support plugin is limited in its customization options, meaning that it only allows for basic changes of color, size, and mirroring. This makes it difficult to customize the images to better match an individual’s website and branding.

Non-Accessibility: Unfortunately, the SVG Support plugin does not take into account the needs of those accessing the website with assistive technology, such as screen readers. This means certain accessibility needs are not met, potentially creating a difficult user experience for those who rely upon such technology.

Compatibility Issues: The SVG Support plugin has compatibility issues with older versions of WordPress, meaning it may not work at all with certain versions of the CMS. This can be incredibly frustrating for those who are unable to update their existing WordPress sites to the latest version, and it can also mean that an older website won’t be able to take advantage of the features offered by the SVG Support plugin.

Security Risks: The SVG Support plugin has been known to introduce security risks to the WordPress site, due to its ability to resize images and add code to them. If an attacker gains access to the code, they could be able to manipulate the website, potentially taking control of it.

Lack of Technical Support: The SVG Support plugin does not have any dedicated technical support, which can be problematic for users who are unable to troubleshoot any issues they are having with the plugin. This can leave users feeling frustrated and overwhelmed, potentially leading to them abandoning the plugin altogether.

96% Very highly recommended!

In conclusion

The SVG Support WordPress plugin is a necessary addition to any website administrator’s blog. By streamlining SVG image management and providing a number of customization features, users can create stunning visuals with minimal effort. Moreover, important features built with accessibility in mind enable smooth access to visual information for all users, regardless of their abilities. With its ability to integrate into existing themes and plugins, the plugin provides a great level of support for SVG uploading and embedding in an easy-to-use interface.

Plugin Specifications
  • Version: 2.5.5
  • Last Updated: 7 months ago
  • Installs: 1+ million
  • WP Version: 4.8+
  • Tested Until: 6.4.2
  • PHP Version: 7.2 or higher
Use Case Examples
  • Using SVG files for logos
    Close
    The SVG Support plugin enables WordPress users to upload and use SVG files as logo images. This allows logos to be very clear and crisp across different resolutions and screen sizes, and makes it easier to animate them in the browser.
  • Uploading icons
    Expand
  • Creating responsive graphics
    Expand
  • Embedding diagrams & maps
    Expand
  • Animated background images
    Expand
Tags
  • safe svg
  • safesvg
  • sanitization
  • SVG
  • Vector