flutter_svg prep bench

SVG Shadow Baker

Drop SVG files here to make them render the same in Flutter. Drop and inner shadows become layered vector shapes, CSS is inlined, anything flutter_svg would ignore is removed, and SVGO minifies the result. Everything runs in your browser.

GitHub

Filter shadows

For drop and inner shadows exported as <filter>.

Strength

Softness

Extra lift

Add a shadow

Shadow artwork that has no filterA soft dark edge that helps light or metallic artwork stand out from its background.

Colour

Blur

Opacity

Lift

Output

Minify with SVGOSVGO's default preset, keeping viewBox and removing embedded raster images.

SVGO options

These apply to every file.

MultipassRepeat until the file stops shrinking. Convert styles to attributesTurns style="" into plain attributes. Remove raster imagesPNG, JPEG and GIF, linked or embedded. Pretty-printIndented output, easier to diff.

Decimal places

Preset plugins

What Flutter drops

<filter>Shadows baked as shapes; blurs removed with a warning
<style>Rules inlined onto elements
<marker>Removed with a warning
foreignObjectRemoved with a warning
<animate>Removed with a warning

Drop SVG files or folders

Or paste SVG code or files with Ctrl/⌘ V. Folder structure is kept when you save everything as a .zip.

Checker Green Light Dark