WebPとは?なぜ多くのウェブサイトがWebPを使い始めているのですか?

1.WebPとは何ですか?

ウェブピー グーグルが導入した画像フォーマットである。その利点は単純で、画像がほとんど鮮明に見えるが、ファイルサイズが小さいことだ。ウェブサイトがこの種の画像を使用すると、通常、ページがより速く開き、特に携帯電話で顕著です。

以前は、多くのウェブサイトがJPEGやPNGを使用していましたが、この2つのフォーマットの画像はかなり大きくなることが多く、WebPが登場したとき、多くのウェブマスターが画像のサイズを小さくし、ウェブページの速度を向上させるために使い始めました。

画像[1]-WebPとは?画像が小さくなり、ウェブページが速く開く

2.一般的になりつつある理由

2.1 より軽い画像、より速いウェブページ

ウェブサイトを開くのが遅い、多くの場合、それはコードがあまりにも悪いではありませんが、あまりにも多くの写真、大きすぎる。トップページのバナー、商品画像、写真付き記事、カテゴリーページのサムネイルなど、「重荷」になりやすい。ウェブピー最大の魅力は、その負担が軽減されることだ。

画像が小さいと、ページのロード時間は通常短くなります。訪問者にとっては、ページが長時間クルクル回ることがなくなり、ウェブマスターにとっては、サーバーの負担が軽減されます。

画像[2]-WebPとは?画像が小さくなり、ウェブページが速く開く

2.2 よりバランスのとれた画質とサイズ

圧縮」と聞いて、多くの人がまず考えるのは「貼り付けになるのでは」ということだろう。これがWebPが人気の理由のひとつだ。歪むほど圧縮するのではなく、明瞭さとボリュームのバランスをより適切にするためだ。

これは、ブログのタイアップやメインの商品画像、バナー画像を作成する際に非常に便利です。この差は肉眼ではあまり感じられず、ファイルをほんの少し小さくできるのは本当に魅力的だ。

2.3 透明な背景とアニメーションのサポート

WebPは単なる「小さいJPEG」ではなく、PNGのような透明な背景や、GIFのようなアニメーションもサポートしています。また、PNGのような透明な背景や、GIFのようなアニメーションもサポートしており、1つのフォーマットで幅広い一般的なシナリオをカバーすることができます。

例えば、こうだ:

  • プロダクト・キーイング
  • ウェブサイトのアイコン
  • 透明な背景を持つ装飾的な画像
  • シンプルなモーションピクチャー

その結果、より一貫したイメージ管理が可能になり、サイトのメンテナンスも少なくなる。

3.ウェブサイトの実際のメリットは?

3.1 モバイルアクセスキンダー

最近は携帯電話からのトラフィックが多い。携帯電話のネットワークは常に安定しているわけではなく、端末の性能も高低があります。軽い画像であれば、携帯電話でもページがスムーズに表示される傾向があり、直帰率もコントロールしやすくなります。

画像[3]-WebPとは?小さい画像をより速く開く

3.2 SEOにプラスになる

検索エンジンは常にページスピードを重視してきた。ページが軽ければ軽いほど、クロールや読み込みがスムーズになる傾向があります。WebPはそれ自体「ランキングスイッチ」ではありませんが、ページをより速くするのに役立ちます。SEOそれはプラスだ。

簡単に言えば、WebPは万能薬ではなく、基本的な最適化の役に立つものだ。

3.3 画像の多いウェブサイトに適している

以下のサイトはWebPに適している:

  • Eコマースサイト
  • ニュースステーション
  • ブログサイト
  • 作品展示サイト
  • トラベル・ギャラリー・ステーション

この種のサイトには、最適化のために高い値を加算する多数の画像がある。画像が少し節約されるだけで、サイト全体がかなり積み上がる。

4.WebPの欠点はありますか?

もちろんある。

第一に、古いブラウザや個々の古いシステムでは互換性の問題があるかもしれないが、現在主流の環境では基本的に正常に表示できるようになっている。第二に、圧縮パラメータをあまりに積極的に設定すると、画像が偽になることもある。第三に、プラグインの一部のサイト、シーディーエヌキャッシュ設定を適切に処理しないと、「アップロードされたが表示されない」ことがある。

そのため、WebPは使い勝手が良いが、サイト環境を整えれば、頭でっかちにならず、効果も確認できる。

5.WebPに切り替えるのに最も適したシナリオは?

画像[4]-WebPとは?画像が小さくなり、ウェブページが速く開く

これらのカテゴリーがより推奨される:

5.1 記事グラフィック

ブログの記事数と付随する画像の数で、WebPに切り替えると全体がかなり軽くなる。

5.2 製品写真

商品ページには、多くの場合、メイン画像、詳細画像、シーン画像があります。ウェブピーこの種のページには最適だ。

5.3 バナーの全体像

バナー画像はサイズが大きいことが多く、最初のページの表示速度を遅くする一般的な原因となっており、最適化する価値が高い。

5.4 サムネイルとカテゴリーページの画像

これらの画像は、個々の変化は目を見張るものではないが、累積的な効果は大きい。

6.ウェブマスターに支持されつつある理由

結局、理由は非常に現実的である:トラフィックを節約し、スペースを節約し、軽いページ、よりスムーズなアクセス。ウェブマスターは、サイトを行うだけでなく、見栄えの追求だけでなく、考慮に速度、インクルージョン、変換および保守コストを取る。

神話ほど大げさではないし、すべてのサイトがすぐにサイト全体を置き換える必要はないが、画像が多いサイトであれば、WebPはほとんどの場合、真剣に検討する価値がある。

7.結論

ウェブピー基本的には、より現代的な画像フォーマットである。このフォーマットが注目を集めたのは、新しい名前のせいではなく、ウェブシナリオにおいて旧フォーマットが抱えていた多くの問題を解決したからだ。ウェブページの動作を軽くしたい場合、画像は多くの場合、最初に行うべき最も重要な部分です。

ウェブマスターにとって、WebPは複雑な技術でも敷居の高い操作でもなく、非常に地に足のついた最適化アクションです。このステップを正しく行うことで、サイト全体のパフォーマンスはより安定する傾向にあります。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
著者:Linxiulian
終わり
好きなら応援してください。
クドス127 分かち合う
linxiulianのアバター - Photon Flux|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし