画像を切り抜く方法
- JPEG・PNG・WebP画像を1枚選びます。
- 枠をドラッグし、必要な場所と大きさへ合わせます。
- 自由・1:1・4:3・3:2・16:9・9:16などの比率を選びます。
- 必要ならX・Y・幅・高さを元画像pixelで微調整します。
- 保存形式を選び「トリミング画像を作成」を押してダウンロードします。
比率固定と自由トリミングの使い分け
アイコンや正方形投稿には1:1、一般的な写真には4:3や3:2、横長動画のサムネイルには16:9、縦長投稿には9:16が目安です。用途が決まっていない場合は自由を選び、数値指定で正確に調整できます。
画像を円形に切り抜く方法
- JPEG・PNG・WebP画像を1枚選びます。
- 切り抜き比率の「1:1」を選びます。
- 枠を移動・拡大縮小し、丸型アイコンに残したい範囲へ合わせます。
- 「円形画像を作成」を押します。
- 透明背景を保てるPNGまたはWebPで保存します。
一般的な画像ファイル自体が物理的な円になるわけではありません。正方形Canvasの中央だけを円形に残し、四隅を透明にします。編集画面の枠やガイド、市松模様は保存画像へ入りません。
元画像pixelと表示倍率
切り抜き状態は常に元画像の整数pixel座標で管理します。画面に合わせる・50%・100%・200%・400%は編集表示だけを拡大縮小し、X・Y・幅・高さや出力画像を変えません。高密度ディスプレイのdevicePixelRatioにも依存しません。
JPEG・PNG・WebPの違い
JPEGは写真向きで透明度を保持できません。PNGは透明度を保てますが容量が大きくなる場合があります。WebPは写真・透過の両方に使えますが、ブラウザがWebP書き出しに対応しない場合は実際のBlob形式であるPNGへ切り替え、拡張子も合わせます。
画質・透明度・背景色
JPEG・WebPは画質1～100を指定できます。値が小さいほど一般に容量は減りますが、必ず単調に変化するとは限りません。透明PNG・WebPをJPEGへ変換する場合、透明部分は白（または指定色）で塗りつぶします。
EXIF orientationとメタデータ
スマートフォン写真はブラウザの画像向き補正を利用して表示・切り抜きます。書き出した画像には元ファイルのEXIF位置情報などのメタデータを意図的にコピーしません。ただし、すべてのメタデータ除去を保証する専用消去ツールではありません。ICC profileやブラウザの色管理により色がわずかに異なる場合があります。
対応サイズと安全制限
ブラウザや端末のメモリを過度に消費しないよう、1枚20MB以下、4,000万pixels以下、各辺16,384px以下に制限しています。0-byte、破損ファイル、内容とMIME typeが一致しないファイル、GIF・SVG・アニメーション画像は処理しません。
リサイズ・回転・色調整・余白の使い分け
リサイズは最大10枚へ同じ幅・高さ、割合、長辺・短辺、presetを適用できます。回転・反転は元画像から毎回描画し、任意角度では外接矩形までCanvasを広げます。色調整は明るさ、コントラスト、彩度、モノクロ・セピア・色反転を固定したRGB計算順で処理します。余白・枠線では元画像の外側へ透明または任意色のpadding、そのさらに外側へborderを追加します。
JPG・PNG・WebPと透明度
各モードで元形式またはJPEG・PNG・WebPを選べます。PNGと対応ブラウザのWebPは透明度を保持でき、JPEGでは透明部分を白またはモードで指定した背景色へ合成します。Canvas再生成ではEXIF・GPS・DPI・ICC profileなどの保持を保証せず、完全削除を保証するものでもありません。
よくある質問
円形画像を作成できない場合は？
現在の切り抜き範囲を正方形にしてください。「円形画像を作成」を押しても範囲を自動変更しないため、1:1を選んで調整します。
JPEGを選んだ状態で円形画像を作るとどうなりますか？
透明な四隅を維持するため、自動的にPNGで作成し、ファイル名の拡張子も.pngに合わせます。