写真を、Webにちょうど良く。

見せたいところを、
正方形に。

写真を動かして構図を調整。WebP・JPG・PNGで保存できます。

写真をここへドラッグ&ドロップできます

中央の+を目印にドラッグで調整 · 矢印キーでも移動できます
+は保存する画像には入りません

JPG / PNG / WebP / AVIF / PSD(RGB・8bit)

PSDはRGB・8bitの合成画像に対応。レイヤー編集はできません。保存形式によっては読み込めない場合があります。

#FFFFFF

画像を縮小すると空いた部分に色が入ります。色の四角から自由な色も選べます。

四角丸

バーを動かすと画像プレビューにすぐ反映されます。50%で円形になります。

太さは1000px出力時の目安です。角丸に合わせて枠が付きます。

#FFFFFF

色を選ぶと透明が解除され、角丸の外側に色が入ります。透明保存はWebP・PNGに対応し、JPGでは白になります。

サイズ・画質の目安

スマホ中心:600〜1000px / 80〜85%

PCで大きく表示:1200〜1600px / 85〜90%

迷ったら1000px・85%から。表示する大きさに合わせて選び、保存画像の見え方を確認してください。画質の%は容量の割合ではありません。PNGは画質指定が不要で、写真では容量が大きくなる場合があります。

元の写真は変更されません。角丸の外側は好きな色、または透明を選べます(JPGでは透明部分が白になります)。画像内の透明部分には選んだ背景色が入ります。

写真を整える、かんたん3ステップ

  1. 写真を選ぶ

    端末にある写真を選択します。PSDはRGB・8bitで保存された合成画像の読み込みに対応しています(100MB・2400万画素以下、レイヤー編集はできません)。PC・タブレットの画面幅(768px以上)では、プレビューへ画像ファイルをドラッグ&ドロップして読み込むこともできます。「画像全体を収める」で全体を表示、「枠いっぱいにする」で正方形に切り出せます。

  2. 構図と仕上がりを調整

    画像サイズのバーとドラッグで大きさ・位置を調整。中央の+を目印に、余白の背景色や角丸もプレビューを見ながら選べます。

  3. 形式を選んで保存

    出力サイズ・WebP・JPG・PNGの形式と画質を選び、保存ボタンを押します。画質はまず80〜85%が目安です。

画像データの取り扱い

  • 画像の読み込み・編集・書き出しは、お使いのブラウザ内で行います。
  • 選んだ画像をサーバーへ送信・保存することはありません。
  • このツールは画像や編集内容を履歴として保存しません。再読み込みやページを閉じる操作で編集状態は失われます。
  • 元の写真は変更しません。保存ボタンで作成した画像は、お使いの端末にダウンロードされます。

保存した画像は、ブラウザで設定したダウンロード先をご確認ください。