画像とデザインツール

画像ボーダー追加

各辺に1~120 pxの枠を追加します。外半径0~500 pxを選び、外角は透明、画像は対応する内半径で切り取ります。

ブラウザ内で処理登録不要プライバシーの説明 ↗

10 MB以下のPNG、JPEG、WebPを選んでください。

入力と拡張後の出力はそれぞれ各辺10,000 px、4,000万画素以下です。デコード画素バッファーは256 MBまでです。

外側の形の外は透明です。内半径は制限した外半径から枠を引き、最小0です。画像の角が切り取られる場合があります。PNG再エンコードで元データ、色プロファイル、元の符号化は失われます。アニメーションは最初のフレームのみです。

使い方

使い方

  1. 10 MB以下のPNG、JPEG、WebPを選びます。
  2. 単色か対角グラデーション、色、枠1~120 px、半径0~500 pxを設定します。
  3. プレビューして拡張PNGを保存します。入力と出力の両方に画素上限があります。

枠と角丸の形状

外半径は短い出力辺の半分以下です。内半径はmax(外半径 − 枠, 0)で内側の形に制限します。半径0は直角です。画像は元の寸法で均等な枠の中に描き、角の画素を切り取ります。外の画素は透明です。

入力と拡張出力の上限

署名が一致するローカルPNG、JPEG、WebPのみ、最大10 MBです。入力と出力は各辺10,000 px、4,000万画素以下の正の寸法です。デコード画素バッファーは256 MBまで。枠と半径は範囲内の整数です。SVGやリモートURLは使えません。

新しいローカルPNG

ブラウザーでPNGに再エンコードします。元データ、色プロファイル、元の符号化、アニメーションは維持しません。最初のフレームのみ使います。アップロードしません。入力変更で処理中の結果を無効にし、一時ビットマップと保存URLを解放します。

よくある質問

あわせて知りたいこと

画像を縮めますか?

いいえ。各寸法に枠の2倍を追加します。角丸では画像の角が切り取られる場合があります。

グラデーションは使えますか?

はい。選んだ2色を枠の対角方向に混ぜます。

入力が上限内でも失敗するのはなぜ?

枠で幅と高さが増えるため、描画と出力の前に拡張寸法を再確認します。