クライアントサイドでの画像処理とプライバシー
本ツールは、画像の切り抜き、回転、反転をブラウザ内で直接実行する仕組みを採用しています。読み込んだ画像データが外部のサーバーや BroBroGo にアップロードされることはありません。すべての処理が手元のデバイス上で完結するため、アップロードの待ち時間が発生せず、ネットワーク帯域を消費することなく迅速に処理が行われます。
対応する入力フォーマットと特性
入力可能な画像ファイルは、JPEG、PNG、WebP、HEIC のいずれか1枚です。画像が読み込まれる前は「画像を選択するかドロップしてください」および「JPEG、PNG、WebP、またはHEIC画像(1枚)」という案内が表示されます。
各フォーマットには以下の特徴があります。
- JPEG: 圧縮率が高く、写真などの複雑な階調を持つ画像に適していますが、非可逆圧縮のため保存を繰り返すと画質が劣化します。
- PNG: 可逆圧縮(ロスレス)形式であり、テキストやロゴなど輪郭を鮮明に保ちたい画像に適しています。また、透明度(アルファチャンネル)をサポートしています。
- WebP: 高い圧縮効率を持ち、JPEGと同等の画質をより小さなファイルサイズで実現できるほか、透過処理にも対応しています。
- HEIC: 主にiOSデバイスで採用されている高効率な画像フォーマットです。本ツールにHEIC画像を入力すると、ブラウザ内で直接開かれ、切り抜き後にJPEG、PNG、またはWebPとして保存することができます。
切り抜き形状とアスペクト比の制御
切り抜きの形状は、用途に合わせて3つのモードから選択できます。
自由(フリー)
任意の長方形で切り抜くモードです。選択枠をドラッグして移動させたり、角のハンドルをドラッグしてサイズを自由に変更したりできます。
比率指定
選択枠のアスペクト比(縦横比)を固定したまま、移動やサイズ変更を行うモードです。このモードを選択すると専用のパネルが表示され、以下の比率オプションから選択できます。
- オリジナル(元の画像の比率)
- 正方形 / 1:1(SNSのアバターやアイコン用)
- 4:3 / 3:4(一般的な写真やディスプレイ比率)
- 3:2 / 2:3(35mmフィルムや一眼レフカメラの標準比率)
- 16:9 / 9:16(高精細テレビ、YouTubeサムネイル、スマートフォンの縦型動画・カバー画像用)
円形
選択範囲をきれいな円形に固定して切り抜くモードです。円の外側の角を透明にして保存するため、出力形式は自動的にPNG(またはWebP)に設定され、透明度を保持できないJPEG形式は選択不可になります。
出力設定と圧縮方式の違い
切り抜かれた領域は、元の画像のピクセル品質をそのまま維持します。保存時の出力形式は、デフォルトで元の画像形式が維持されますが(HEIC画像はJPEGとして保存されます)、手動で変更することも可能です。
保存形式によって、画質とファイルサイズの制御方法が異なります。
| 出力形式 | 圧縮方式 | 特徴・調整項目 |
|---|---|---|
| JPEG | 非可逆圧縮(ロスリー) | 保存時に画質(クオリティ)を調整可能。ファイルサイズを軽量化できます。 |
| PNG | 可逆圧縮(ロスレス) | 画質の劣化が一切ない代わりに、ファイルサイズは大きくなります。透明背景に対応。 |
| WebP | 非可逆 / 可逆圧縮 | JPEG同様に画質調整が可能で、透明背景も維持できます。 |
操作手順とエラー時の挙動
- 画像の読み込み: ファイルを選択するか、エリア内にドロップします。読み込みが開始されると「画像を開いています…」と表示されます。ファイルが画像として認識できない場合は「このファイルを画像として開くことができませんでした。ファイルが破損しているか、空であるか、画像ファイルではない可能性があります」というエラーが表示されます。
- 範囲の調整: 選択枠をドラッグして位置を調整します。キーボードの矢印キーを使用して、選択枠を細かく微調整することも可能です。画面上には「選択範囲:
{w}×{h}px」として現在のピクセルサイズがリアルタイムで表示されます。 - 回転・反転: 必要に応じて、左回転、右回転、左右反転、上下反転の操作を行います。
- 切り抜きの実行: 「画像を切り抜き」ボタンを押すと、処理中に「切り抜き中...」と表示されます。
- 保存: 処理が成功すると「切り抜かれました。以下から画像をダウンロードしてください」と表示され、切り抜かれた画像とともに、幅、高さ、ファイル形式、ファイルサイズを含む「
{w}×{h}·{type}·{size}」の情報が表示されます。
画像を選択せずに切り抜きを行おうとすると「先にJPEG、PNG、またはWebP画像を選択してください」と警告されます。また、対応していないファイル形式を選択した場合は「JPEG、PNG、およびWebP画像のみサポートされています」と表示されます。処理中に何らかのエラーが発生した場合は「切り抜きに失敗しました。別の画像または出力形式をお試しください」と表示されます。
よくある質問(FAQ)
どの画像形式を切り抜くことができますか?
JPEG、PNG、WebP、およびiPhoneのHEIC形式に対応しています。デフォルトでは元の形式が維持されますが(HEICはJPEGとして保存されます)、手動でJPEG、PNG、またはWebPを指定することも可能です。
iPhoneのHEIC写真を切り抜くことはできますか?
はい、可能です。HEICまたはHEIF写真を読み込むと、ブラウザ内で直接開き、切り抜いてJPEG、PNG、またはWebPとして保存できます。
円形切り抜きはどのように機能しますか?
選択範囲の中心から円形に切り抜き、PNG(またはWebP)として保存します。円の周囲の角は透明になるため、任意の背景に重ねて使用するのに最適です。
固定のアスペクト比で切り抜くことはできますか?
はい、可能です。1:1、4:3、16:9などのアスペクト比を選択すると、選択枠の比率が固定されたまま移動やサイズ変更が行えます。アバター、サムネイル、カバー画像の作成に便利です。
切り抜きによって画質は低下しますか?
切り抜かれた領域は元のピクセル品質を維持します。JPEGまたはWebPとして保存する場合は画質を調整でき、PNGとして保存する場合は可逆圧縮(ロスレス)で保存されます。