webpに対応しましたプラグインでカバーしました。 Safariめ!!
2020.01.25
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.webp -o 変換後のファイル名.webp (変換先の階層を含む)
こうすることで画像は全てwebpに変換することが可能ですが、これだけでは表示が切り替わらないので下記の画像を参照しプラグインの設定を変更してください。
ちなみにこのwebp(ウェッピー)はグーグルさんが開発したものらしいです、大体のブラウザが、こちらの webpに対応しているのですがSafariとIEは非推奨みたいなんですよね。何れwebpに対応すると思います…思いたい。
著者名 @taoka_toshiaki
※この記事は著者が40代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
1, 2.1, cwebp, doc-root, Express, Safari, uploads, webp, webp-express, webp-images, WordPress, wp-content, アップロード, インストール, ウェッピーエクスプレス, お願い, カバー, コマンド, コンバート, サーバー, サイト, さくら, そちら, それ, ため, プラグイン, プログラミング, リスト, レンタル, 一括, 下記, 使用, 処理, 場合, 場所, 変換, 大量, 実行, 対応, 必要, 方法, 現在, 生成, 画像, 確認, 自分, 配下, 際,
C#に限らずだけどいろいろ出来ることを知り楽しい。
2016.12.08
C#に限らずだけどいろいろ出来ることを知り楽しい。
VisualStudio2015の無料版でいろいろ作れることが楽しい。
そして販売可能だから尚更、楽しいですね。
https://www.visualstudio.com/ja/vs/ide/
無償版でパッケージとして提供できるので
はっきり言って、昔のVisual Studio使っている人は
乗り換えたほうが良いと思います。
ちなみに無償版をDLするときに全部DLしておいたほうが
後々、楽です。もし全ダウンロードしていない場合は
コンパネ、プログラムと機能からVisualStudioを選択して
右クリックをすると変更という項目が出てくるので
クリックして後からダウンロードすることも可能です。
尚、パッケージ化する場合に必要な拡張項目があるので
全部の項目を落とすとエラーなどは出なくなります。
著者名 @taoka_toshiaki
※この記事は著者が30代前半に書いたものです.
Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki
タグ
autoplay, bandicam-2016-12-06-07-01-52-207.mp4, C#プログラミング, preload, true, uploads, video width, Visual Studio, VisualStudio2015, wp-content, zip358.com, エラー, コンパネ, パッケージ, プログラム, 拡張項目, 無償版, 無料版,