そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
3ファイルでできるサイト全体の自動的なWebP対応 - Qiita
Apacheで運営しているサイトをお手軽にWebP対応する方法を紹介します。 ※ nginxも対応可能です。記事の末尾に参考情報を記載しました。 Googleが推している新フォーマットなので、PageSpeed Insightsや、Lighthouseのスコアがわずかですがほぼ確実に上がります(笑) さて、方法は次の3ファイルをWebサーバーに設置して、cronによる定期処理を登録するだけです。 WebPへの変換を行うcwebpコマンドファイル ディレクトリ内の画像にcwebpコマンドを実行するシェルスクリプトファイル Apacheに振り分けを指示する.htaccessファイル 非常にシンプルで本番環境では厳しい部分も多々ありますが、小規模なサイトはこれで十分という場合もあると思います。 弊社のWebサイトやブログなど実際、小規模なので十分だったりします。…ということで実際に導入しました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
