新鄉(xiāng)億豐科技
171.14.34.*
2017-02-26 12:14:45 |
無論是做網(wǎng)站，還是更新網(wǎng)站內(nèi)容，好多站長都喜歡使用大量的圖片，目的是為了讓自己的網(wǎng)站看起來圖文并茂，更加美觀一些，從而吸引用戶停留在頁面的時間更長一些。誠然愿望是極為美好的，但是網(wǎng)站的圖片一旦多了，若是不采取任何的優(yōu)化措施，就會降低網(wǎng)站的訪問速度。這不，新鄉(xiāng)網(wǎng)站建設(shè)公司億豐科技就整理出來了網(wǎng)站制作中關(guān)于圖片優(yōu)化的13個原則，我們一起來看下吧。
1、網(wǎng)站制作開始前要做好規(guī)劃，包括要用到哪些圖片、用多少圖片、什么圖片在哪里使用等。
2、如非必要展示全景，可以對圖片進行裁剪，只保留與頁面內(nèi)容有關(guān)聯(lián)的部分。
3、同一篇文章需要上傳多張圖片的時候，要學(xué)會將它們或兩張、或四張的組合成一張圖片再上傳。
4、制作網(wǎng)站邊框、背景時，能用CSS處理的就用，其次再考慮使用圖片。
5、相同條件下，png格式的圖片是最小的，網(wǎng)站上的圖片能不用jpg和gif格式的就要用了，優(yōu)先png。
6、一定要在html中寫清楚圖片的大小。
7、在PS過程中，直接縮放圖片非常容易造成圖像清晰度下降，**能用smart sharpen（智能銳化）進行處理。
8、雖然png格式的圖片已經(jīng)是最小的了，但是當把它們的顏色位數(shù)進行最小化時，圖片還會更小哦，本技巧對于gif格式圖片同樣適用。
9、依然要說png和gif格式的圖片，把它們的dithering（抖動顯示）最小化，會更小。
10、當需要在圖片上添加文字的時候，一般的美工只是簡單的將目標文字嵌入到圖片中，而真正**的美工會將圖片背景透明化或利用CSS定位，然后再令文字覆蓋在圖片上，看上去效果是一樣的，但是后者對圖片的壓縮程度是要大上許多的。
11、在壓縮png和gif格式圖片的時候，若是它們本身就比較小，就放心的進行有損壓縮吧。
12、壓縮圖片還有一個小技巧，那就是事先進行降噪處理，然后壓縮得到的圖片會更小。
13、說了那么多png和gif格式圖片，**就以jpg格式圖片結(jié)尾吧，壓縮之前先模糊背景，得到的jpg圖片會更小。（本文源自新鄉(xiāng)網(wǎng)絡(luò)公司億豐科技http://www.xxyfkj.cn/gongsixinwen/117.html，如需轉(zhuǎn)載請注明出處） |
您當前的位置: 首頁 > 行業(yè)貼吧 > 話題