トップページの画像が粗い

  • # ホームページ制作について
  • Eye28
  • Useraki
  • Calender2021/04/08

解答
受付中

トップページの画像が粗く表示されます。
元の写真はフォトフォルダではきれいに見れるのですが...
画像表示の大きさも大中小どれも変わりません。
教えていただいけると嬉しいです。


4/9 追記

丁寧にご回答いただき感謝致します。

ファイルをアップロードしてからではなく、基本情報の設定のページで
トップのメイン画像から画像を選択しアップしました。
メインの画像のみ粗く表示されます。
言葉が足りず申し訳ありません。

ご回答をよく読み、どちらも試してみましたが改善しませんでした。
試しにネットのフリー素材を色々ダウンロードしてアップしても同じように
画像が粗くなります。
また、どのデザインで試しても同じでした。
トップページの他の埋め込み画像や他のページの画像はきれいに
見れます。

PCとiPadでやっても同じなのですが...
まだ無料会員だからでしょうか?
お手本のHPのお写真はとてもきれいに見れるので
気になってしまいます。
何かよいお知恵があれば教えていただけると幸いです...。

ご質問者様へ|この問題は解決しましたか?

コメントにより質問の内容が解決したら、解決したことをお知らせしましょう。

解決した!

みんなの回答を見る

  • Userhiguita
  • Calender2021-04-09 16:27:26

恐らくファイルアップロード機能でアップロードした画像をトップページの記事内などに掲載すると画像が粗くなってしまうということかと思います。

基本的には画像を拡大表示すると粗くなってしまうので、その可能性が高いかと思います。
ファイルアップロード機能を利用した場合の画像の大きさは使い方ページ(https://pr.toriaez.jp/navi/howto/61.html)によると
「サイズ大」・・・横幅860px
「サイズ中」・・・横幅600px
「サイズ小」・・・横幅180px
らしいので、元の画像が上記より大きければ画像が縮小して利用されるので、粗くならないかと思います。
※元の画像の大きさの確認方法はWindowsであれば、画像ファイルを右クリックして、「プロパティ」を開き、「詳細」タブをクリックすると確認できます。

画像表示の大きさも大中小どれも変わらないとのことなので、元の画像の大きさが横幅180pxより小さくないかを確認してみるといいと思います。

他に考えられることとしては、記事内の画像埋め込み用タグに、上記以上の大きさのwidthなどを設定されている場合かと思います。
例えば画像の大きさを「サイズ小」にして、画像埋め込み用タグに「width="360px"」などを追記すると、横幅180pxの画像を横幅360pxに拡大して表示するようになるので、画像が粗くなってしまいます。
※こんな感じです↓
<img src="https://media.toriaez.jp/●●●●/▲▲▲▲_s.png" alt="" width="360px">

もし、widthやheightを設定している場合は一度widthやheightを削除して確認してみるといいと思います。

記事を編集する
次のページ