在頁面中，如果想讓圖片展現得更加清晰，可以通過 CSS 來實現。以下是幾種方式：

1.<img>標簽的srcset屬性

<img src="example.jpg" srcset="example.jpg 1x, example@2x.jpg 2x">

在這種情況下，如果設備像素比率（DPR）是 2，圖片就會以兩倍的分辨率顯示，達到更好的清晰度。

2. 使用background-image屬性的background-size值為cover

background-image: url(example.jpg);
background-size: cover;

這種方式會將圖片拉伸至與元素完全匹配，以達到更清晰的效果。

3. 使用background-image屬性的background-size值為contain

background-image: url(example.jpg);
background-size: contain;

這種方式會將圖片縮小至元素的大小，并以原比例展示，以達到更清晰的效果。

以上就是幾種通過 CSS 讓圖片變得更清晰的方法。具體選擇哪種方式應根據實際情況而定。