Quiver: Image to SVG

Converts an image input into an SVG output.

About

The 'Quiver: Image to SVG' workflow is a specialized process designed to convert raster images into scalable vector graphics (SVG). This workflow leverages the Quiver model, which is adept at interpreting pixel data and translating it into vector paths. The primary nodes involved are the QuiverImageToSVGNode, LoadImage, and SaveSVGNode. The LoadImage node is responsible for importing the image file into the workflow, while the QuiverImageToSVGNode performs the core conversion, transforming the image into a vector format.

Finally, the SaveSVGNode outputs the resulting SVG file, ready for use in various applications.

This workflow is particularly useful for designers and developers who need to convert images into a format that scales without loss of quality. SVG files are ideal for web and graphic design projects because they maintain clarity at any size and are easy to manipulate with CSS and JavaScript. By automating the conversion process, this workflow saves time and ensures consistency, making it a valuable tool for anyone working with digital graphics.

What you provide

Reading the workflow

Runs in ComfyUI. This workflow can't run on this page. Open it in Comfy Cloud with everything loaded, or download it for your own ComfyUI.

Try in Cloud

Output

Use this workflow from code

Generated from the workflow graph and inputs when possible; stored examples are shown otherwise. Review credentials and endpoints before running code, which may incur charges.

Get API key

What you need

Runs on: Comfy Cloud
Key: COMFY_API_KEY
Your files: Uploaded by the code from their urls

Needs a paid Cloud plan and credits.

Download API JSON

# Python 3.10+: pip install comfy-sdk==0.4.0
import os

from comfy_sdk import Comfy

api_key = os.environ.get("COMFY_API_KEY", "").strip()
if not api_key: raise RuntimeError("Set COMFY_API_KEY")
os.environ.setdefault("COMFY_BASE_URL", "https://cloud.comfy.org")
client = Comfy(api_key=api_key)
workflow = client.workflows.from_json({
    "1": {
        "class_type": "QuiverImageToSVGNode",
        "inputs": {
            "auto_crop": False,
            "image": [
                "2",
                0
            ],
            "model": "arrow-2",
            "model.presence_penalty": 0,
            "model.target_size": 1024,
            "model.temperature": 1,
            "model.top_p": 1,
            "reasoning_effort": "high",
            "seed": 1545850784
        },
        "_meta": {
            "title": "Quiver Image to SVG"
        }
    },
    "2": {
        "class_type": "LoadImage",
        "inputs": {
            "image": "UPLOADED_image_FILENAME"
        },
        "_meta": {
            "title": "Load Image"
        }
    },
    "3": {
        "class_type": "SaveSVGNode",
        "inputs": {
            "filename_prefix": "svg/Quiver",
            "svg": [
                "1",
                0
            ]
        },
        "_meta": {
            "title": "Save SVG"
        }
    }
})
workflow.set_input("2", "image", client.assets.from_url("https://comfy.org/catalog-media/93a08be8-3bb0-493f-a7fe-56a815c5e2cf/7975bbc9-8e52-4d53-bb30-be2da7be8e1b"))

# run() also passes api_key to the partner nodes in this workflow.
job = client.run(workflow, api_key=api_key)

API documentation

Quiver: Image to SVG

About

What you provide

Inside the workflow

Requires custom nodes

Use this workflow from code

What you need

Questions & answers

About

What you provide

Inside the workflow

Requires custom nodes

Use this workflow from code

What you need

Questions & answers

What types of images can be converted using this workflow?

Can I adjust the level of detail in the SVG output?

Is the SVG output compatible with all web browsers?

How can I ensure the SVG file is optimized for web use?