當圖庫加載時，圖片和圖標變得像素化

Question

我的網站主頁上有一個內容滑塊（All-in-one-banner排序）。 每當此橫幅滑入隊列中的下一張圖像時，我的頁面上的其他圖像（png格式）就會變得像素化。特別是它發生在Chrome中。

圖片和圖標（如徽標，用於導航的圖標等） - 當橫幅上的新幻燈片發生變化時，它們會變得像素化。

請幫幫我。

演示鏈接（在Chrome中打開）： 當旗幟變化的幻燈片，只看上面的標誌和徽標的權利，也低於,: indiaemerge.com/ieys2013

的個人資料照片

Answer 1

我能弄清楚的解決方案是不應該使用大尺寸的圖像。 例如：我正在嘗試使用尺寸爲800px X 400px的圖像來將它放入200px X 50px的分區中。正因爲如此，當幻燈片發生變化時，圖像會變形。

我減少了圖像的尺寸和分辨率以匹配目標分區的尺寸，並且工作正常。 解決這個問題的另一種方法是使用svg圖像文件。

所以這裏要學習的一點是，總是儘可能精確地使用圖片（如果它是PNG或JPG格式），其大小滿足您的要求。如果這是一個svg圖像文件，那麼不會有任何問題。