画像の軽量化．webpにしてみたら普通に軽いみたいですね．

2024.11.19

Logging

おはようございます．先日の休みの日に前から気になっていた画像の表示速度を改善したくてwebpという画像圧縮を採用しました．webpに関しては数年前に一度記事にはしていたのですが、その当時はブラウザの方が対応していなくて途中でもとに戻したような気がします．

今回はwebpを採用してこのまま運用していこうと思っています．過去の画像も一括でwebpにしました、それと同時に今までTopに配置していた動画も除けました．

ちょっと物足りない感じはしますが、表示速度を速くしてモバイルファーストに近づけていこうと思います．尚、webpにするためにewwwというプラグインを導入しています．

導入して上手く表示がwebpに変換されたかなと思ったら上手く変換されなかったので、自作のプラグインを作り力技でwebpに変換した形になります（画像はWebpに変換されましたがコードを見るとそのままだったので）．

明日へ続く

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2024年11月19 06:00日

タグ

ewww, TOP, webp, コード, ブラウザ, プラグイン, もと, モバイルファースト, 一括, 休み, 作り力技, 形, 気, 物足りない感じ, 画像圧縮, 自作, 表示速度, 途中, 過去,

異音でPCのファンを交換した話．PCは自作PCなのですが？

2024.11.18

Logging

おはようございます．異音でPCのファンを交換した話を書いていきます．PC（パソコン）は自作PCなのですが業者さんに一万円払って作ってもらいました．自分でも作れるのですが面倒だなと思ったのが、きっかけで業者さんに作ってもらいましたが、買ってからすぐにCPUに冷却用のグリスが塗ってないなどの問題が発生していました．その後（５年間）、特に問題なく使用していたのですが昨日からファンから異音．

PCの中身を見てみると冷水に使用しているファンがホコリで白っぽくなっていました．そういえば全然お手入れをしていないなと．そう買ってから今までPCのお掃除をしていないまま使用していたので、結構ヤバい感じだったファンの交換後についでにお掃除をしました．

ファンに関しては回転しているモーターの軸がズレると異音の原因になるので、お掃除は避けました．

なお、ファンを交換した日は休みだったけど、朝から忙しい日でした．．．．朝はこのブログの画像をwebpに変換作業を行い、ファンを買いにアプライドへファンとPCの掃除をしその後、npushの会員ユーザー各自にプッシュ通知機能を付与するコードを書いていました．

休みはゆっくりしたいものですがコードかブログを書き溜めたりしているので結局あまり休めていない😌．

明日へ続く

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2024年11月18 06:00日

タグ

CPU, npush, webp, アプライド, きっかけ, グリス, コード, ズレ, プッシュ通知機能, ホコリ, モーター, 中身, 会員ユーザー各自, 冷却用, 冷水, 変換作業, 掃除, 異音, 自作PC, 軸,

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

2020.01.25

Logging

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に対応すると思います…思いたい。

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

投稿日時 2020年01月25 11:57日

タグ

１, 2.1, cwebp, doc-root, Express, Safari, uploads, webp, webp-express, webp-images, WordPress, wp-content, アップロード, インストール, ウェッピーエクスプレス, お願い, カバー, コマンド, コンバート, サーバー, サイト, さくら, そちら, それ, ため, プラグイン, プログラミング, リスト, レンタル, 一括, 下記, 使用, 処理, 場合, 場所, 変換, 大量, 実行, 対応, 必要, 方法, 現在, 生成, 画像, 確認, 自分, 配下, 際,