JPG を Web サイト イメージ ライブラリの WebP に変換します

オリジナルの JPEG または編集プロジェクトをマスターとして保持し、配信用の WebP コピーを作成します。 これにより、すでに圧縮されたエクスポートを繰り返し圧縮せずに、さまざまなサイズを作成できます。 アーカイブ内のすべての写真を新しい形式に置き換えるのではなく、被写体と意図した配置を識別する明確なファイル名を使用します。

WebP は Web サイトの写真のオプションですが、コンテンツ管理システムはアップロードを受け入れ、正しく出力を提供する必要があります。 ライブラリ全体を変換する前に、そのワークフローを 1 つのファイルで確認してください。 一部のシステムでは、独自の代替案を生成したり、アップロードされた画像のサイズを自動的に変更したりします。 ローカルで最適化されたファイルがアップロード後に再度処理される可能性があるため、それを行う場合は、実際に訪問者に配信されたファイルを比較してください。

最初のプリセットは元の寸法を 90% の品質に保ちます。 これにより、簡単な形式の比較ができます。 Web サイトの配信ファイルの場合は、レイアウトで必要な最大の表示幅を把握したら、[適合] に切り替えます。 カードには完全なカメラ解像度の画像が不要な場合がありますが、大きなバナーにはより大きな候補が必要になる場合があります。

1 つの小さな画像ですべてのスペースを埋めるように強制するのではなく、さまざまなディスプレイ ロールに対して個別のエクスポートを作成します。 サムネイル、記事画像、および大きな製品ビューは、さまざまな目的に役立ちます。 というもの Retina Image Resizer すべてのデバイスに同じファイルが必要であると想定せずに、例示的な高密度候補を選択する方法を説明します。 大量の輸出数を満たすために小さなソースを拡大することは避けてください。 拡大しても、欠落している詳細は作成できません。

WebP を JPEG と比較するときは、難しい領域を選択してください: 髪、木の枝、細かい生地、滑らかな空、または暗い壁。 意図したディスプレイ サイズとクローズ ビューの両方を確認してください。 ぼやけた背景で見栄えの良い設定は、織り目加工の製品写真にはアグレッシブすぎる可能性があります。 品質番号はエンコーダ コントロールであり、ユニバーサル ビジュアル スコアではありません。

WebP がソースよりも大きい場合は、実際の要件に合わせてより適切なファイルを保持するか、品質の低い設定を慎重に試してください。 新しい拡張機能がすべての比較に勝つと思い込まないでください。 このツールは、ブラウザーでエンコードされた WebP を作成します。 これには、個別のロスレス WebP モード、カスタム コーデック チューニング パネル、または個々の画像の保存に関する保証はありません。

ダウンロード後、ファイルを実際のページに配置し、トリミング、代替テキスト、表示寸法を確認します。 ページからの要求が遅くなっても、バイト数が少ない画像は遅くに読み込まれます。 レイアウト スペースを予約し、適切なレスポンシブ ソースを選択し、ページの上部にすぐに必要な画像を怠惰にロードしないようにします。 これらは、変換以外の Web サイトの実装の決定です。

電話のレイアウトと大型モニターを確認してください。 同じ画像が電話機のトリミングで認識できないストリップになった場合は、JPEG や WebP の品質を上げるのではなく、別の構成を作成します。 最初のページが機能した後にのみ、関連する写真を一緒に処理してください。 変換はデバイス上に残り、元のファイルは別のエクスポートで使用できます。

たとえば、記事の緑豊かな風景を、単純なスタジオ ポートレートと比較します。 同じ幅であっても、異なる品質設定が必要になる場合があります。 各候補の横にある寸法と測定バイト数をメモしておきます。これにより、決定が実際のファイルに関連付けられたままになります。