WP SVG Engine

WP SVG Engine is a lightweight, modern, and secure solution for using SVG (Scalable Vector Graphics) in WordPress.

By default, WordPress restricts SVG uploads due to potential XML-based vulnerabilities (such as Cross-Site Scripting and XML External Entity attacks). WP SVG Engine solves this by implementing enterprise-grade DOM-level sanitization on upload, giving you complete peace of mind while designing beautiful, resolution-independent vector graphics.

Key Features

• Enterprise-Grade SVG & SVGZ Sanitization: Automated XML inspection powered by enshrined/svg-sanitize to strip malicious scripts, event listeners, and dangerous entities before files reach your disk.
• Native Media Library Previews: Automatically fixes broken 1×1 or invisible SVG thumbnails in both Grid and List views in wp-admin/upload.php.
• Automatic Dimension Detection: Parses viewBox and width/height coordinates on upload and writes them to WordPress attachment metadata to preserve natural aspect ratios.
• Zero-Overhead Frontend Inlining: Replaces target <img> elements with raw <svg> using lightweight client-side Vanilla JS (< 2KB), enabling dynamic CSS styling (fill: currentColor) and hover animations.
• Smart In-Memory Caching: Deduplicates identical SVG network requests so repeated icons on a page are downloaded only once.
• Dynamic DOM Observer: Fully compatible with Gutenberg block insertion, Elementor, and AJAX infinite scroll using MutationObserver.
• Role-Based Upload Permissions: Restrict SVG upload privileges to Administrators only or extend permissions to all users with upload capabilities (Authors/Editors).
• Lossless Vector Scaling: Skips unnecessary raster thumbnail generation (GD/Imagick) and disables redundant srcset generation to conserve server disk space.