Transition Generator
Dot size transition · SVG output for Illustrator
☀ Light
Drag SVG into Illustrator
Presets
▲
+ Save
✎ Edit
↓ Export
↑ Import
Document Size
Custom size
Instagram Post — 1080 × 1080
Instagram Portrait — 1080 × 1350
Instagram Story — 1080 × 1920
Facebook / OG Image — 1200 × 628
Facebook Cover — 820 × 312
Twitter Header — 1500 × 500
Twitter Post — 1200 × 675
YouTube Thumbnail — 1280 × 720
YouTube Banner — 2560 × 1440
Pinterest Pin — 1000 × 1500
LinkedIn Banner — 1128 × 191
A4 Portrait — 2480 × 3508
A4 Landscape — 3508 × 2480
A5 Portrait — 1748 × 2480
A3 Portrait — 3508 × 4961
US Letter Portrait — 2550 × 3300
US Letter Landscape — 3300 × 2550
Postcard 5×7 in — 1500 × 2100
12×12 in Square — 3600 × 3600
Full HD — 1920 × 1080
2K — 2560 × 1440
4K UHD — 3840 × 2160
Laptop — 1440 × 900
Mobile (iPhone) — 375 × 812
Width
×
Height
px
Big Dots Start From
← Left
Right →
Dot Diameter (px)
Start — big end
End — small end
Transition End Point
Thin
1/3
1/2
px from start edge · or drag red line in preview
Grid Spacing (px)
Cell size
Inset
Overlap
Dots inset from edges
Dot Colour
Blue
Black
White
Background
Blue
Black
White
Background Image
Click to upload
PNG, JPG, WEBP
✕ Remove image
Image fills canvas behind dots. Colour background is ignored when image is set.
END POINT
1920 × 1080 px
↓ Download SVG
⎘ Copy SVG
⇄ Flip Edge