まずピクセルとファイルサイズを分けて考える
幅 1200 px、高さ 800 px はピクセル寸法であり、Web ページや文書内で画像がどれだけ細部を表示できるかを決めます。500 KB、2 MB はファイルのバイトサイズで、アップロード制限や読み込み負荷に関わります。両者は関係していますが同じものではありません。ピクセル数が多い単色画像は大きなファイルにならないことがあり、逆にピクセル数が少なくても質感が複雑な写真は小さくならないことがあります。
プラットフォームが「アバター 300×300 ピクセル」を求めているなら、変更すべきなのはピクセル寸法です。「200 KB 未満」を求めているなら、圧縮や品質低下が必要です。この 2 種類の目的を混同すると、寸法は合っているのにファイルがまだ上限を超える、またはファイルは小さくなったのに掲載枠に合わない、という結果になりがちです。
歪みを防ぐ鍵は縦横比
画像がつぶれたり伸びたりするのは、新しい幅と高さの比率が元画像の比率と違うためです。元画像が 1600×1000 なら比率は 1.6 です。これを無理に 1000×1000 で書き出すと、内容が横方向に圧縮されるか縦方向に引き伸ばされます。この変形を避けるには、縦横比を固定し、幅か高さのどちらか一方だけを入力して、もう一方を元の比率から自動計算させます。
LocalTools の画像サイズ変更ツールは元画像のピクセルを読み取ります。比率固定をオンにしている場合、幅を変えると高さも計算され、高さを変えると幅も計算されます。処理するのは 1 枚の画像で、出力は PNG、JPEG、WebP です。実際に調整を始めるなら、まずツールに画像をアップロードし、元の寸法を確認してください。
幅と高さを固定しなければならない場合の選択
共有用画像の 1200×628 のように、固定キャンバスが本当に必要な場面もあります。元画像の比率が違う場合、サイズの再描画だけで「歪ませない」と「全体を残す」を同時に満たすことはできません。選べる結果は 3 つです。比率を保って余白を受け入れる、端を切り落とす、または引き伸ばしを受け入れる、のいずれかです。現在のサイズツールは再描画だけを行い、トリミング、スマートな構図調整、枠の追加は行いません。そのため、比率が一致している場合や、比率を保った縮小でよい場合に向いています。
縮小すると通常はピクセル数を減らせますが、ファイルが必ず小さくなるとは限りません。拡大は、より多くのピクセルへ再サンプリングするだけで、元画像にない細部を補うものではありません。DPI メタデータもここでの操作対象ではありません。Web ページや多くのフォームで主に見られるのはピクセルとバイトであり、紙面印刷の密度ではありません。
- 全体を残したい場合：まず比率を固定し、目標の幅と高さが完全には固定されないことを受け入れます。
- 固定枠に収めたい場合：先にトリミングするか余白を設計し、その後でピクセルを調整します。
- アップロードの KB 条件を満たしたい場合：サイズ変更後も実際のファイルサイズを確認します。
書き出し形式の選び方
PNG は線画、スクリーンショット、透明な縁を持つ図形に向いていますが、ファイルが大きくなることがあります。JPEG は一般的な写真に向いていますが、透明情報は失われます。WebP は Web 画像でよく使われますが、開けるか、アップロード先が受け付けるかは対象システム次第です。サイズツールの品質スライダーが意味を持つのは JPEG や WebP のような非可逆書き出しだけで、PNG は品質スライダーで圧縮する形式ではありません。
ピクセル寸法を変えずに形式だけを変えたい場合は、形式変換ツールを使うべきです。サイズ変更後もファイルが大きすぎる場合は、通常の画像圧縮ツールで JPEG 出力を処理するほうが直接的です。
仮の例
たとえば 2400×1600 の商品写真を、幅 1200 px が求められる記事本文に入れるとします。元画像の比率は 3:2 です。幅 1200 だけを入力して比率を固定すれば、高さは 800 になり、画像は引き伸ばされません。記事テンプレートが 1200×900 を求める場合、その比率は 4:3 なので、直接 1200×900 に変更すると変形します。より確実なのは、先に編集ソフトで 4:3 にトリミングしてから書き出す方法です。
同時にプラットフォームが特定の KB 未満を求める場合、サイズ変更は最初の一歩にすぎません。書き出し後に実際のバイト数を確認し、上限を超えるなら JPEG/WebP の品質を下げるか、目標 KB 圧縮の流れを使います。ただし目標 KB 圧縮では、さらに比率を保ったままピクセル寸法が小さくなる場合があるため、正確な幅と高さを維持する必要がある納品物の唯一の最終確認には向きません。目標圧縮後は、出力寸法とファイルサイズをもう一度確認してください。ここでの数値は方法を説明するためのもので、固定の圧縮効果を示すものではありません。
比率を固定して幅 1200 を入力すると 1200×800 になります。1200×900 を無理に指定すると比率が変わり、先にトリミングまたは余白追加をしない限り、画像は引き伸ばされます。
事前に知っておきたい制限
このツールは、ブラウザが入力画像をデコードできるかどうかに依存し、canvas を通じて静的な結果を出力します。アニメーション GIF やアニメーション WebP のアニメーションは保持されません。EXIF、ICC カラープロファイル、その他のメタデータも保持されると期待しないでください。また、バッチ処理ツール、DPI エディタ、証明写真レイアウトツール、AI 鮮明化ツールでもありません。
よくある質問
- 幅だけを設定すれば、高さは自動で追従しますか？
- はい。縦横比の固定がオンの場合、入力した幅から元画像の比率に基づいて高さが計算されます。比率固定をオフにすると、引き伸ばされた結果になることがあります。
- ピクセル寸法を変えれば、画像を特定の KB 未満にできると保証できますか？
- 保証はできません。ピクセル数を減らすことは通常役立ちますが、最終的なバイトサイズは形式、品質、画像内容、ブラウザのエンコーダにも左右されます。
- DPI を変更すると Web 画像はより鮮明になりますか？
- Web 表示では主にピクセル寸法と CSS 上の表示サイズが重要です。現在のツールは DPI メタデータを編集せず、AI 拡大も行いません。
画像を一切アップロードせずに、サイズを変えてダウンロード。
このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。