記録

webpに対応しましたプラグインでカバーしました。 Safariめ!!

WebP Express(ウェッピーエクスプレス)というWordPressのプラグインがあるので、そちらでコンバート(変換)すれば良いのですが、大量に画像があるサイトはそれで変換できないので下記の対応方法で対応をお願いします。

1. WebP Express使用してコンバートする際に webpが生成されます。webpの生成場所を確認する。現在は下記の配下にwebp画像が作られています。

/wp-content/webp-express/webp-images/doc-root/wp-content/uploads

2.1の配下にwebpの画像を生成するために下記のコマンドを実行します。自分の場合、アップロードしている画像をリスト化して一括処理するプログラミングを実行しました。尚、cwebpがインストールされていない場合、インストールする必要があります。さくらレンタルサーバーには入っているみたいです。

cwebp -q 90 元画像名(階層を含む).png -o 変換後のファイル名.webp (変換先の階層を含む)

こうすることで画像は全てwebpに変換することが可能ですが、これだけでは表示が切り替わらないので下記の画像を参照しプラグインの設定を変更してください。

ちなみにこのwebp(ウェッピー)はグーグルさんが開発したものらしいです、大体のブラウザが、こちらの webpに対応しているのですがSafariとIEは非推奨みたいなんですよね。何れwebpに対応すると思います…思いたい。



WEB担当者様各位、サジェスト機能(予測変換)を意識している?前のページ

動画編集の方法をYOUTUBEで解説している人+クリエイター次のページ

関連記事

  1. 記録

    読書感想文のすゝめ(φ(`д´)こぴぺ

    暑い夏が続いています。自分としては思った以上には暑さは感じなかったり…

  2. 記録

    見知らぬ誰かとチャットを楽しめるWebサービス。chatpad

    chatpadは見知らぬ誰かとチャットを楽しめるWebサービスです。…

  3. 記録

    単純なコードで背景色にグラデーション。

    単純なコードで背景色にグラデーションつける。このコード自体は単純…

  4. 記録

    C#SFTPでダウンロードするプログラムの作り方。

    C#SFTPでダウンロードするプログラムの作り方。いろいろ調べた結…

  5. 記録

    リニューアル=ブログのデザインを変更しました。

    リニューアル=ブログのデザインを変更しました。心機一転というよりは…

  6. 記録

    サピエンス全史を超要約するとこの世は全て嘘。

    ユヴァル・ノア・ハラリが書いたサピエンス全史を超要約するとこの世は全…

PAGE TOP