サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年4月25日 14:03
こんにちは。いつもお世話になっております。さっそく質問なのですが…
アイキャッチ画像やサイトのロゴなどは、メディアにアップロードして使用しているのですが、各投稿記事に使うアイキャッチ画像以外の画像は、負荷を少しでも軽くするため、Googleフォトで共有し、URLから挿入しています。（だいたい各記事2枚ほどです。）
それで最近、webpに対応するため、メディアにアップロードしたものは、プラグインでwebpに変換し、記事に挿入する画像はSquooshでwebpに変換し、Googleフォトで共有して挿入しています。
しかし、どうもサイトのスピード検証や、実際のページをパソコンから検証してみると、挿入した画像はJPEGに変換されているみたいで、100前後KBや100以内ぐらいで圧縮しwebpにした画像が、300KBぐらいのJPEGになっています。（スピード検証でもサイズが大きいとか次世代の画像にしろ、でひっかかります。）（プラグインで変換したアイキャッチ画像などはwebpになっています。）
それで本題なのですが、ワードプレスがwebpに対応しない限り、外部からの挿入はwebpにしていても、jpegになってしまうものでしょうか？それとも、何かコードを書きこんだら解消するものでしょうか？
調べて、functionにコードを入れ、ワードプレスのメディアにwebpをアップロードできるようにする、というのもやってみたのですが、このこととは関係がありませんでした。
長くなりましたが、分かる方がいらっしゃいましたら、ご教示いただけると幸いです。よろしくお願い致します。
2021年4月25日 15:16
kumario3さん
Googleフォトの仕様は、私には分からないです。
他に詳しい方のご回答を待つのが良いかもしれません。
Googleフォト内部でどのように圧縮し保管するのか、どのように外部へ連携するのかは分かり兼ねます。
（Googleフォトのアドレスには拡張子がないみたいですし、ファイルをダウンロードして拡張子をWebpにしても読めますが、それが本当にWebpなのか、それともjpegなのかも良く分からないです。）
そして、kumario3さんのサイトを確認した訳でもありませんので、詳細は分からないです。
そして、ふと思うのですが。
Googleフォトを直接参照するということは、外部サイトへの参照だと思います。
例えGoogleフォトがWebpでの参照が可能であったとしても。
結果的に外部サイトへのリクエストが発生するということは、自サイトのjpegファイルを参照することよりも、遥かに重たいことをしているのではないかと、推測します。
あくまでも感覚的に言っているだけで、Googleフォトについて詳細は知らない状態で申し上げていますが。
Webpに関しては、昨日ちょうど話が出たばかりです。
話が跳んだり、長くなり見づらいかもしれません。
トピックの途中からですが、こ参考にどうぞ。
https://wp-cocoon.com/community/postid/49369/
上記トピックでは、プラグイン「EWWW image Optimizer」を使っていますが。
サイトに、同一画像について、旧来のjpegなどとWebpの両方のものを持っていれば、プラグインを使わなくても、対応はできると思います。
更に、Webp未対応ブラウザを無視する、そしてWordPressの機能を使わずに、HTMLを直に書けば、旧来の画像形式は保持しなくても、Webpを使うことも可能だと思います。
でも、いろいろと大変ですから「EWWW image Optimizer」などのプラグインを使うのが簡単だと思います。
2021年4月25日 15:35
kumario3さん
書き忘れました。
ワードプレスがwebpに対応しない限り、外部からの挿入はwebpにしていても、jpegになってしまうものでしょうか？それとも、何かコードを書きこんだら解消するものでしょうか？
外部参照すること自体は、WordPressだからということは関係ない気がします。
ブラウザがWebpに対応していれば、Webpで表示されるのではないかと思います。
（WordPressがページ表示のためのソースを組み立てた、後の話だと思うのですが。）
拡張子のないファイル参照の場合、どうやって画像形式を認識するのかは、ちょっと難しいところですが。
kumario3 reacted
トピックスターター 2021年4月25日 16:37
mk2様
ご回答いただきありがとうございます。
確かに拡張子のないものを外部から引っ張っているので、Googleフォト上ではwebpになっていても、どういう認識のされ方をするのか分かんないですよね。
実際にJPEGに変換されていたので、JPEGとして表示になるようになっているのかもしれません。一応、webpに対応になっているスマホやタブレット、パソコンから見たり（検証したり）画像長押し保存しても、JPEG画像だったので。（すみません、わたしもGoogleフォトに詳しくないので、これがGoogle仕様かワードプレス仕様か分からず憶測で書いています。）
すでに500記事以上あり、写真も×3以上は使用しているので、1枚から、サムネイルなど様々なサイズが生成されることも踏まえて、サーバーの負担を減らそうと考えていたのですが、すべての画像をメディアに集約して、プラグイン等でガッツリ圧縮をかけ、webpに変換する方が楽そうですね。
スピードを取るか容量を取るか悩ましいですが、模索してみたいと思います。
とりあえずこの問題は、終了させていただきますね。
mk2様、ご覧になっていただいた皆様、ありがとうございました(^^)
2021年4月25日 17:07
kumario3さん
解決済にしていただきましたが。
以下は参考になりますでしょうか。
https://support.google.com/accounts/answer/9666875
私の読解力がないせいか、いつもGoogleの文章は難しく、どう解釈すれば良いのか悩みます。
2021年4月25日 17:40
上に書いたことは、良く読んでいくと違う話な気がしてきました。
「転送」ですものね。
やはり、Googleの文章は悩みます。
2021年4月25日 18:11
kumario3さん
勝手ながら、少し調べてしまいました。
マーボーナススナックの記事を拝見した限りですが。
GoogleフォトへのリンクURLにはパラメータが指定されており、元画像へのリンクではないようです。
そういう場合は、Googleフォト内で、何かしらの変換が行われているものと思います。（推測ですが。）
ただ、やはり外部サイトへの参照が起こっていますから、その辺りも加味すると例えWebpであっても、どれだけ意味があるのかなという気はします。
（もちろん画像容量という面ではある程度意味はあるのかも知れませんが、それ以外のマイナス要素が大きい気がします。）
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。