OmniSVG Demo Page

Generate SVG code from images or text descriptions

Example Images (click to use)
Pages:

Usage Instructions

  • Image-to-SVG: Upload a PNG image and click "Generate SVG"
  • Text-to-SVG: Enter a text description or click an example, then click "Generate SVG"

Performance Tips:

  • Image-to-SVG: Input images with a white background in JPG format, or using 4-channel PNG images. This will help achieve better results.
  • Text-to-SVG: Keep descriptions concise and specific. Focus on 2-3 main elements with clear spatial relationships. Avoid overly complex prompts with too many objects or detailed arrangements. Just retry more times to achieve the satisfying results.

Supported Descriptions:

  • Objects: circle, square, triangle, rectangle, star, polygon, heart, diamond, hexagon, oval
  • Colors: red, blue, green, yellow, purple, orange, pink, black, white, gray, brown, cyan
  • Formations: arranged in a row, arranged in a circle, grid pattern, scattered, clustered, stacked
  • Styles: filled, outlined, gradient, striped, dotted, solid, transparent, shaded