-
1:ID:nfiJce · 2021-05-27

#画像表示 大きい画像をサムネイル表示の箇所で小さく表示すると画像がぼやけて見えるのですが、デバイスによって表示サイズが変わるので、1枚の大きい画像を流用しようと思ってます。
大きい画像を小さい箇所で表示する際にも綺麗に表示する方法ありますでしょうか。
私が見ているブラウザはGoogleクロームで、やはりぼやけて見える感じなのですが、指摘してきたひとはたぶんIEとかスマホのサファリとかで見てると思います。

17 件の回答

2:ID:dTl9FF · 2021-05-28

素人がweb任されてます感がすごい伝わってきて草

3:ID:z57BNu · 2021-05-28

srcset でググれ

4:ID: · 2021-05-28

Re:2
disるだけで答えはもってないってこと?

5:ID: · 2021-05-28

Re:3
結局、画像は複数用意するしかないってことですかね~
IE非対応みたいだし

6:ID:R2Giza · 2021-05-28

楽にやるなら
-webkit-backface-visibility: hidden;
をimgタグに指定する。

7:ID:jMmOR6 · 2021-05-28

私が見ているブラウザはGoogleクロームで、やはりぼやけて見える感じなのですが、指摘してきたひとはたぶんIEとかスマホのサファリとかで見てると思います

この一文の無能さヤバい
よく何言ってるか分からないって言われません?

8:ID:RrRgtm · 2021-05-28

言ってることはわかるがSVGにするとかじゃね
wp改造が必要だろうけど

9:ID: · 2021-05-28

Re:6
ありがとう。
これもいいのですが、一部制限されるようなので他の方法で対応することにしました。

10:ID: · 2021-05-28

Re:7
で、答えは?ないの?

11:ID: · 2021-05-28

Re:8
ありがとう。
ヒントに探ってみます。

12:ID:RrRgtm · 2021-05-28

canvasに読み込むとかもRe:11

13:ID:gWgsyq · 2021-05-28

-webkit-backface-visibility: hiddenはけっこう有効だな
完全にやるにはやっぱ動的にcanvasで描画させるしかないのでは
マンガ読むサイトとかはそうしてるっぽいし

14:ID:rSv4/2 · 2021-05-28

IEでpicture,srcsetを使用するにはpicturefillを使用すれば使えますよ。

他の方法としてはサムネイル用の画像を用意するか、HTML上で縮小サイズが小数点になるとボヤケが強くなるので小数点にならない比率にするとかかな。

まぁ、画像を縮小したらボヤケるのはそういうものなので気にするなとしかね...。

16:ID:pLSQSa · 2021-05-28

Re:9
無償で他人にナレッジ要求しといて自己解決策を共有しないやつっているよね。

17:ID:jMmOR6 · 2021-05-28

Re:16
まあ文面やら張り付いて即レスやらでお察し

18:ID:jW5rOT · 2021-05-28

jsでretinaのときだけsrcsetつけて2倍画像読めば良いと思います。
指摘してる人にどの環境で見てるか聞いたほうが早いのでは

1 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る