確保使用Photoshop的“保存到網(wǎng)絡(luò)設(shè)備”選項(xiàng)

      Adobe Photoshop是目前最流行的位圖圖像編輯器，被大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師和網(wǎng)站所有者使用。在許多其他功能中，Photoshop為在線使用圖像提供了一個(gè)高效的圖像優(yōu)化器。

      雖然我認(rèn)識(shí)的大部分網(wǎng)友都在用Photoshop，但我總是驚訝地發(fā)現(xiàn)，真正使用“存為Web”功能的人很少。這個(gè)非常方便的工具允許您保存任何圖像的網(wǎng)絡(luò)優(yōu)化副本，確保足夠的質(zhì)量，同時(shí)大大減小圖像的大小。

      要優(yōu)化您的圖片，請(qǐng)使用Adobe Photoshop工具，只需打開您的圖片，導(dǎo)航到文件保存網(wǎng)頁(yè)和設(shè)備。選擇所需的圖像格式并保存圖像。簡(jiǎn)單有效的方法，讓你的網(wǎng)站加載更快，節(jié)省帶寬。

      通過防止熱鏈接來節(jié)省帶寬

      Hotlink是在非自己的網(wǎng)站上非法使用和顯示圖片。最大的問題是，當(dāng)你的圖片顯示在他們的網(wǎng)站上時(shí)，他們正在使用你的帶寬。所以，你為他們網(wǎng)站的帶寬買單。

      不用說，為了節(jié)省帶寬，降低相關(guān)成本，應(yīng)該禁用熱鏈。他們有幾種方法來做這件事。

      使用Apache

      在Apache服務(wù)器上，您可以使用以下代碼禁用熱鏈接，并用您選擇的映像替換熱鏈接映像。

      使用Nginx

      在Nginx服務(wù)器上，可以使用配置文件下面的代碼輕松禁用熱鏈接。

      實(shí)現(xiàn)圖像的本地緩存

      與文本不同，圖片一旦顯示在您的網(wǎng)站上，就很少更新。因此，您的瀏覽器完全沒有必要每次訪問您的網(wǎng)站時(shí)都下載相同的圖片。你所需要做的就是告訴瀏覽器，它不需要在你每次訪問你的網(wǎng)站時(shí)都再次下載圖片，而是使用本地緩存的副本。

      不要用圖片去做你用CSS能做到的事情

      曾經(jīng)，使用圖像資產(chǎn)來處理背景圖像、按鈕或容器等東西是很常見的。這是有道理的，因?yàn)镃SS技術(shù)當(dāng)時(shí)沒有現(xiàn)在這么復(fù)雜強(qiáng)大。不幸的是，很多人仍然依賴圖像資源來處理通過CSS很容易實(shí)現(xiàn)的東西，比如漸變。所以建議你盡量使用css，減少圖片的使用。

      想要學(xué)習(xí)web前端的同學(xué)，可以參考千鋒成都web前端培訓(xùn)班（www.yncex.com）的學(xué)習(xí)路線，千鋒成都有著多年IT行業(yè)培訓(xùn)經(jīng)驗(yàn)，在業(yè)內(nèi)有著極好的口碑，選擇千鋒教育成都校區(qū)，助你輕松學(xué)習(xí)web前端。

上一篇

成都零基礎(chǔ)IT培訓(xùn)機(jī)構(gòu)哪家好？

下一篇

成都ui設(shè)計(jì)培訓(xùn)班好學(xué)嗎？主要用來做什么？