# PNG to SVG

- Human page: https://happytails.ai/en/image-tools/png-to-svg/
- Markdown: https://happytails.ai/en/image-tools/png-to-svg.md
- Structured JSON: https://happytails.ai/agents/en/image-tools/png-to-svg/index.json
- Visibility: public

## Tool capabilities

| Property | Value |
| --- | --- |
| Tool ID | `png-to-svg` |
| Category | image-tools |
| Implementation | Registered implementation. Registration alone is not a production-quality guarantee. |
| Browser execution | Use the visible action or interactive controls. |
| Browser processing | Server required |
| HTTP API | /api/v1/tools/png-to-svg/run |
| Browser-agent interface | run_current_tool |

### Implementation notes

Processed on our server with no external conversion service. Traces colored shapes with VTracer on CPU. Best for logos and illustrations. Photos can produce large SVG files; use an image of at most 4 megapixels.

### Inputs and settings

No free-text input is required. Use the file inputs and/or settings below.

Accepted browser files: `.png`. Choose one file.

Browser file-input limit: 20971520 bytes in total. HTTP limits can differ.

| Setting | Meaning | Control type | Default | Constraints |
| --- | --- | --- | --- | --- |
| `precision` | Color precision (bits per channel) | number | 6 | min=1 max=8 step=1 |

### HTTP contract

API calls process supplied data on the server. The website origin is `https://happytails.ai`. Server API hosting is not connected on the public website yet. Use your local server origin to test these requests.

```http
POST https://happytails.ai/api/v1/tools/png-to-svg/run
Content-Type: application/json
```

[Detailed operation reference](https://happytails.ai/en/api/tools/png-to-svg.md) · [Shared API guide](https://happytails.ai/en/api.md)

#### Limits

| Limit | Value |
| --- | --- |
| request_bytes | 31457280 |
| input_characters | 1000000 |
| files_bytes | 20971520 |
| max_files | 1 |
| timeout_seconds | 90 |

#### Complete input schema

```json
{
  "type": "object",
  "additionalProperties": false,
  "properties": {
    "input": {
      "type": "string",
      "maxLength": 1000000,
      "default": "",
      "description": "Plain text input. File tools use files instead unless otherwise documented."
    },
    "options": {
      "type": "object",
      "additionalProperties": false,
      "properties": {
        "precision": {
          "type": "number",
          "description": "Color precision (bits per channel)",
          "default": 6.0,
          "minimum": 1,
          "maximum": 8,
          "multipleOf": 1
        }
      }
    },
    "files": {
      "type": "array",
      "maxItems": 1,
      "items": {
        "type": "object",
        "required": [
          "name",
          "base64"
        ],
        "additionalProperties": false,
        "properties": {
          "name": {
            "type": "string",
            "maxLength": 200,
            "description": "Filename only, no path."
          },
          "mime": {
            "type": "string",
            "maxLength": 150
          },
          "bytes": {
            "type": "integer",
            "minimum": 0,
            "description": "Optional decoded byte count; must match content if supplied."
          },
          "base64": {
            "type": "string",
            "contentEncoding": "base64",
            "description": "File bytes as padded base64. Use the tool-specific limits.files_bytes value for the total decoded input size."
          }
        }
      }
    }
  }
}
```

#### Complete output schema

```json
{
  "type": "object",
  "required": [
    "tool",
    "result"
  ],
  "properties": {
    "tool": {
      "type": "string"
    },
    "result": {
      "type": "object",
      "required": [
        "text",
        "files"
      ],
      "properties": {
        "text": {
          "type": [
            "string",
            "null"
          ]
        },
        "data": {
          "description": "Parsed JSON when the textual result is JSON."
        },
        "name": {
          "type": "string"
        },
        "mime": {
          "type": "string"
        },
        "files": {
          "type": "array",
          "items": {
            "type": "object",
            "required": [
              "name",
              "mime",
              "bytes",
              "base64"
            ],
            "properties": {
              "name": {
                "type": "string"
              },
              "mime": {
                "type": "string"
              },
              "bytes": {
                "type": "integer"
              },
              "base64": {
                "type": "string",
                "contentEncoding": "base64"
              }
            }
          }
        }
      }
    }
  }
}
```

#### Error and retry handling

Failures return a non-200 status and `error.code` plus `error.message`. Correct invalid input before retrying; retry server-busy responses with bounded backoff. Returned files contain Base64 data, not persistent download URLs. Decode and inspect the output before treating conversion as successful. See the shared API guide for the complete status and timeout rules.

### Browser-agent workflow

1. Open the human page in a browser that supports WebMCP.
2. Discover the interface exposed by that page; use its actual schema.
3. Select files on the page first when the tool requires files.
4. Call `run_current_tool` with valid input and settings.
5. Inspect the returned result or error and the displayed output. Retrieve files from the displayed download links.

Calls do not automatically copy or download results. Browser permissions still apply. Interface availability alone is not proof of successful execution.

### Planning specification

CPU vector tracing, not an embedded bitmap; bounded image size and color precision; preserve transparent background; compare rasterized output.

This describes intended requirements. Use the implementation notes, interface schema and observed output to determine current support.

### Complete machine-readable capability record

```json
{
  "id": "png-to-svg",
  "category": "image-tools",
  "built": true,
  "requirements": "CPU vector tracing, not an embedded bitmap; bounded image size and color precision; preserve transparent background; compare rasterized output.",
  "implementation": {
    "fields": [
      {
        "key": "precision",
        "label": "Color precision (bits per channel)",
        "value": 6,
        "type": "number",
        "min": 1,
        "max": 8,
        "step": 1
      }
    ],
    "files": true,
    "accept": ".png",
    "multiple": false,
    "input": false,
    "processing": "Server required",
    "native": true,
    "expansion": true,
    "maxFileBytes": 20971520,
    "note": "Processed on our server with no external conversion service. Traces colored shapes with VTracer on CPU. Best for logos and illustrations. Photos can produce large SVG files; use an image of at most 4 megapixels.",
    "experience": {
      "automatic": false,
      "single": false,
      "label": "Your text",
      "placeholder": "Type or paste your input…",
      "help": "Up to 1,000,000 characters. Review the settings before running.",
      "action": "Convert file"
    },
    "mode": "explicit",
    "interactive": false
  },
  "execution": "POST /api/v1/tools/png-to-svg/run",
  "api": {
    "id": "png-to-svg",
    "name": "PNG to SVG",
    "category": "image-tools",
    "description": "Trace a PNG into editable vector shapes.",
    "notes": "Processed on our server with no external conversion service. Traces colored shapes with VTracer on CPU. Best for logos and illustrations. Photos can produce large SVG files; use an image of at most 4 megapixels.",
    "human_path": "/en/image-tools/png-to-svg/",
    "method": "POST",
    "endpoint": "/api/v1/tools/png-to-svg/run",
    "schema_url": "/api/v1/tools/png-to-svg",
    "input_schema": {
      "type": "object",
      "additionalProperties": false,
      "properties": {
        "input": {
          "type": "string",
          "maxLength": 1000000,
          "default": "",
          "description": "Plain text input. File tools use files instead unless otherwise documented."
        },
        "options": {
          "type": "object",
          "additionalProperties": false,
          "properties": {
            "precision": {
              "type": "number",
              "description": "Color precision (bits per channel)",
              "default": 6.0,
              "minimum": 1,
              "maximum": 8,
              "multipleOf": 1
            }
          }
        },
        "files": {
          "type": "array",
          "maxItems": 1,
          "items": {
            "type": "object",
            "required": [
              "name",
              "base64"
            ],
            "additionalProperties": false,
            "properties": {
              "name": {
                "type": "string",
                "maxLength": 200,
                "description": "Filename only, no path."
              },
              "mime": {
                "type": "string",
                "maxLength": 150
              },
              "bytes": {
                "type": "integer",
                "minimum": 0,
                "description": "Optional decoded byte count; must match content if supplied."
              },
              "base64": {
                "type": "string",
                "contentEncoding": "base64",
                "description": "File bytes as padded base64. Use the tool-specific limits.files_bytes value for the total decoded input size."
              }
            }
          }
        }
      }
    },
    "output_schema": {
      "type": "object",
      "required": [
        "tool",
        "result"
      ],
      "properties": {
        "tool": {
          "type": "string"
        },
        "result": {
          "type": "object",
          "required": [
            "text",
            "files"
          ],
          "properties": {
            "text": {
              "type": [
                "string",
                "null"
              ]
            },
            "data": {
              "description": "Parsed JSON when the textual result is JSON."
            },
            "name": {
              "type": "string"
            },
            "mime": {
              "type": "string"
            },
            "files": {
              "type": "array",
              "items": {
                "type": "object",
                "required": [
                  "name",
                  "mime",
                  "bytes",
                  "base64"
                ],
                "properties": {
                  "name": {
                    "type": "string"
                  },
                  "mime": {
                    "type": "string"
                  },
                  "bytes": {
                    "type": "integer"
                  },
                  "base64": {
                    "type": "string",
                    "contentEncoding": "base64"
                  }
                }
              }
            }
          }
        }
      }
    },
    "processing": "Server; self-hosted native engine, no external conversion service",
    "limits": {
      "request_bytes": 31457280,
      "input_characters": 1000000,
      "files_bytes": 20971520,
      "max_files": 1,
      "timeout_seconds": 90
    }
  },
  "agent_processing": "Server; self-hosted native engine, no external conversion service",
  "browser_agent": {
    "supported": true,
    "name": "run_current_tool",
    "discovery": "WebMCP on the human page in a supporting browser",
    "verification": "See audit/API-AUDIT.md; availability is not verification"
  }
}
```

## Page guide

Trace a PNG into editable vector shapes.

## Useful next steps

- [Circle crop image](https://happytails.ai/en/image-tools/circle-crop-image/): Crop a centered circle and download a transparent PNG. ([Markdown](https://happytails.ai/en/image-tools/circle-crop-image.md))

- [Round image corners](https://happytails.ai/en/image-tools/round-image-corners/): Give an image rounded corners with a transparent background. ([Markdown](https://happytails.ai/en/image-tools/round-image-corners.md))

- [Add image border](https://happytails.ai/en/image-tools/add-image-border/): Add a solid border without covering your image. ([Markdown](https://happytails.ai/en/image-tools/add-image-border.md))

## How to use PNG to SVG

1. Choose a supported file using the drop area or file picker.
2. Review the clearly labeled settings. Choose the action button to process your file.
3. Compare the result with your original, then download it. Keep the original for further edits.

## What to expect

Trace a PNG into editable vector shapes. CPU vector tracing, not an embedded bitmap; bounded image size and color precision; preserve transparent background; compare rasterized output.