ピクセルを自在にコントロールする正しい画像リサイズ方法
画像のリサイズは、結果がつぶれたり、ぼやけたり、あるいは想定の2倍のサイズになるまでは簡単に思えます。優れたリサイザーは寸法を変更する2つの明確な方法を提供し、その間で比率を正確に維持します。画像リサイザーはすべての処理をブラウザ内で行います。ピクセル数またはパーセンテージで新しいサイズを選び、結果をプレビューしてダウンロードするだけです。元のファイルがデバイスから出ることはないため、アップロードもキューも、他者のサーバーにコピーが残ることもありません。
ピクセルかパーセントか：同じことを言う2つの方法
ピクセルでのリサイズとは、1080×1080などの正確な目標数値を入力することです。プラットフォームやテンプレートが特定のサイズを要求しており、正確に合わせたいときに使います。パーセントでのリサイズは元のサイズを基準にスケールするため、50%にすると幅と高さが半分になり、200%にすると2倍になります。正確な最終数値にこだわらず、比率を保ったまま大きくしたい・小さくしたいだけであればパーセントの方が速いです。どちらの方法も同じ種類の出力を生成します。ただ目的地の表現方法が違うだけです。目標の幅をピクセルで知っているならピクセルを使い、おおよそ半分の大きさにしたいだけならパーセントを使いましょう。
アスペクト比を維持してつぶれを防ぐ
アスペクト比は幅と高さの関係です。4000×3000の写真は4:3の比率を持ちます。これを正方形に押しつぶすと顔が横に広がり、円が楕円になり、フレーム全体がおかしく見えます。解決策はアスペクト比をロックして、一方の寸法を変更すると自動的にもう一方も調整されるようにすることです。ロックをかけた状態で幅を1200に設定すると、高さが比率を維持するように自動計算されます。意図的に形を変えたい場合のみロックを解除してください。そのときは歪みを覚悟してください。引き伸ばさずに別の形にしたい場合は、リサイザーでピクセルを歪めるのではなく、先にトリミングしてからリサイズする方が適切です。
拡大と縮小、そして画質への影響
縮小（画像を小さくする）は安全な方向です。ツールは小さいサイズで不要なピクセルを破棄し、元の細部がすべて存在しているのでシャープな結果が得られます。拡大（ソース解像度より大きくする）はリスクのある方向です。追加の細部が存在しないため、ツールは既存のピクセルを補間して新しいピクセルを作り出さなければなりません。画像は大きくなりますが、シャープにはなりません。元のサイズをはるかに超えて拡大すると、柔らかくぼんやりしたエッジが生じます。実用的なルール：可能なら目標より大きいソースから始めて縮小してください。どうしても拡大しなければならない場合は、倍率を控えめ（200%未満）に留め、ある程度の柔らかさは避けられないと理解してください。600ピクセルの写真を2000ピクセルに拡大しても、最初から2000ピクセルで撮影したものほどクリアにはなりません。
覚えておくべき一般的なターゲットサイズ
ほとんどのリサイズ作業は、いくつかのよく知られた寸法に収まります。SNSの場合、正方形の投稿は通常1080×1080ピクセル、縦型のストーリーや短尺動画のフレームは1080×1920、横長のリンクプレビューは1200×630が多いです。プロフィール画像は通常画面上で小さい正方形なので、400×400から1080×1080があれば十分です。それ以上は容量の無駄です。ウェブサイトの場合、ヒーローやバナー画像は一般に幅1600〜1920ピクセル、インラインコンテンツ画像は通常800〜1200ピクセルを超える必要はありません。デザイナーから学んだ良い習慣は、推奨サイズかやや大きめでエクスポートし、プラットフォーム側に縮小させることです。プラットフォームは縮小は上手いですが拡大は苦手です。
画像が適切な寸法になっても、まだファイルが重すぎることがよくあります。リサイズはピクセル数を変えますが、ファイル形式や圧縮を最適化するわけではありません。目標がより小さいファイルであり、より小さい寸法でないなら、リサイズ後に画像圧縮ツールにかけるか、トリミング・変換などの画像ツールを探してみてください。
すべてのデータはデバイス上に留まります
プライバシーはブラウザでリサイズすることの静かな利点です。一般的なオンラインリサイザーは写真をサーバーに送信し、そこで処理して、ダウンロードリンクを返します。つまり元の写真が自分でコントロールできないサーバーに置かれることになります。このツールはブラウザ独自のキャンバスを使って画像を読み込み、ローカルでリサイズし、新しいファイルを直接ダウンロードフォルダに書き出します。アップロードなし、ログなし、接続が途中で切れても作業は続きます。個人の写真・内部のスクリーンショット・書類のスキャン、小さくするためだけに第三者に渡したくないものすべてに対して有効です。
よくある質問
リサイズで画像の品質が下がりますか？
小さくする場合は細部が凝縮されるだけで作り出されるわけではないため、シャープさが維持されます。元のサイズを超えて大きくしても実際の細部は加わらず、柔らかくなる可能性があるため、縮小の方が常に安全です。
引き伸ばしや歪みを避けるには？
アスペクト比をロックして、幅を変更すると高さが自動的に調整されるようにしてください。形を変えたい場合のみロックを解除し、別の比率が必要な場合は引き伸ばすのではなくトリミングを使ってください。
ピクセルとパーセント、どちらでリサイズすべきですか？
プラットフォームが1080×1080など正確な寸法を必要とするときはピクセルを使います。正確な最終数値にこだわらず比率を保ったまま大きくしたい・小さくしたいだけならパーセントを使います。
画像はどこかにアップロードされますか？
いいえ。リサイズはすべてブラウザのローカルキャンバスを使って行われます。元のファイルがデバイスから出ることはなく、サーバーに送信されることもありません。
プロフィール画像のサイズはどれくらいが適切ですか？
400×400から1080×1080ピクセルの正方形画像がほぼすべてのプラットフォームで機能します。それ以上にすると、小さいアバター表示では見た目の利点なくファイルサイズが増えるだけです。
リサイズ後もファイルがまだ大きいのはなぜですか？
リサイズはピクセル寸法を変えますが、圧縮は変えません。ファイルサイズを縮小するには、リサイズ後の画像を画像圧縮ツールにかけてください。