Online

Vector Design Utilities Prototype ver.

Responsive bento, grid line, placeholder, pattern, and SVG optimization tools.

Support and Follow Designer (by EFCreative.dsg)

Color & Style (Auto-Apply)

Grid Generator

Ratio: 4 : 3

Interactive Preview

Click a shape to lock it.

Native SVG: 800 × 600 px

Embedded metadata: Not edited
Unicode Encoding Export

Image Settings

Resolution & Ratio Ratio: 40 : 21
Select “Load Fonts” to read locally installed fonts.

Interactive Preview

Native SVG: 1200 × 630 px

Embedded metadata: Not edited
Unicode Encoding Export

Pattern Settings

Resolution & Ratio Ratio: 1 : 1
Choose a vector-only SVG file without editable text or bitmap images (single shape, up to 64 curve/arc points).

Click generate first to reload changes!

Cell Size (Spacing): 0px
Single Shape / Motif (Active 40%): 0px
Total Shapes / Motifs: 0

Interactive Preview

Native SVG: 1080 × 1080 px

Embedded metadata: Not edited
Unicode Encoding Export

SVG Optimizer & Inspector

Inspect structure, edit portable metadata, compare output, and export a safer optimized SVG.

Upload an SVG file to begin.

No SVG loaded

Your file is analyzed locally in this page.

Generated SVG

Basic Metadata

Saved separately for this tab and embedded into its generated SVG code.

SVG Document

Basic Metadata

Editable metadata is saved in the app and embedded in exported SVG files.

Metadata is editable.

Optimization Setting

Setting Details

What it does
Purpose
Effect on the imported SVG

SVG Property

Property

Example in the imported SVG

Inspection Colors

Preview-only color settings

Custom Inspection colors don't affect optimization or exported output (Only for Preview).

SVG Imported Info

Preview paint inspection

Inspection colors and preview outlines do not affect optimization or exported output.

Export File

Rename before export

Basic Metadata File Name is empty. Default: SVG Generated.

Invalid File

SVG Import Rejected

The imported file is not valid. SVG Optimizer only accepts SVG files.

Permanent reset warning

Refresh this session?

Continuing will reset every tab parameter, clear saved session data, and remove imported Custom SVG and SVG Optimizer files.

This action cannot be undone. Data that has already been reset cannot be restored.