一枚の画像を、使いたい形に。
リサイズ、切り抜き、回転、形式変換をひと続きに。仕上がりと容量を見て、そのまま保存。AIエージェントにも同じ作業を頼めます。
ここに画像をドロップ
JPEG・PNG・WebP・AVIF / 20MBまで
上の「画像を選ぶ」や、画像の貼り付けでも始められます。
切り抜き位置を確認するなら「サンプルで試す」
入力した文章・画像は、このツールからサーバーへ送信しません。
AIエージェントから使うWebMCP 試験対応
このブラウザではWebMCPが有効になっていません。通常のツール操作と下の実行テストはそのまま使えます。
「選択した画像を1200×630に切り抜いて、画質85のWebPにして。保存前に見せて。」
WebMCPは試験中のWeb標準です。利用には対応ブラウザと対応エージェントが必要です。MCPサーバーの接続URLではありません。AIサービスへ渡す内容は、そのサービスのデータ方針も確認してください。対応状況と使い方
入力仕様を見る · chinouken_transform_image
{
"type": "object",
"properties": {
"width": {
"type": "integer",
"minimum": 1,
"maximum": 8192
},
"height": {
"type": "integer",
"minimum": 1,
"maximum": 8192
},
"fit": {
"type": "string",
"enum": [
"contain",
"cover"
],
"default": "contain"
},
"format": {
"type": "string",
"enum": [
"webp",
"jpeg",
"png"
],
"default": "webp"
},
"quality": {
"type": "number",
"minimum": 1,
"maximum": 100,
"default": 85
},
"rotation": {
"type": "integer",
"enum": [
0,
90,
180,
270
],
"default": 0
},
"flipX": {
"type": "boolean",
"default": false
},
"flipY": {
"type": "boolean",
"default": false
},
"background": {
"type": "string",
"pattern": "^(transparent|#[0-9a-fA-F]{6})$",
"default": "transparent"
},
"positionX": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 50
},
"positionY": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 50
},
"brightness": {
"type": "number",
"minimum": 0,
"maximum": 200,
"default": 100
},
"contrast": {
"type": "number",
"minimum": 0,
"maximum": 200,
"default": 100
},
"saturation": {
"type": "number",
"minimum": 0,
"maximum": 200,
"default": 100
},
"grayscale": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 0
},
"sepia": {
"type": "number",
"minimum": 0,
"maximum": 100,
"default": 0
},
"blur": {
"type": "number",
"minimum": 0,
"maximum": 20,
"default": 0
},
"sourceId": {
"type": "string",
"description": "Optional sourceId from chinouken_image_session; rejected if the user changed the image",
"maxLength": 100
},
"variants": {
"type": "array",
"minItems": 1,
"maxItems": 6,
"description": "Optional batch. Each variant overrides the top-level width/height/format/fit/quality. Total output area up to 32 million pixels.",
"items": {
"type": "object",
"properties": {
"width": {
"type": "integer",
"minimum": 1,
"maximum": 8192
},
"height": {
"type": "integer",
"minimum": 1,
"maximum": 8192
},
"format": {
"type": "string",
"enum": [
"webp",
"jpeg",
"png"
],
"default": "webp"
},
"fit": {
"type": "string",
"enum": [
"contain",
"cover"
],
"default": "contain"
},
"quality": {
"type": "number",
"minimum": 1,
"maximum": 100,
"default": 85
}
},
"required": [
"width",
"height"
],
"additionalProperties": false
}
}
},
"required": [
"width",
"height"
],
"additionalProperties": false
}迷わず、必要なサイズへ
- 画像を選ぶか、ドラッグして置きます。画像の貼り付けも使えます。
- 用途に合うサイズを選び、「余白を付ける」か「切り抜く」を選択します。
- プレビューと容量を確かめて保存します。「3サイズをまとめて作る」も使えます。
形式はどう選ぶ？
Web掲載にはWebP、写真の共有にはJPEG、透過や文字の輪郭を保ちたい画像にはPNGが選択肢になります。PNGでは画質スライダーは使いません。
JPEGの透明部分は背景色で塗ります。指定がなければ白です。変換後の容量が元画像より大きくなる場合も、実際のサイズを表示します。
エージェントには、一度に頼める
ページで画像を選んだら、「1200×630、1080×1080、幅800の3枚をWebPで作って」のように頼めます。1回の加工呼び出しで回転・切り抜き・書き出しまでまとめて実行できます。
結果は寸法・容量・保存用リンクで返します。元画像をBase64で会話へ送る必要はありません。リンクはこのブラウザ内だけで有効で、画像の再加工・差し替え・ページを閉じる操作で失効します。
対応する画像と制限
入力はJPEG・PNG・WebP・AVIF、20MB・4,000万画素まで。アニメーションは先頭フレームの静止画になります。出力は最大8,192px、1枚1,600万画素、まとめて3,200万画素までです。
元ファイルを上書きしません。画像はブラウザ内で再描画するため、EXIFなどの元の付加情報は引き継ぎません。表示や色・圧縮結果はブラウザにより異なることがあります。
AIエージェントへの頼み方
Claude CodeやCodexなど、MCPやWebMCPに対応したエージェントに、このページのURLを添えて次のように頼めます。ファイルは会話に添付せず、手元のパスや条件を伝えます。
- 「screenshot.png を1200×630に切り抜いて、周囲に24pxの余白を足して。WebPで容量も教えて。」
- 「この画像を左に90度回して、JPEG品質80で保存したときの容量と見た目を確認して。」