{
  "title": "Crop image",
  "human_url": "https://happytails.ai/en/image-tools/crop-image/",
  "agent_url": "https://happytails.ai/agents/en/image-tools/crop-image/",
  "language": "en",
  "markdown_url": "https://happytails.ai/en/image-tools/crop-image.md",
  "content": "Crop image\nCrop a rectangular area from your image.\nHow to use Crop image\nChoose a file in an image format your browser can open.\nReview the settings, then choose Run Crop image.\nReview the result, then use Copy result or a download link when available.\nWhat to expect\nCrop a rectangular area from your image. Set the top-left position and the width and height in pixels. The original file stays on your device.\nUseful next steps\nAspect ratio calculator\nFind the simplest aspect ratio from a width and height.\nDPI calculator\nCalculate pixel density from pixel count and physical size.\nResize image\nResize an image to the dimensions you need.",
  "content_format": "text/plain",
  "visibility": "public",
  "links": [
    {
      "name": "Aspect ratio calculator Find the simplest aspect ratio from a width and height.",
      "url": "https://happytails.ai/en/design-tools/aspect-ratio-calculator/"
    },
    {
      "name": "DPI calculator Calculate pixel density from pixel count and physical size.",
      "url": "https://happytails.ai/en/maker-tools/dpi-calculator/"
    },
    {
      "name": "Resize image Resize an image to the dimensions you need.",
      "url": "https://happytails.ai/en/image-tools/resize-image/"
    }
  ],
  "tool": {
    "id": "crop-image",
    "category": "image-tools",
    "built": true,
    "requirements": "Visual crop, fixed aspect presets and pixel coordinates; export at intended resolution.",
    "implementation": {
      "fields": [
        {
          "key": "width",
          "label": "Width (px)",
          "value": "",
          "type": "number",
          "min": 1,
          "max": 16384,
          "step": 1
        },
        {
          "key": "height",
          "label": "Height (px)",
          "value": "",
          "type": "number",
          "min": 1,
          "max": 16384,
          "step": 1
        },
        {
          "key": "x",
          "label": "Left (px)",
          "value": 0,
          "type": "number",
          "min": 0,
          "step": 1
        },
        {
          "key": "y",
          "label": "Top (px)",
          "value": 0,
          "type": "number",
          "min": 0,
          "step": 1
        }
      ],
      "files": true,
      "accept": "image/*,.svg,.avif",
      "input": false,
      "note": "Runs in your browser. Animated inputs produce a single still image. Supported decoding depends on your browser.",
      "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": "Browser interface",
    "api": null,
    "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"
    }
  },
  "markdown": "# Crop image\n\n- Human page: https://happytails.ai/en/image-tools/crop-image/\n- Markdown: https://happytails.ai/en/image-tools/crop-image.md\n- Structured JSON: https://happytails.ai/agents/en/image-tools/crop-image/index.json\n- Visibility: public\n\n## Tool capabilities\n\n| Property | Value |\n| --- | --- |\n| Tool ID | `crop-image` |\n| Category | image-tools |\n| Implementation | Registered implementation. Registration alone is not a production-quality guarantee. |\n| Browser execution | Use the visible action or interactive controls. |\n| Browser processing | Browser; see tool notes for network behavior. |\n| HTTP API | Not callable through HTTP. |\n| Browser-agent interface | run_current_tool |\n\n### Implementation notes\n\nRuns in your browser. Animated inputs produce a single still image. Supported decoding depends on your browser.\n\n### Inputs and settings\n\nNo free-text input is required. Use the file inputs and/or settings below.\n\nAccepted browser files: `image/*,.svg,.avif`. Choose one file.\n\n| Setting | Meaning | Control type | Default | Constraints |\n| --- | --- | --- | --- | --- |\n| `width` | Width (px) | number | \"\" | min=1 max=16384 step=1 |\n| `height` | Height (px) | number | \"\" | min=1 max=16384 step=1 |\n| `x` | Left (px) | number | 0 | min=0 step=1 |\n| `y` | Top (px) | number | 0 | min=0 step=1 |\n\n### Browser-agent workflow\n\n1. Open the human page in a browser that supports WebMCP.\n2. Discover the interface exposed by that page; use its actual schema.\n3. Select files on the page first when the tool requires files.\n4. Call `run_current_tool` with valid input and settings.\n5. Inspect the returned result or error and the displayed output. Retrieve files from the displayed download links.\n\nCalls do not automatically copy or download results. Browser permissions still apply. Interface availability alone is not proof of successful execution.\n\n### Planning specification\n\nVisual crop, fixed aspect presets and pixel coordinates; export at intended resolution.\n\nThis describes intended requirements. Use the implementation notes, interface schema and observed output to determine current support.\n\n### Complete machine-readable capability record\n\n```json\n{\n  \"id\": \"crop-image\",\n  \"category\": \"image-tools\",\n  \"built\": true,\n  \"requirements\": \"Visual crop, fixed aspect presets and pixel coordinates; export at intended resolution.\",\n  \"implementation\": {\n    \"fields\": [\n      {\n        \"key\": \"width\",\n        \"label\": \"Width (px)\",\n        \"value\": \"\",\n        \"type\": \"number\",\n        \"min\": 1,\n        \"max\": 16384,\n        \"step\": 1\n      },\n      {\n        \"key\": \"height\",\n        \"label\": \"Height (px)\",\n        \"value\": \"\",\n        \"type\": \"number\",\n        \"min\": 1,\n        \"max\": 16384,\n        \"step\": 1\n      },\n      {\n        \"key\": \"x\",\n        \"label\": \"Left (px)\",\n        \"value\": 0,\n        \"type\": \"number\",\n        \"min\": 0,\n        \"step\": 1\n      },\n      {\n        \"key\": \"y\",\n        \"label\": \"Top (px)\",\n        \"value\": 0,\n        \"type\": \"number\",\n        \"min\": 0,\n        \"step\": 1\n      }\n    ],\n    \"files\": true,\n    \"accept\": \"image/*,.svg,.avif\",\n    \"input\": false,\n    \"note\": \"Runs in your browser. Animated inputs produce a single still image. Supported decoding depends on your browser.\",\n    \"experience\": {\n      \"automatic\": false,\n      \"single\": false,\n      \"label\": \"Your text\",\n      \"placeholder\": \"Type or paste your input…\",\n      \"help\": \"Up to 1,000,000 characters. Review the settings before running.\",\n      \"action\": null\n    },\n    \"mode\": \"explicit\",\n    \"interactive\": false\n  },\n  \"execution\": \"Browser interface\",\n  \"api\": null,\n  \"browser_agent\": {\n    \"supported\": true,\n    \"name\": \"run_current_tool\",\n    \"discovery\": \"WebMCP on the human page in a supporting browser\",\n    \"verification\": \"See audit/API-AUDIT.md; availability is not verification\"\n  }\n}\n```\n\n## Page guide\n\nCrop a rectangular area from your image.\n\n## How to use Crop image\n\n1. Choose a file in an image format your browser can open.\n2. Review the settings, then choose Run Crop image.\n3. Review the result, then use Copy result or a download link when available.\n\n## What to expect\n\nCrop a rectangular area from your image. Set the top-left position and the width and height in pixels. The original file stays on your device.\n\n## Useful next steps\n\n- [Aspect ratio calculator](https://happytails.ai/en/design-tools/aspect-ratio-calculator/): Find the simplest aspect ratio from a width and height. ([Markdown](https://happytails.ai/en/design-tools/aspect-ratio-calculator.md))\n\n- [DPI calculator](https://happytails.ai/en/maker-tools/dpi-calculator/): Calculate pixel density from pixel count and physical size. ([Markdown](https://happytails.ai/en/maker-tools/dpi-calculator.md))\n\n- [Resize image](https://happytails.ai/en/image-tools/resize-image/): Resize an image to the dimensions you need. ([Markdown](https://happytails.ai/en/image-tools/resize-image.md))\n"
}