Sparkpondピクセルはこのタブに表示されます。
すぐに発送できるウェブ画像。
1920 ピクセル制限とバランスの取れた品質で、レスポンシブ対応の WebP 画像を作成します。
- 画像を追加する
- 調整
- ダウンロード
ここに画像をドロップします
または、このデバイスからファイルを選択します
JPG, PNG, WebP, AVIF · 最大 10 ファイル✓ローカルで処理されます。何もアップロードされません。
重量、寸法、フォーマットが検証されます。
いいえ
3 つのステップで画像からダウンロードまで
- 1 追加
1 つ以上の画像を選択します。
- 2 調整
このツールの設定のみを調整します。
- 3 ダウンロード
検証結果を取得します。
Guide / JA
仕組み
Web プリセットは、品質 80 で WebP を作成し、小さいソースを拡大せずに長辺を 1920 ピクセルに制限します。方向とサイズ変更の後にエンコードが実行され、結果がチェックされ、予測可能な Web ファイル名が付けられて提供されます。
これにより、完全な応答性の画像パイプラインではなく、有用なパブリッシング派生物が生成されます。サイトに複数の srcset 候補が必要な場合は、個別の幅でサイズ変更を繰り返すことができます。
形式と設定
- WebP 品質 80 は、写真の詳細と転送サイズのバランスをとります。
- 1920 ピクセルの上限は、多くのコンテンツ列や高密度画面に適しています。
- WebP の比較で有効な保存ができない場合は、鮮明なグラフィックを得るために PNG を維持してください。
具体的な例
5000 × 3333 のヒーロー写真は 1920 × 1280 WebP になる可能性があります。レスポンシブなサイトの場合は、追加の 1280 ピクセルと 768 ピクセルのバージョンを意図的に作成し、最大のファイルをどこでも提供するのではなく、サイトがそれらの中から選択できるようにします。
始める前に知っておいてください
- このツールは、HTML の編集、srcset マークアップの作成、またはファイルの展開を行いません。
- WebP は、すべてのイラストの最小出力を保証するものではありません。
- パフォーマンスもレイアウトの寸法、遅延読み込み、ウェブサイトで制御されるキャッシュによって異なります。
FAQ / 03
よくある質問
これは自動的に私のウェブサイトに公開されますか?
いいえ。ローカル資産を作成します。 CMS や展開ワークフローは引き続きお客様の管理下にあります。
すべての Web サイト画像は 1920 ピクセルであるべきですか?
いいえ。各アセットをレンダリングされたスロットに一致させ、必要に応じて、より小さい応答性のバリアントを提供します。
AVIF についてはどうですか?
AVIF は小さくできますが、エンコードが遅くなり、互換性のトレードオフが異なります。実際の画像の比較ルートを使用します。