Title: Sattive SVG Studio – Secure SVG Management & Live Editing
Author: sattivedevlabs
Published: <strong>6 de maig de 2026</strong>
Last modified: 6 de maig de 2026

---

Cerca extensions

![](https://ps.w.org/sattive-svg-studio/assets/banner-772x250.jpg?rev=3524002)

![](https://ps.w.org/sattive-svg-studio/assets/icon-256x256.png?rev=3524002)

# Sattive SVG Studio – Secure SVG Management & Live Editing

 Per [sattivedevlabs](https://profiles.wordpress.org/sattivedevlabs/)

[Baixa](https://downloads.wordpress.org/plugin/sattive-svg-studio.1.0.0.zip)

 * [Detalls](https://ca.wordpress.org/plugins/sattive-svg-studio/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/sattive-svg-studio/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/sattive-svg-studio/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/sattive-svg-studio/#developers)

 [Suport](https://wordpress.org/support/plugin/sattive-svg-studio/)

## Descripció

Sattive SVG Studio is the ultimate SVG power-up for WordPress. While WordPress blocks
SVGs by default for security reasons, Sattive SVG Studio allows you to safely upload,
sanitize, and visually edit vector graphics without ever leaving your dashboard.

Built with performance and user experience in mind, Sattive SVG Studio features 
a premium, node-based visual editor powered by Fabric.js. Whether you need to change
the color of an icon, add a drop shadow, or reorganize the layers of a complex illustration,
this plugin makes it as easy as using a professional design tool.

### 🌟 Core Features

 * **Secure SVG Uploads:** Automatic XML sanitization strips malicious scripts and
   prevents XSS attacks on upload.
 * **Native Media Library Integration:** View your SVG thumbnails perfectly rendered
   in the WordPress grid—no more blank document icons.
 * **Sattive SVG Studio Workspace:** A complete visual editing environment built
   directly into the Attachment Details modal.
 * **Segment Selection:** Click on specific shapes or paths within your SVG to edit
   them individually, just like in Figma or Illustrator.
 * **Live Appearance Controls:** Instantly tweak Fill Colors, Stroke Colors, Stroke
   Weights, and Opacity.
 * **Advanced Effects:** Add customizable Drop Shadows (Color, Blur, X/Y Offset)
   to any shape.
 * **Layer Management:** Bring shapes forward, send them backward, duplicate, delete,
   or flip them horizontally/vertically.
 * **Canvas Controls:** Apply a background color to your SVG or instantly center
   all objects.
 * **History Engine:** Made a mistake? Use the built-in Undo/Redo buttons (or Ctrl
   +Z / Ctrl+Y keyboard shortcuts).

### 🚀 How It Works

 1. Upload an SVG to your Media Library.
 2. Click on the image and hit the blue **“Edit SVG with Sattive SVG Studio”** button.
 3. The Studio editor will launch. Click any shape to change its color, add a shadow,
    or move it around.
 4. Click **Apply Changes**. The plugin securely overwrites the original file on your
    server, instantly updating it across your website.

### Third-Party Libraries

 * Fabric.js (v5.3.1) – https://github.com/fabricjs/fabric.js (Licensed under MIT)

## Instal·lació

 1. Upload the `sattive-svg-studio` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Go to **Settings > Sattive SVG Studio** to configure your general preferences (
    optional).
 4. Navigate to your Media Library and upload an `.svg` file to get started.

## PMF

### Are my SVGs safe from malicious code?

Yes! Sattive SVG Studio includes a lightweight but strict sanitization protocol 
that automatically strips `<script>` tags and dangerous `on*` attributes (like `
onclick`) the moment the file hits your server.

### Will this slow down my website?

No. The visual editor only loads in the WordPress backend. On the frontend, your
SVGs are served as standard, lightning-fast image files.

### Does this work with Elementor, Gutenberg, or Divi?

Absolutely. Because Sattive SVG Studio permanently updates the actual `.svg` file
on your server, any page builder displaying that image will instantly show your 
updated edits.

## Ressenyes

No hi ha ressenyes per a aquesta extensió.

## Col·laboradors i desenvolupadors

«Sattive SVG Studio – Secure SVG Management & Live Editing» és programari de codi
obert. La següent gent ha col·laborat en aquesta extensió.

Col·laboradors

 *   [ sattivedevlabs ](https://profiles.wordpress.org/sattivedevlabs/)

[Traduïu «Sattive SVG Studio – Secure SVG Management & Live Editing» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/sattive-svg-studio)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/sattive-svg-studio/),
baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/sattive-svg-studio/),
o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/sattive-svg-studio/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/sattive-svg-studio/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 1.0.1

 * Major Update: Introduced the complete visual editor engine powered by Fabric.
   js.
 * Added: Node-based segment selection for editing individual paths.
 * Added: Layer management (Bring Forward, Send Backward, Duplicate).
 * Added: Advanced Drop Shadow controls and History Engine (Undo/Redo).
 * Fixed: Compatibility fix for WordPress SVG cropping errors.

#### 1.0.0

 * Initial release.
 * Added secure SVG upload sanitization and thumbnail support.

## Meta

 *  Versió **1.0.0**
 *  Darrera actualització **fa 4 dies**
 *  Instal·lacions actives **Menys de 10**
 *  Versió del WordPress ** 5.8 o posterior **
 *  Provada fins a **6.9.4**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/sattive-svg-studio/)
 * Etiquetes
 * [Image editor](https://ca.wordpress.org/plugins/tags/image-editor/)[media library](https://ca.wordpress.org/plugins/tags/media-library/)
   [SVG](https://ca.wordpress.org/plugins/tags/svg/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/sattive-svg-studio/advanced/)

## Valoracions

Encara no s'ha enviat cap ressenya.

[Your review](https://wordpress.org/support/plugin/sattive-svg-studio/reviews/#new-post)

[Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/sattive-svg-studio/reviews/)

## Col·laboradors

 *   [ sattivedevlabs ](https://profiles.wordpress.org/sattivedevlabs/)

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/sattive-svg-studio/)