画像のサイズを変更する方法

Image Converter を開いて画像をロードし、パーセンテージまたは正確なピクセル寸法を設定します。アスペクト比をロックしたままにして、1 つの寸法を入力します。もう一方は自動的に続きます。変換してダウンロードします。

サイズを変更すると画像が再サンプリングされるため、出力形式がロスレスの場合でもピクセル値が変更されます。画像を小さくすると細部は永久に破棄され、画像を大きくすると、取り込まれなかった細部を追加することはできません。拡大された写真は補間であり、復元ではありません。

パーセンテージまたはピクセル?

サイズの異なる画像のバッチを同じ量だけ拡大縮小する場合、または単に「約半分」が必要な場合は、パーセンテージを使用します。パーセンテージは両方の軸を同じ係数でスケールするため、アスペクト比は構築によって維持されます。

ダウンストリームに列幅、アップロード制限、印刷寸法などの特定の要件がある場合は、正確なピクセルを使用します。関心のあるディメンションを入力し、他のディメンションを追従させます。

アスペクト比のロックを解除し、両方の寸法を設定すると、画像が引き伸ばされます。これは意図的に行われる場合もあれば、ほとんどの場合間違いであるため、偶然に起こるものではなく、個別の明示的なアクションです。

サイズ変更に実際にかかる費用

ダウンスケーリングでは、多くのソースピクセルが 1 つの出力ピクセルにマッピングされます。破棄されたピクセルの詳細は失われ、後でスケールアップしても元に戻りません。そこにあったものの近似がぼやけてしまいます。

Upscaling invents nothing.すべての拡大アルゴリズムは、既存のピクセル間を補間するため、400 ピクセルの画像を 1600 ピクセルに拡張すると、同じ量の実情報が 16 倍の面積に広がります。見た目は柔らかくなり、設定を変更してもそれは変わりません。

これは、オリジナルを保持し、毎回そこからサイズを変更するという 1 つの実際的なルールを意味します。すでにサイズ変更されているファイルのサイズを繰り返し変更すると、ソフト化がさらに進み、形式が非可逆である場合は、圧縮アーティファクトもさらに悪化します。

操作の順序とそれが重要な理由

Image Converter は、最初にトリミングを適用し、次にサイズ変更を適用し、次に回転を適用します。この順序は固定されており、予測どおりに動作する順序です。最初にトリミングすると、サイズ変更のパーセンテージが元のフレームではなく、保持した画像の一部を参照することになります。

幅の 50% を切り取ってから 50% にサイズ変更すると、元の幅の 4 分の 1 になります。これはほとんどの人が期待するとおりです。最初にサイズを変更し、次にトリミングすると、同じ 2 つの数値から異なる結果が得られます。

ターゲットサイズの選択

Web ページの場合、高密度画面で鮮明に見えるように、画像が占める CSS 幅の約 2 倍を目指します。約 2 倍を超えると、返品は事実上停止します。
印刷の場合、重要な寸法はピクセルを印刷サイズで割ったものです。ほとんどのドキュメントでは、1 インチあたり約 150 ピクセルで問題ありません。 300 は写真プリントの従来のターゲットです。
電子メールの添付ファイルまたはアップロード上限のあるフォームの場合は、最初にサイズを変更し、その後でのみ品質を調整します。サイズはより強力な手段です。

作業例: 600 ピクセル列の 3000 ピクセルのスクリーンショット

スクリーンショットは 3000 x 1875 ピクセルです。幅 600 ピクセルの列で表示されます。 3000 ピクセルで保存すると、帯域幅が無駄になり、一部のデバイスではメモリが無駄になります。

高密度画面の表示幅を 2 倍にすると、幅 1200 ピクセルが目標となります。

スクリーンショットを Image Converter にロードします。
「ピクセル単位でサイズ変更」を選択し、幅に「1200」と入力し、アスペクト比をロックします。
高さが自動的に 750 として入力されることを確認します。
スクリーンショットには鮮明なテキストと平坦な領域があるため、出力として PNG を維持します。
変換してダウンロードします。

結果: 750 による 1200 PNG。ピクセル数は 5.6 百万から 0.9 百万に減り、元のピクセルの約 16% になります。PNG は非可逆形式のようにエッジを柔らかくしないため、テキストは鮮明なままです。元の 3000 ピクセルファイルはデバイス上では変更されていないため、次回はこのファイルに戻ってくる必要があります。

ツールを開く

Image Converter で画像のサイズを変更する

デフォルトでロックされたアスペクト比を使用して、ブラウザ内のパーセントまたは正確なピクセルによってサイズを変更します。インテリジェントにアップグレードされません。

これでカバーされないもの

拡大してもディテールを加えることができません。ツールがそれを行い、結果はソフトになります。これは数学の特性であり、この実装の特性ではありません。
サイズ変更を行うと画像がリサンプリングされるため、PNG 出力であってもソースとビットが同一ではなくなります。
非常に大きな画像は、デバイスが安全に割り当てることができるピクセルバジェットに制限されるため、要求された非常に大きな出力が小さくなる可能性があります。これが発生するとツールが通知します。
入力は JPEG、PNG、WebP、または GIF のみです。
コンテンツに応じたスケーリングやスマートクロッピングはありません。サイズ変更はフレーム全体で均一です。