Garden に戻る

画像加工

成長中

画像を四角・丸で切り抜き、拡大・縮小する。手順を積んでブラウザ内で加工。

画像を手順を追って加工できます。処理はすべてブラウザの中で行い、画像はアップロードされません。四角をドラッグして切り抜く、円をドラッグして丸く切り抜く、拡大・縮小する。加工は手順として一覧に積まれ、あとから取り消せます。仕上がったら PNG・JPEG・WebP を選んで保存かコピーをします。手順はリンクとしてもコピーでき、別の画像に同じ加工をかけたり、人に渡したりできます。

画像をここにドロップするか貼り付けてください。または

画像はこのブラウザの中だけで処理され、アップロードされません。

ライセンス
元の素材の持ち主に帰属
更新日

コードや AI から使う

加工はブラウザの中で行うので、加工済みの画像を返すエンドポイントはありません(画像がサーバーに送られることはありません)。代わりに、加工の手順を URL に書けます(ops=crop:x,y,幅,高さ;circle:cx,cy,r;resize:幅,高さ)。開く画像(src)と出力形式も一緒に渡せるので、AI エージェントがそのリンクを人に渡せば、手順を適用済みの状態でページが開き、そのまま保存できます。src を省くと、人が自分の画像をドロップしたときに同じ手順がかかります。指定できる手順・パラメータ・上限は options エンドポイントが一覧で返します。

  • GET /plants/image-editor?src=%2Fapi%2Fstick-figure-generator%3Fpose%3Dwave%26face%3Dsmile%26size%3D512&ops=circle:256,200,180;resize:256,棒人間ジェネレーターの棒人間を丸く切り抜き、256px に縮めた状態でページを開く(ブラウザで開くページ)。
  • GET /plants/image-editor?ops=resize:1200,&format=jpeg&quality=80人が自分の画像を入れると、幅 1200px に縮めて品質 80 の JPEG で保存できる状態でページを開く(ブラウザで開くページ)。
  • GET /api/image-editor/options指定できる手順・形式・パラメータ・上限の一覧(JSON)。

機械可読な説明: /api/plants/image-editor