# Text to image

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

## Tool capabilities

| Property | Value |
| --- | --- |
| Tool ID | `text-to-image` |
| Category | text-tools |
| Implementation | Registered implementation. Registration alone is not a production-quality guarantee. |
| Browser execution | Use the visible action or interactive controls. |
| Browser processing | Browser; see tool notes for network behavior. |
| HTTP API | /api/v1/tools/text-to-image/run |
| Browser-agent interface | run_current_tool |

### Implementation notes

SVG export uses your system sans-serif font. Check wrapping and font appearance in the destination.

### Inputs and settings

Text input: Your text.

Example or placeholder shown in the interface (not a validated fixture):

```text
Type or paste your input…
```

Up to 1,000,000 characters. Review the settings before running.

| Setting | Meaning | Control type | Default | Constraints |
| --- | --- | --- | --- | --- |
| `size` | Font size | number | 48 |  |
| `width` | Canvas width | number | 800 |  |
| `height` | Canvas height | number | 300 |  |
| `color` | Text | color | "#171717" |  |
| `background` | Background | color | "#ffffff" |  |

### 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/text-to-image/run
Content-Type: application/json
```

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

#### Limits

| Limit | Value |
| --- | --- |
| request_bytes | 8388608 |
| input_characters | 1000000 |
| files_bytes | 5242880 |
| max_files | 0 |
| timeout_seconds | 12 |

#### 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": {
        "size": {
          "type": "number",
          "description": "Font size",
          "default": 48.0
        },
        "width": {
          "type": "number",
          "description": "Canvas width",
          "default": 800.0
        },
        "height": {
          "type": "number",
          "description": "Canvas height",
          "default": 300.0
        },
        "color": {
          "type": "string",
          "description": "Text",
          "default": "#171717"
        },
        "background": {
          "type": "string",
          "description": "Background",
          "default": "#ffffff"
        }
      }
    }
  }
}
```

#### 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"
              }
            }
          }
        }
      }
    }
  }
}
```

#### Recorded request and response

Saved fixture from 2026-09-28T18:13:44Z. This is historical evidence, not a new validation or a guarantee for every input.

```json
{
  "input": "Hello world",
  "options": {}
}
```

```json
{
  "tool": "text-to-image",
  "result": {
    "text": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"800\" height=\"300\" viewBox=\"0 0 800 300\"><rect width=\"100%\" height=\"100%\" fill=\"#ffffff\"/><text x=\"400\" y=\"62.400000000000006\" text-anchor=\"middle\" font-family=\"sans-serif\" font-weight=\"normal\" font-size=\"48\" fill=\"#171717\" stroke=\"none\" stroke-width=\"1\">Hello world</text></svg>",
    "files": [
      {
        "name": "text-design.svg",
        "mime": "image/svg+xml",
        "bytes": 325,
        "base64": "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgODAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2ZmZmZmZiIvPjx0ZXh0IHg9IjQwMCIgeT0iNjIuNDAwMDAwMDAwMDAwMDA2IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgZm9udC13ZWlnaHQ9Im5vcm1hbCIgZm9udC1zaXplPSI0OCIgZmlsbD0iIzE3MTcxNyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPkhlbGxvIHdvcmxkPC90ZXh0Pjwvc3ZnPg=="
      }
    ],
    "name": "text-design.svg",
    "mime": "text/plain"
  }
}
```

#### 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

Render user text into an image with fonts and layout; distinguish from AI image generation.

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

### Complete machine-readable capability record

```json
{
  "id": "text-to-image",
  "category": "text-tools",
  "built": true,
  "requirements": "Render user text into an image with fonts and layout; distinguish from AI image generation.",
  "implementation": {
    "fields": [
      {
        "key": "size",
        "label": "Font size",
        "value": 48,
        "type": "number"
      },
      {
        "key": "width",
        "label": "Canvas width",
        "value": 800,
        "type": "number"
      },
      {
        "key": "height",
        "label": "Canvas height",
        "value": 300,
        "type": "number"
      },
      {
        "key": "color",
        "label": "Text",
        "value": "#171717",
        "type": "color"
      },
      {
        "key": "background",
        "label": "Background",
        "value": "#ffffff",
        "type": "color"
      }
    ],
    "note": "SVG export uses your system sans-serif font. Check wrapping and font appearance in the destination.",
    "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": null
    },
    "mode": "explicit",
    "interactive": false
  },
  "execution": "POST /api/v1/tools/text-to-image/run",
  "api": {
    "id": "text-to-image",
    "name": "Text to image",
    "category": "text-tools",
    "description": "Create an SVG image from your text.",
    "notes": "SVG export uses your system sans-serif font. Check wrapping and font appearance in the destination.",
    "human_path": "/en/text-tools/text-to-image/",
    "method": "POST",
    "endpoint": "/api/v1/tools/text-to-image/run",
    "schema_url": "/api/v1/tools/text-to-image",
    "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": {
            "size": {
              "type": "number",
              "description": "Font size",
              "default": 48.0
            },
            "width": {
              "type": "number",
              "description": "Canvas width",
              "default": 800.0
            },
            "height": {
              "type": "number",
              "description": "Canvas height",
              "default": 300.0
            },
            "color": {
              "type": "string",
              "description": "Text",
              "default": "#171717"
            },
            "background": {
              "type": "string",
              "description": "Background",
              "default": "#ffffff"
            }
          }
        }
      }
    },
    "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; same transformation code as browser tools",
    "limits": {
      "request_bytes": 8388608,
      "input_characters": 1000000,
      "files_bytes": 5242880,
      "max_files": 0,
      "timeout_seconds": 12
    }
  },
  "agent_processing": "Server; same transformation code as browser tools",
  "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

Create an SVG image from your text.

## How to use Text to image

1. Enter your text in the input field.
2. Review the settings, then choose Run Text to image.
3. Review the result, then use Copy result or a download link when available.

## What to expect

Create an SVG image from your text. Set the canvas size, font size and colors, then run the tool and download the SVG. Lines follow your input line breaks and do not wrap automatically. The image uses the destination system’s sans-serif font, so check it before sharing.

### Try a small example

```
Hello world
```
