画像 / エフェクト
画像に枠線を追加 — ローカルブラウザツール
画像に単色の枠線や余白を追加し、外側の角を丸くしたり、正方形や縦長のキャンバスに収めたりできます。
画像に枠線を追加 — ローカルブラウザツール: 元の画像のピクセル数を基準に枠線の幅と単色を選択します。追加の余白を設定すると、同じ色のスペースがさらに追加されます。目標のアスペクト比を指定すると、画像全体を切り取らず中央に配置したまま、必要に応じてキャンバスを拡大します。正方形の1:1はギャラリーの統一に便利です。4:5は縦長、16:9は横長、9:16は縦向きの形です。角丸は完成したキャンバスの外側の角に適用され、曲線の外側は透明なピクセルになります。枠線や余白が少なすぎると、画像の角が切り取られることがあります。PNG出力では透明な角が保持されます。このツールは、既存のキャンバスに合わせて元画像を縮小するのではなく、元画像の周囲にピクセルを追加します。プレビューとダウンロード時のサイズには、追加したすべてのスペースが含まれます。完成した結果のサイズを変更するには、書き出し倍率を使用してください。大きな枠線や非常に横長・縦長の目標形状では、1辺8192ピクセルまたは4000万ピクセルの上限を超えることがあります。その場合は余白または枠線を小さくしてください。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。
- カテゴリ
- 画像ツール
- 実行回数
- ブラウザ内で
- コスト
- 無料 · 登録不要
- 提供状況
- すぐに使えます
完全にブラウザ内で実行します
クリック、ドラッグ＆ドロップ、または貼り付け · このデバイス上にとどまります
PNG、JPG、またはWebP · 最大50 MB、4000万ピクセル · このデバイス上で処理
余白とアスペクト比
元の画像全体は、拡張されたキャンバスの中央に配置されます。アスペクト比は幅と高さの比率です。CSS sizing仕様（https://www.w3.org/TR/css-sizing-4/）では、推奨アスペクト比について説明しています。このツールはページレイアウトだけを変更するのではなく、実際の画像ピクセルを追加します。
ローカル画像の書き出し
PNGの出力では透明度とダウンロードの横に表示される画像サイズが維持されます。書き出し倍率を変更すると保存されるサイズが変わりますが、プレビューの操作は元の画像のピクセル単位で行われます。HTML canvas仕様（https://html.spec.whatwg.org/multipage/canvas.html）では、ブラウザによる画像の描画と書き出しについて説明しています。
使い方
- 表示された入力形式のファイルを選択します。
- 利用できる出力設定を調整します。
- 結果を作成し、プレビューを確認してダウンロードします。
プライバシーと制限事項
ファイルはこのデバイス上で処理されます。画像、動画、音声がアップロードされることはありません。
関連ツール
よくある質問
正方形の枠線を追加すると写真は切り取られますか？
正方形のオプションでは、写真全体が収まるように十分な色付きのスペースが追加されます。元画像を切り取ったり引き伸ばしたりすることはありません。ただし、角の半径が非常に大きいと写真に入り込んで切り取ることがあるため、プレビューを確認してください。
枠線と余白の違いは何ですか？
どちらも選択した色のスペースを追加します。枠線は基本となる内側の余白で、追加の余白はさらにゆとりを加えます。目標のアスペクト比によって、2辺にさらにスペースが追加されることがあります。
ダウンロードしたファイルがPNGなのはなぜですか？
PNGは角丸部分の透明性を保持できるためです。後からJPGに変換できますが、JPGでは透明部分を単色の背景で置き換える必要があります。
無料ツール · ブラウザ内で · アカウント不要