03 / ガイド
アップロードせずに画像をリサイズ・切り抜き・変換する
ローカルツールで目標寸法やファイルサイズの予算を達成する方法:まず切り抜き、最良のソースから一度だけリサイズし、出力先が実際に受け付ける形式を選びます。
ソースではなく出力先から始める
画像の仕事は、必ず外部が決めた制約から始まります。ページレイアウト、アバター枠、マーケットプレイスの出品、アップロードフォーム。ファイルに触れる前にその制約を書き出してください。後続のすべてのステップの順序がそれで決まります。
- 寸法ピクセル寸法:1200×630 のソーシャルカード、512 ピクセルのアバター、高精細ディスプレイでくっきり表示したい商品写真など、レイアウト枠やプラットフォームの要件。
- サイズ予算ファイルサイズ予算:メール添付の上限、2 MB を超えるファイルを拒否するポータル、低速回線でも速く表示すべきページのパフォーマンス予算。
- 形式の受け入れ形式の受け入れ:JPEG と PNG しか受け付けないシステムもあれば、WebP を歓迎する最新パイプラインもあります。出力先が読めない形式への変換は、どれだけ小さくなっても無駄な作業です。
リサイズの前に切り抜く
切り抜きは不要なピクセルを取り除く操作で、構図を修正し、リサンプリングの前にファイルを小さくします。リサイズ後に切り抜くのは、捨てるはずのディテールに補間の計算を使うようなものです。出力先のアスペクト比に合わせて切り抜けば、構図が最後まで保たれます。
Image Cropper は正確な数値領域を切り抜いたり、選択範囲を一般的なアスペクト比に制約したりできるため、1 ピクセルも再スケーリングされる前に構図を出力先の枠に合わせられます。PNG・JPEG・WebP を 1 枚 12 MiB まで、片辺 8,192 ピクセル・総計 2,400 万ピクセルまで受け付け、切り抜き結果を PNG・JPEG・WebP で直接書き出せます。
多くの作業で実用的な順序は、元画像を開き、最終アスペクト比に切り抜き、それから寸法を考えること。切り抜きだけでバイト予算を下回るなら、リサイズすら不要かもしれません。
Image Cropper を開く最良のソースから一度だけリサイズする
縮小のたびに情報は失われます。リサンプリングの連鎖は最小限にし、手元にある最高品質の原本から中間サイズを挟まず目標サイズへ一度で進みましょう。
Image Resizer は高品質な補間をローカルで適用し、アスペクト比をロックして片方の寸法をもう片方に追従させられます。レイアウトが求める幅を入力すれば、高さは比例します。1 ファイルあたり 12 MiB、片辺 8,192 ピクセル、総計 2,400 万ピクセルまで処理できます。
写真一式に同じ処理が必要な場合、バッチモードは最大 12 枚・合計 96 MiB を 1 枚ずつリサイズし、結果を 1 回のダウンロードにまとめます。元画像は残してください。リサイズ済みコピーは納品物でありマスターではなく、後から拡大しても失われたディテールは戻りません。
Image Resizer を開く出力形式を目的を持って選ぶ
形式は拡張子の好みではなく圧縮の意思決定です。正しい選択は、画像の中身次第です。
Image Format Converter は PNG・JPEG・WebP・GIF・AVIF を入力として受け付け、PNG・JPEG・WebP で書き出します。変換前後のバイト数を実測どおりに表示するため、トレードオフは推測ではなく数字で判断できます。
- PNGPNG はロスレスで透過を保持します。ロゴ、UI スクリーンショット、輪郭のシャープなフラットな図版に最適ですが、写真では重いままです。
- JPEGJPEG は不可逆ですが写真や滑らかなグラデーションで小さくなります。透過は持てず、保存を繰り返すと劣化が積み重なるため、変換は最後に一度だけ。
- WebPWebP は同等画質で多くの場合どちらよりも小さく、透過にも対応します。ただし一式を納品する前に、出力先が受け付けるか確認してください。
バイト予算を達成し、検証する
制限がピクセルではなくメガバイトの場合は、切り抜き、リサイズ、変換の順に進め、推測ではなく各ステップで計測します。ファイル重量を支配するのはピクセル面積です。必要な幅と高さの 2 倍ある画像は、約 4 倍のピクセルを抱えています。
進行バーではなく書き出し後のバイト数を見てください。リサイザーとコンバーターは生成されたサイズをそのまま報告するため、予算と照らし合わせる数字は、出力先が受け取る数字と同じです。
- 先にリサイズ縦横を半分にすれば、写真のピクセル数は通常 4 分の 3 ほど減ります。これが多くの場合、一度で得られる最大の削減です。
- 次に再エンコード写真系の PNG を JPEG や WebP に変換すると、追加のリサイズより大きく削れることがよくあります。納品サイズでは品質差はほぼ見えません。
- 透過に注意透過を判断に含めてください。バイトを節約するためにロゴを JPEG にフラット化すると、レイアウトが依存していたアルファチャンネルが失われます。
1 つのワークスペースで全体を流す
画像デリバリーワークスペースは、これらのステップを 1 つの順序立ったフローにまとめます。配信制限の設定、ローカル処理、検証とエクスポート。素材一式で順序がぶれません。
リサイズ、切り抜き、形式変換に加え、ファイルサイズ上限のターゲットと対応メタデータの除去を組み合わせ、カメラ原本から検証済みの納品パッケージまでタブを離れずに進められます。ワークスペースを閉じる前に結果をダウンロードしてください。ローカルツールはクラウドにコピーを保持せず、ディスク上の原本は最初から最後までバイト単位で同一のままです。
画像デリバリーワークスペースを開くピクセルがデバイスを離れない理由。
ブラウザエンジンが実際のファイルをローカルで処理する仕組みと、任意のツールのデータ経路を約 1 分で自分で検証する方法。