画質を落とさずに画像をリサイズする方法

手っ取り早い答え

画像をリサイズするには、縦横比をロックしたまま新しい幅か高さを設定し、ダウンロードします。縮小すれば鮮明さは保たれ、拡大しても元々なかった細部は足せません。ブラウザ内リサイザーはこれをデバイス上で即座に行い、アップロードはありません。ここでは歪みやぼやけを避ける方法を解説します。

ピクセルか割合でリサイズ

たいていのリサイザーは、正確なピクセルでも、元画像に対する割合でも作業できます。目標があるときはピクセルを ── 幅 1200px のブログ画像、400×400 のアバター、特定サイズのバナーなど。計算せずに「半分のサイズ」がほしいだけなら割合を。いずれにせよ、肝心な寸法を設定し、もう一方は追従させましょう。

縦横比を保つ

リサイズで最もよくある失敗は引き伸ばしです。元の比率に合わない新しい幅と高さを設定すると、画像は潰れたり伸びたりします ── 顔が横に広がり、円が楕円になります。縦横比をロックすれば、片方の寸法を変えるともう一方が自動調整され、画像は形を保ちます。

縮小と拡大

縮小は安全です。必要のないピクセルを捨てるだけで、結果は鮮明なまま。拡大は難しい方向で、撮影されていない細部をツールが推測せねばならず、拡大画像はぼやけたりモザイク状に見えたりします。最良の画質には、手元で最大の原画から、必要なサイズへ縮小しましょう。小さな画像を引き伸ばすのではなく。

なぜブラウザ内でリサイズするのか

商品写真でも、スクリーンショットでも、個人的な写真でも、ブラウザ内リサイザーはそれをお使いのデバイス上にとどめます ── サーバーへのアップロードはありません。即時でもあるので、ウェブサイトやメール向けに一括で数秒でリサイズできます。そして縮小はたいていファイルサイズも減らすため、寸法も正しく、読み込みが速い軽さも必要なときには、圧縮器と自然に組み合わせられます。