画像をリサイズ

なぜ画像をリサイズするのか？

適切なサイズの画像は読み込みが速く、どの画面にも表示されない無駄なピクセルを送らずに済みます。OptImgは高品質なリサンプリングフィルターでリサイズし、同じフォーマットで再エンコード。すべてお使いのデバイス上で行われ、アップロードも順番待ちもなく、ファイルはデバイスが扱えるサイズまで対応します。

よくある質問

画像はサーバーにアップロードされますか？

処理はすべてブラウザ内で、ネイティブ速度で実行されます。アップロードは一切なく、画像がデバイスから外に出ることもなく、サイズや枚数の制限もありません。

リサイズするとアスペクト比は保たれますか？

はい、既定で保たれます。幅を変えれば高さも追従します（逆も同様）。ロックを解除すれば、幅と高さを個別に指定できます。

小さい画像を拡大しますか？

指定した場合だけです。「小さい場合は拡大しない」が既定でオンなので、元より大きい目標サイズを指定しても、ぼやけて拡大されず、画像はそのまま保たれます。

ウェブ用には何ピクセルにすればよいですか？

その画像が実際に占める領域に合わせ、高精細ディスプレイの分だけ余裕を持たせます。デスクトップで幅いっぱいに使う主役の画像なら横1600〜2000ピクセルで足り、記事中の画像は800〜1200、サムネイルやアイコンは200〜400で十分です。表示サイズの約2倍を超える部分は、誰の目にも入らない重さです。迷うときは、レイアウト上その画像が取りうる最大の横幅を基準に2倍を見込んでください。

リサイズしたのにファイルが大きくなりました。

ほとんどの場合、元が非可逆形式なのに結果を可逆形式で保存したためです。JPGをより小さいサイズのPNGとして保存し直すと、ファイルはかえって大きくなることがあります。PNGはすべてのピクセルをそのまま保存し、そこにはJPGに焼き付いた圧縮ノイズも含まれるからです。元の形式のままにするか、WebPへ変換すれば、期待どおり寸法に応じて容量が下がります。

リサイズすると画質は落ちますか？

小さくする方向はおおむね安全です。ディテールを作り出すのではなく平均化して縮めるため、同じ表示サイズで比べると元よりきれいに見えることも多くあります。わずかに画質を使うのはそのあとの再エンコードで、非可逆形式は書き出し直す必要があるためです。損失が大きいのは逆方向、つまり拡大です。もともと写っていないディテールは復元できないため、うっかり拡大しない保護が既定でオンになっています。本当に大きくしたい場合は、ピクセルを引き伸ばすのではなくディテールを復元する拡大ツールをお使いください。

元の比率と違う幅と高さを指定できますか？

できます。縦横比の固定を解除すると両方の値を個別に指定でき、指定した枠にぴったり収まるよう画像が伸縮します。テクスチャや背景では役立つこともありますが、写真ではたいてい不自然に見えます。写真の場合は、目的の比率に切り抜いてからリサイズするほうがきれいに仕上がります。

アニメーションGIFもリサイズできますか？

できます。すべてのフレームが同じようにリサイズされ、フレームの遅延とループ設定も保持されるため、新しいサイズでもアニメーションは以前とまったく同じように再生されます。