Question
画像スライドショーの画像がぼやける
- ち ちもBA
-
メインビジュアルを画像スライドショーにしたいのですが、4kサイズや、1920×1080の画像を添付すると1360×765pxに圧縮されてぼやけてしまいます。解像度を落とさずに表示させる方法はありますか？
- WP 6.1系
- PHP 7.4
- JIN:R 1.0.6
- Conoha Wing
- GoogleChrome
- Windows11
メインビジュアルを画像スライドショーにしたいのですが、4kサイズや、1920×1080の画像を添付すると1360×765pxに圧縮されてぼやけてしまいます。解像度を落とさずに表示させる方法はありますか？
こんにちは！
2023/02/21 20:57JIN:R運営チームのtsu_です。
画像関連のプラグインは使っていますか？？
また、実際のサイトを確認させていただきたいので、
お手数おかけしますが、URL をご共有いただけますか？？
よろしくお願いいたします！
tsu_さん こんにちは。
2023/02/22 11:39画像関連のプラグインはQuick Featured Imagesを使っていますが、
無効化しても変化なしです。
URLは、
https://business-academy.info/ になります。
現在は「ヘッダー画像」のメインビジュアル設定になっています。
URL ありがとうございます！
2023/02/22 22:14こちらの検証用のサイトでも1920×1080で何枚かテストしてみたのですが、現状では症状が再現できておりません。。
プラグインを無効化していただいた時は、無効後に新規で画像を追加していただいた形でしょうか？？
すでにアップロードしている画像ではなくて、
●プラグインを停止
↓
● 新規で画像を追加
- サイズは 1920×1080 で大丈夫です
- 画像のファイル名はこれまでにアップロードされている画像とは別の名前でお願いします
↓
●画像スライドショーを設定
という流れで検証してみていただけますか？？
お手数おかけしますが、よろしくお願いいたします！
検証いただきありがとうございます。
こちらでも改めてプラグイン停止後、
名前を変えて画像アップロードし直してみましたが、ダメでした。
どうしても1360×765pxに圧縮されてしまいます。
ちなみに投稿画面では圧縮されず、正常に1920×1080pxでした。
画像の1枚目(ファイル名：E01)が、実際公開してみて、ぼやけてしまうスクショ。
２枚目(ファイル名：E02)が、プレビュー時に画面保存をしたらファイル名に1360×765と出てしまうスクショ。
3枚目(ファイル名：homepageTOP001)が、投稿したい1920×1080pxの画像になります。
原因わかりましたら、お教えいただきたく思います。
2023/02/24 10:47ご確認ありがとうございます！
2023/02/24 17:40一度、メインビジュアルを画像スライドショーにしていただいても良いですか？？
今のメインビジュアルには 4032 × 3024 の png 画像が設定されているようですが、スライドショーの画像がどうなっているか確認させていただきたいです。
お手数おかけしますが、よろしくお願いいたします！
返答ありがとうございます。
2023/02/27 09:42メインビジュアルをスライドショーに変更しました。
ご確認お願い致します。
変更ありがとうございます！
そうですね、、やはり画像自体が1360×765pxになっているようです。。（添付画像1）
⠀
⠀
ブログ記事内で使われている画像では幅2048px（WordPress で自動生成されるサイズです）の物もありますし、
こちらの検証サイトで、
●メインビジュアルに設定されていた 4032 × 3024のpng画像
●https://business-academy.info/wp-content/uploads/2023/02/homepageTOP001.png の1920 × 1080の画像
を管理画面「メディア」>「ライブラリ」の「新規追加」からアップロードするとサイズを保てるんですよね。。
（スライドショーに設定しても問題なし）
圧縮されてしまう画像は、管理画面「メディア」>「ライブラリ」の「新規追加」から追加しても、画像サイズは小さくなりますか？？（添付画像2,3）
↑この検証を行なう際も、念の為ファイル名は新規の物を使ってみてください。
度々お手数おかけしますが、よろしくお願いいたします！
2023/02/27 12:02何度もご対応いただきありがとうございます。
ファイル名を変更して（添付画像１・２）
メディアから新規追加しました。
追加した時点では、サイズは問題ありません（添付画像３・４）
しかし、メインビジュアルの画像スライドショーに選択すると、やはり1360×765pxに圧縮されてしまいます。（添付画像５）
1360×765以下だと、解像度は変わらないようで、メインビジュアルの３スライド目に1280×720pxの画像を添付しましたが、画質はそのままでした。
投稿ページでは圧縮されずにアップできています（添付画像６）
お手数おかけしますが、再度のご対応、宜しくお願い致します。
2023/02/27 13:45お世話になっております。
2023/03/03 10:41お忙しい中恐れ入りますが、
上記の件のご検証をどうぞ宜しくお願い致します。
お世話になっております。
2023/03/03 22:00ご返信が遅くなり申し訳ありません。。
改めて検証していたのですが、現状の仕様ですと画像にリンクを設定した場合のみ srcset が反映されて 1360×765 サイズになってしまいます。
こちらについてはバージョンアップで対応できないか検討中でございます。
取り急ぎ、画像のみ（リンクなし）で 1920×1080px の画像が表示されるかご確認いただけますと幸いです。
ご面倒おかけして申し訳ありませんが、よろしくお願いいたします。
ご対応いただきありがとうございます。
2023/03/06 08:56リンクを解除し、改めて名前変更し、アップロードしたものを貼り付けしてみました。
https://business-academy.info/
1360×765pxになってしまってます。
このチャットが一旦完結次第、
バージョンアップまでメインビジュアルは「ヘッダー画像」に戻そうと思います。