BLOG

• 2023.11.10
• サーバ

htaccessでwebpする

webpに変換

個人的にはここでやってます
有料サブスクで待ち時間無しで一気に変換できる

https://convertio.co/ja/jpg-webp/

ダウンロードしたファイルのファイル名を変更

hoge.webp　→ hoge.jpg.webp or hoge.png.webp

ルートディレクトリの.htaccessに追記

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{SCRIPT_FILENAME}.webp -f
  RewriteRule .(jpe?g|png|gif)$ %{SCRIPT_FILENAME}.webp [T=image/webp]
</IfModule>

<IfModule mod_mime.c>
  AddType image/webp .webp
</IfModule>

<IfModule mod_setenvif.c>
  SetEnvIf Request_URI "\.(jpe?g|png|gif)$" _image_request
</IfModule>

<IfModule mod_headers.c>
  Header append Vary Accept env=_image_request
</IfModule>

検証ツールで確認する

・Chromeの検証ツールの「ネットワーク」で「画像」にチェックしリロード
・読み込まれた画像がwebpならできている
・キャッシュがある可能性があるのでシークレットウィンドウで見た方がいいかも

今日のひとこと

もう11ガツ？！

• 

• この記事を書いた人小林 友加

  こう見えてドラムぼちぼち叩けます。サウナ依存中