- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
投稿・固定ページを表示した際にアイキャッチ画像が表示されるように設定しているのですが、
ディスプレイサイズに対して低い解像度のアイキャッチ画像が当てられてしまい画像がボケてしまいます。
テーマの設定値【サイト幅:1200px】【1カラム時の記事コンテンツ幅:1200px】【1カラム時のサイドバー:なし】です。
ブラウザーはフルスクリーンで閲覧していますが、
アイキャッチに当てられている画像が「1024×576px」の画像になってしまいます。(レンダリングサイズが1136×639pxなので引き伸ばされています)
アイキャッチに当てられている画像が「1536×864px」になると嬉しいです。
ディスプレイサイズに合わせてアイキャッチ画像を差し替えていると思いますが、
imgタグの「sizes="(min-width: 960px) 960px, 100vw"」はmin-width値が「1カラム時の記事コンテンツ幅」値と連動して頂けると丁度良くなるのではないかと考えております。
私の設定による問題であれば正しい解像度の画像が表示される方法を教えて頂ければありがたいです。
もしテーマの不具合であればお手すきの際で構いませんので改善頂ければ幸いです。 よろしくお願い致します。
閲覧環境
PC、Windows11、Chrome(version 131.0.6778.109)の環境です。
ディスプレイサイズ 1920×1080
SWELLバージョン: 2.13.0を使用しております。
テーマの設定値
サイト幅:1200px
1カラム時の記事コンテンツ幅:1200px
1カラム時のサイドバー:なし
過去ログにも同じような投稿があり解決済みになっていたものの、私の環境でも同じような不具合があったため改めて投稿させて頂きました。
【[解決済] アイキャッチの画像がぼやけます】
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/
Really Simple SSL
SEO SIMPLE PACK
XML Sitemaps
XO Featured Image Tools
SWELLのオプションにある機能停止に【】があります。
そちらをチェックすれば画像がそのまま表示されます。
@windorz 早速お返事を頂きありがとうございます!
先程試してみたところ「」が外れて、一番高解像度のアイキャッチ画像が当てられるようになりました。
こんな設定項目があったのですね。 教えて頂きありがとうございます。