SVG Web Tool

    ___________
   |.---------.|
   ||   SVG   ||
   || WEBTOOL ||
   ||by Mélan ||
   |'---------'|
    `)_______('
    [=== -- o ]--.
  __'---------'__ \
 [::::::::::: :::] )
  `""'"""""'""""`/T\
                 \_/

Import Files

Import Image Import SVG(s)

SVG Library

SVG Selection Mode

SVG Color

No SVG files loaded

Image Adjustments

These settings affect SVG placement analysis.

Show source image in the background

Brightness

Contrast

Gaussian Blur

Saturation

Grayscale

Invert Colors

Enable Sharpness

Sharpness Amount

Enable Thresholding

Threshold Level

Enable Edge Detection

Edge Intensity

Composition Frame

Add Transparent Frame

Canvas Background

Visual settings only. Does not affect SVG placement.

Show source image in background

Brightness

Contrast

Gaussian Blur

Saturation

Grayscale

Invert Colors

Enable Sharpness

Sharpness Amount

Enable Thresholding

Threshold Level

Enable Edge Detection

Edge Intensity

Source Image Opacity

Transparent Background

Background Color

SVG Placement

💡 Tip: You can enter higher values in the number boxes than the slider limits allow.

Minimum Size (px)

Maximum Size (px)

SVG Count

Brightness Sensitivity

Opacity

Spacing (px)

Placement Options

Random Rotation

Placement Mode

Grid Density

Minimum Spacing (Random Mode)

Debug

Current SVG ViewBox

                            No SVG selected
                        

Offset X

Offset Y

Export

No Image Loaded

Import an image to get started

100%