[css] css圖片縮放失真出現(xiàn)鋸齒的如何解決呢？

1、-ms-interpolation-mode，這是針對IE的解決方案。其值設置為bicubic。 2、image-rendering，這是提供了一個速度VS質量之間做權衡的圖像縮放關系。 額外的思考： 1、微信上傳圖片時，服務端會自動把圖片做不同尺寸的處理。我們可以采用這個思路來解決圖片縮放產生的問題。 2、SVG的技術，是一種矢量圖的解決方案，縮放不會產生失真，我們可以把圖片轉為SVG來展示。 3、canvas技術，也是一種繪圖技術，可以把圖片轉為canvas。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[css] css图片缩放失真出现锯齿的如何解决呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。