無料オンラインファイルツール
Webサイト用に画像を圧縮
ヒーロー画像、記事写真、CMSへのアップロードを軽くするための250KB・1600px・WebPプリセットです。
非公開: ブラウザ内で処理
250 KB · 1600 × 自動 px · WEBP · 全体を収める
保存したプリセットは、このブラウザのこの端末内だけに保存されます。
入力形式: JPG · PNG · HEIC · AVIF* · WEBP · BMP* · ICO* · GIF · SVG
* 印の付いた形式は、この端末のブラウザコーデックに依存します。
非公開: 画像は端末上に残ります。サーバーはファイルを受け取りません。
Webサイト用画像を準備する方法
- 公開予定の元画像を選びます。
- Webサイト画像プリセットの250KB・1600px・WebPを確認します。
- 圧縮後の見た目と目標達成結果を確認します。
- WebPを保存してCMSへ登録し、実ページの表示をテストします。
表示速度を意識したWeb画像を作る
大きすぎるカメラ画像を最大幅1600pxに抑え、WebPで250KB以下を目指します。見た目に必要な解像度を残しながら、転送量と保存容量を減らす設定です。
Webサイト画像プリセットの設定
目標250KB、最大幅1600px、WebP出力です。高さは縦横比に合わせて自動計算され、元画像が小さい場合は不要な拡大を避けます。
公開前に得られる確認結果
圧縮後の容量と寸法、目標達成状況を画像ごとに確認できます。保存したWebPをCMSへ入れた後は、実際のページで表示、トリミング、代替テキストも確認してください。
このプリセットに適した画像
- ブログやニュース記事の本文画像。
- Webサイトのヒーローやセクション背景。
- CMSで容量警告が出る大きな写真。
Web最適化で別途必要な作業
このツールは画像ファイルを小さくしますが、HTMLのsrcset、遅延読み込み、キャッシュ設定までは変更しません。古いブラウザ対応が必要なサイトではJPGの代替画像も用意してください。
よくある質問
250KBなら必ずWebページが速くなりますか？
転送量は減りますが、速度は画像数、サーバー、キャッシュ、HTMLにも左右されます。Lighthouseなどで実ページも測定してください。
透明なPNGをWebPにしても透明部分は残りますか？
対応する画像ではWebPの透明度を維持できます。保存後に背景の異なる場所で見た目を確認してください。
画像は最適化のためにサーバーへ送られますか？
いいえ。画像データはブラウザ内で変換され、圧縮処理のためにアップロードされません。