Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
アイキャッチの画像がボケます(適切な解...
 
通知
すべてクリア

[解決済] アイキャッチの画像がボケます(適切な解像度の画像が表示されません)

3 投稿
2 ユーザー
0 Likes
44 表示
たばた
(@tabata)
投稿: 2
メンバー
Topic starter
 

投稿・固定ページを表示した際にアイキャッチ画像が表示されるように設定しているのですが、
ディスプレイサイズに対して低い解像度のアイキャッチ画像が当てられてしまい画像がボケてしまいます。

テーマの設定値【サイト幅: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/

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページの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

This topic was modified 2日前 2回 by たばた
 
投稿済 : 10/12/2024 4:52 pm
トピックタグ
サブロ
(@windorz)
投稿: 155
メンバー
 

SWELLのオプションにある機能停止に【】があります。

そちらをチェックすれば画像がそのまま表示されます。

 

 
投稿済 : 11/12/2024 3:01 am
たばた
(@tabata)
投稿: 2
メンバー
Topic starter
 

@windorz 早速お返事を頂きありがとうございます!

先程試してみたところ「」が外れて、一番高解像度のアイキャッチ画像が当てられるようになりました。

こんな設定項目があったのですね。 教えて頂きありがとうございます。

 
投稿済 : 11/12/2024 8:42 am
共有: