ブラウザで画像をリサイズ

リサイズ、圧縮、トリミング — 適切なものを選ぶ

この3つの作業は混同されがちで、間違ったものを使うと時間を無駄にします。

• リサイズはピクセル寸法を変更します。4000 × 3000 の写真は 1600 × 1200 になります。サイトやフォーム、アプリが特定の寸法や最大サイズを求める場合に使います。
• 圧縮は寸法を保ったままファイルの重さを減らします。通常は JPEG や WebP を低い品質設定で再エンコードします。画面上では適切なサイズなのに、送信やアップロードにはファイルが重すぎる場合に使います。
• トリミングは画像の一部を削除して形や構図を変えます。解像度ではなく縦横比が合っていない場合に使います。

多くの作業ではこのうち2つが必要になります。フォーム用のプロフィール写真なら、正方形にトリミングしてから 400 × 400 にリサイズするかもしれません。先にトリミングしてからリサイズしましょう。そうすれば、捨てる予定のピクセルを拡大縮小せずに済みます。

リサイズの仕組み

画像を縮小するとピクセルが統合され、通常はきれいに見えます。拡大すると、ソフトウェアは撮影されなかったピクセルを作り出す必要があるため、輪郭がぼやけ、細かいディテールがにじみます。小さな画像を大きなサイズに引き伸ばすと、どのツールを使ってもぼやけて見えます。大きなプリントや大きなヒーロー画像が必要な場合は、手持ちの最も大きな元画像から始めましょう。

リサイズでディテールは復元されません。すでにぼやけた写真も、縮小すると欠点も一緒に縮むため、画面上ではシャープに見えることがあります。

縦横比を保つ

縦横比とは幅と高さの関係です。3:2 の写真が 3:2 のままであるためには、両方の数値が同じ比率で変わる必要があります。比率ロックをオンにしたまま新しい幅を入力すると、高さが自動的に更新されます。

ロックをオフにすると任意の幅と高さを設定でき、被写体が引き伸ばされたりつぶれたりします。正確なボックスに合わせたいときに便利なこともありますが、顔やロゴはたいてい不自然に見えます。特定の形が必要なら、引き伸ばすのではなくトリミングしましょう。

よく使われるサイズ

これらは出発点であり、ルールではありません。提出先のサイトやフォームの要件を確認してください。正確なピクセル値や最大ファイルサイズを指定されることがあります。

ファイルサイズでリサイズする

アップロードによってはピクセルではなくメガバイトが問題になります。スマホの写真はしばしば 2〜5 MB ですが、フォームが 1 MB しか受け付けないこともあります。ファイルサイズモードに切り替えると目標を設定でき、ツールが寸法とエンコードを調整してその付近に収めます。目標が厳しくなるほどシャープさが少し落ちます。これがトレードオフであり、JPEG や WebP では普通のことです。

得られるもの

出力は、別途指定しない限り元のファイル形式を保ちます。PNG はスクリーンショット、ロゴ、単色や透明部分のあるものに適しています。JPEG は写真ならより小さくなります。WebP はさらに小さくなることが多く、ブラウザで広くサポートされています。

すべてお使いのデバイス上で行われます。画像がアップロードされることはなく、何も保存されず、ページの読み込み後にオフラインになってもツールは動作し続けます。アカウント作成も、結果に透かしが追加されることもありません。

よくある質問