皆様、お世話になります。

アイキャッチやセクション画像でfix（画像固定）した時、画像の左右が見切れて、画像が拡大表示されます。
思ったイメージと変わり、画像が少し粗く表示されてしまいます。

fixとfitは併用できず、何度も画像を作り直しては、表示イメージを確認したりしています。

fixで画像固定する場合は、そんなものなのでしょうか？
左右が見切れること、拡大表示されることを見越して、左右に大きく解像度の高い画像を用意する、という事なのでしょうか？

fixを利用されている方は、どのようにしていらっしゃるのでしょうか？
お聞かせ頂けると有難いです。
宜しくお願いいたします。

編集

>画像は横幅は1,500〜2,000pxで作っています。
>縦幅は500〜700程度です。

あ、これは縦長画像を用意する方が楽ですよ。
様々な縦横比の画像を用意してテストし、どんな場合にどんな結果になるのかよく観察
すると判りやすいです。

ちなみに、スマホの縦画面はやけに縦長のブラウザで見ている状態です。
ですから、そこに横長の画像を用意すると、プログラムとしてはその画像の縦横比そのま
まに、かなり拡大した画像が貼り付けられた状況になります。すると画像の左右が切れて
しまうのも道理となります。

編集

>Yujiroさん

いろいろとありがとうございます。
画像は横幅は1,500〜2,000pxで作っています。
縦幅は500〜700程度です。

いろいろと試してはおりますが、横幅の左右が見切れた状態になり、
縦幅を変更すると、横幅表示も変わってきてしまいます。
またいろいろと試してみますね。


>うみほしさん
分類表示、了解いたしました。
ご迷惑をお掛けして、申し訳ありません。

編集

たかぼーさんもこの掲示板の使い方をお読みください。
タイトルには【　】で分類を書くようにお願いしています。

編集

fixのときのコツとして、閲覧を想定しているブラウザの縦横いっぱいを希望する解像度に
なる程度の画像を用意すると良いです。かなり大きい画像になります。

画像固定ということは、ブラウザいっぱいに表示されている画像を「箱メガネ」で見ている
ような状態を想像してください。元の画像が小さい時、それを上下左右に引き伸ばさざる
をえないわけです。

例えば、固定した画像の縦幅が100pxしかなければ、ブラウザで下に100px移動すると、
その画像はもう消えてなくなりますよね。そういうわけで元の画像が小さい時は、ブラウ
ザ縦幅程度には自動的に引き伸ばされてしまいます。

編集