画像余白追加ツール

画像余白追加ツールの使い方

1. 画像を読み込む

「画像を選択」から画像ファイルを選ぶか、アップロードエリアへ画像をドラッグ＆ドロップしてください。
クリップボードにコピーした画像を、Ctrl + V または ⌘ + V で貼り付けることもできます。

PNG・JPG・JPEG・WebP形式に対応しています。
最初はサンプル画像が表示されているため、自分の画像を読み込む前に設定を試すこともできます。

2. 余白の追加方法を選び、サイズを設定する

「余白の追加方法」のセレクトボックスから、目的に合う方法を選んでください。

余白サイズを指定

元画像の周囲に追加する余白を、px単位で指定します。
「四辺を同じ値にする」がONのときは共通の余白を、OFFのときは上・右・下・左の余白を個別に設定できます。
入力できる値は0以上の整数です。0pxにした辺には余白を追加しません。

画像サイズを指定

目的とする画像の幅・高さを指定します。
元画像は中央に配置され、指定したサイズになるよう上下左右に余白が追加されます。
幅・高さは、それぞれ元画像以上の数値になるよう指定してください。

縦横比を指定

目的とする画像の縦横比を指定します。
元画像は中央に配置され、指定した縦横比になるよう余白が追加されます。
プリセットは1:1・4:5・9:16・16:9・4:3・3:2から選択できます。
「数値指定」を選び、「横の比率」「縦の比率」を自分で設定することも可能です。

3. 余白の色を選ぶ

• 白・黒：追加する余白を、それぞれ白または黒にします。
• 透明：色を付けず、透明な余白を追加します。
• カラー：カラーピッカーで好きな色と不透明度を指定します。カラーコードの入力も可能です。

4. プレビューと数値を確認する

設定の変更はプレビューにリアルタイムに反映され、余白が追加された画像を確認できます。

また、プレビューの下に、次の情報が表示されます。

• 元画像サイズ：読み込んだ画像の幅・高さです。
• 変更後サイズ：余白を含めた、保存される画像の幅・高さです。
• 追加余白：上・右・下・左に追加される余白のサイズです。
• 出力形式：ダウンロードする画像のファイル形式です。

プレビューは画面内に収まる大きさで表示されるため、実際の保存寸法は「変更後サイズ」で確認してください。

5. 画像をダウンロードする

仕上がりを確認したら「画像をダウンロード」をクリックして保存してください。

最初からやり直したい場合は「リセット」ボタンをクリックします。

保存形式と注意点

保存形式は自動で決まります

加工後の画像は基本的に元画像と同じ形式で保存されます。
ただし、「透明」または不透明度100%未満の「カラー」を選ぶと、透過を維持するためPNG形式になります。

ブラウザが元の形式での保存に対応していない場合は、別の形式になることがあります。
実際の形式は「出力形式」と保存後のファイルで確認してください。

読み込み・保存できる画像サイズには上限があります

• 読み込むファイルの容量：50MB以下
• 元画像と変更後の画像の幅・高さ：それぞれ8192px以下
• 元画像と変更後の画像の総画素数：それぞれ2400万画素（24MP）以下

上限内でも、ご使用の端末やブラウザの状態によっては処理できない場合があります。

保存し直すことで画質が変わる場合があります

元画像は元の幅・高さのまま配置されますが、保存時に画像を書き出し直すため、画質が変わる場合があります。
EXIFなどのメタデータも引き継がれるとは限りません。

よくある質問