トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
トピックスターター
投稿・固定ページを表示した際にアイキャッチ画像が表示されるように設定しているのですが、
ディスプレイサイズに対して低い解像度のアイキャッチ画像が当てられてしまい画像がボケてしまいます。
テーマの設定値【サイト幅：1200px】【１カラム時の記事コンテンツ幅：1200px】【１カラム時のサイドバー：なし】です。
ブラウザーはフルスクリーンで閲覧していますが、
アイキャッチに当てられている画像が「1024×576px」の画像になってしまいます。（レンダリングサイズが1136×639pxなので引き伸ばされています）
アイキャッチに当てられている画像が「1536×864px」になると嬉しいです。
ディスプレイサイズに合わせてアイキャッチ画像を差し替えていると思いますが、
imgタグの「sizes="(min-width: 960px) 960px, 100vw"」はmin-width値が「１カラム時の記事コンテンツ幅」値と連動して頂けると丁度良くなるのではないかと考えております。
私の設定による問題であれば正しい解像度の画像が表示される方法を教えて頂ければありがたいです。
もしテーマの不具合であればお手すきの際で構いませんので改善頂ければ幸いです。 よろしくお願い致します。
閲覧環境
PC、Windows11、Chrome(version 131.0.6778.109)の環境です。
ディスプレイサイズ 1920×1080
SWELLバージョン: 2.13.0を使用しております。
テーマの設定値
サイト幅：1200px
１カラム時の記事コンテンツ幅：1200px
１カラム時のサイドバー：なし
過去ログにも同じような投稿があり解決済みになっていたものの、私の環境でも同じような不具合があったため改めて投稿させて頂きました。
【[解決済] アイキャッチの画像がぼやけます】
https://users.swell-theme.com/forum/swell-forum/%E3%82%A2%E3%82%A4%E3%82%AD%E3%83%A3%E3%83%83%E3%83%81%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%8C%E3%81%BC%E3%82%84%E3%81%91%E3%81%BE%E3%81%99/
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.13.0
利用中のPHPバージョン
7.4.33
OS
Windows 11
利用中のWordPressバージョン
6.6.2
利用中のサーバー会社
さくらインターネット
ブラウザ
Chrome
利用中のプラグイン一覧
Really Simple SSL
SEO SIMPLE PACK
XML Sitemaps
XO Featured Image Tools
投稿済 : 10/12/2024 4:52 pm
SWELLのオプションにある機能停止に【】があります。
そちらをチェックすれば画像がそのまま表示されます。
投稿済 : 11/12/2024 3:01 am
トピックスターター
@windorz 早速お返事を頂きありがとうございます！
先程試してみたところ「」が外れて、一番高解像度のアイキャッチ画像が当てられるようになりました。
こんな設定項目があったのですね。 教えて頂きありがとうございます。
投稿済 : 11/12/2024 8:42 am