內容簡介
Gobbert SVG Studio 是一款強大的 WordPress 外掛，讓使用者能夠直接在控制台內編輯 SVG 檔案，無需使用 Illustrator 或其他工具。它提供了簡單易用的編輯功能，並確保上傳的檔案安全無虞，提升了 SVG 的使用彈性與效率。
【主要功能】
• 直接在瀏覽器中編輯 SVG 檔案
• 將 PNG 或 JPG 轉換為可編輯的向量
• 批量變更顏色，簡化曲線
• 安全上傳，過濾不安全的內容
• 支援內嵌 SVG，方便 CSS 操作
• 提供 20 種預設圖形，隨時可用
外掛標籤
開發者團隊
原文外掛簡介
Other SVG plugins let you upload the file. This one lets you edit it, without leaving WordPress and without Illustrator, Figma or an online converter.
Open any SVG from your media library in a built-in studio and recolour it, merge or drop a colour across the whole graphic, simplify its curves, remove the specks left over from a trace, and inspect every path and anchor point with a live count. Drop in a PNG or JPG logo and it is traced into a clean, editable vector. All of it runs in your browser, and the result saves straight back to your own media library.
That is the part almost no other SVG plugin does. The rest of what an SVG workflow needs is here too, so you do not need a second plugin alongside it: uploads are enabled and sanitized, and graphics can be embedded inline so your theme CSS can reach inside them.
The studio is the point
Trace a PNG or JPG logo into a clean, editable vector
Recolour, merge two near identical colours, or drop a colour entirely
Simplify the curves so the file draws cleaner and weighs less
Remove stray specks left over from a trace
Inspect outlines, individual paths, and every anchor point with a live count
Bulk recolour across many files at once
Save an animated copy, so a graphic can move even where a theme outputs a plain image tag
Tracing and editing run in your browser. Results save straight back to your own media library as normal attachments on your own domain.
Safe uploads
Every SVG you upload is parsed into a document and rebuilt from a strict allow list of drawing, paint and text tags. Scripts, event handler attributes, foreign objects, embedded objects and references to external resources are removed before the file is stored. Because the result is rebuilt from a clean tree rather than filtered as text, malformed or obfuscated markup has nothing to hide in. Files that cannot be made safe are refused rather than stored.
You can also restrict which roles are allowed to upload SVG files, which is worth doing on a site with many contributors.
Inline embedding
Place an SVG on a page as real markup instead of a flat image. That is what lets your CSS recolour it on hover, scale it crisply at any size, and animate individual shapes.
It is available natively in whichever editor you already use: a block in the block editor, a widget in Elementor with colour and hover colour controls, an element in WPBakery, and a shortcode for classic themes. All four produce the same standard inline SVG, so nothing is locked to one builder.
Twenty starters, included
No SVG to hand? Twenty marks are bundled with the plugin and appear in the studio: arrows, a tick,
a spinner, loading dots, a bell, a cart, a heart, a star and more, plus a bouncing ball and a
wordmark that show off what the tool does. Every one is already animated, drawn on the same grid,
and free to use and edit however you like. Nothing is fetched from anywhere.
Optional motion
An SVG placed with the block, widget, element or shortcode can use one of four motion settings: off, drift, breathe or sheen. Off is the default. Motion is applied when the page renders, so the stored file stays a clean still graphic and you can change or remove the effect at any time.
There is one deliberate exception. A theme’s own logo or image field outputs a plain image tag, which our render-time motion cannot reach, so the studio can also save an animated copy: the motion is written inside that file and plays anywhere it is shown. It is always a separate file, and your original is never changed. Visitors who have asked their system to reduce motion see a still graphic either way.
Nothing leaves your site
Sanitizing, tracing and editing all happen on your own server or in your own browser. This plugin sends nothing anywhere, contacts no other server, and has no account, no key and no sign-up.