画像リサイズ

できること

リサイズとは、画像を構成する画素の数を変えることです。小さくすると情報を捨てますが、4000 ピクセルの写真を 800 で表示するページに載せるときは、まさにそれが望ましい動作です。大きくしても何も生まれません。同じ細部がより多くの画素に広がるだけで、だから拡大した写真は甘く見えます。本当に守る価値があるのは比率です。枠に合わせてつぶれた画像は、理由を言葉にできるよりずっと前に「おかしい」と感じられます。だからこのページでは枠内に収めるのが既定です。

使い方

1. 端末から画像を選びます。ブラウザ内で読み込まれ、それ以上どこにも行きません。
2. 幅か高さを入力するか、よく使うサイズを選ぶか、パーセントで拡大縮小します。
3. 左右を見比べて、結果をダウンロードします。

よくある質問

幅しか入力していないのに、なぜ高さが変わったのですか？
既定で比率を保つからです。高さの二倍の幅を持つ画像はそのままの形で残るので、つぶれて出てくることがありません。どうしても両方の数値を正確に指定したい場合は正確な寸法に切り替えてください。元の形と合わなければ、ゆがみが生じます。

小さい画像を大きくできますか？
できますし、このページは実行します。ただし何が起きているかもお伝えします。拡大は既存の画素をより広い面積に広げる操作です。撮影されなかった細部は戻らないので、結果は元より甘くなります。そうでないと謳うものは、足りない画素を推測しているだけです。

ここの画質は他より良いのですか？
大きく縮小する場合はたいてい良くなります。一度に縮めるのではなく段階的に縮めているからです。4000 px からいきなり 400 px にすると元の画素をほとんど拾わず、輪郭が硬くギザギザになります。半分ずつ繰り返せば、その都度平均が取られます。髪や文字のような細かい部分で違いが出ます。

画像はどこかにアップロードされますか？
いいえ。ファイルはブラウザが読み込み、キャンバスに描き直し、その場で再符号化します。アップロードも保存もありません。ページを読み込んだ後は、通信を切っても動き続けます。

どのくらいのサイズを目安にすればよいですか？
画像が表示される場所に合わせてください。ページ幅いっぱいの写真でも横 1600 ピクセルを超えることはめったになく、サムネイルなら数百で足ります。400 で表示するページに 4000 ピクセルの写真を送るのは、訪問者の通信量を浪費し、何の得もなくページを遅くするだけです。

Wikipedia — Image scaling
Wikipedia — Aspect ratio
Wikipedia — Image resolution