由于加載時間過長，縱觀從一端與訪客遺棄的IT成本,你可能想好好看看如何在線管理你的圖片。當每一秒傳遞減少你的網(wǎng)站的整體轉(zhuǎn)換并最終營收-它使得你想盡可能優(yōu)化你的圖片和圖片傳輸而變得非常有意義.一起和贏在威客網(wǎng)小編看看吧。
1. 奢侈的在瀏覽器端調(diào)整圖片大小
我們常常觀察到開發(fā)者所使用的一個快捷方式就是使用瀏覽器端的圖片大小調(diào)整，而不是在服務器端就把圖片的大小調(diào)整好、.
情況常常是一樣的 - 網(wǎng)站中擁有許多特定尺寸的縮略圖，然后圖形的設計發(fā)生了變化. 新的圖形設計要求縮略圖尺寸有一點輕微的變化，而我們的開發(fā)者，有時是隨意，有時則是刻意的，就使用原來的大尺寸圖片，只是針對瀏覽器調(diào)整一下圖片的CSS高度和寬度，使圖片看起來是一張縮略圖.
在現(xiàn)代瀏覽器上，最終結(jié)果看上去確實是一樣的，但是加載圖片所耗費的帶塊卻是不一樣的. 你的網(wǎng)站訪問這需要浪費珍貴的時間來加載一張不必要的拉圖片，而你則浪費了多余的帶寬去傳輸他們. 對于更老的瀏覽器這一問題會更加的突出，因為他們調(diào)整圖片尺寸的算法效率是低于平均水品的.
2. 沒必要的高質(zhì)量JPEG圖片
JPEG圖片確實為web帶來革命性的影響. 多年以來，這一有損壓縮格式讓web開發(fā)者可以值耗費較任何其它競爭對手更低的帶寬來加載帶有高細節(jié)的高分辨率圖像.
而我們?nèi)匀徊粩嗫吹介_發(fā)者和圖形設計師不去嘗試對圖像進行JPEG壓縮. 事實上，在大多數(shù)網(wǎng)站中，你都可以在觀看質(zhì)量沒有明顯損失的前提下安全吧JPEG質(zhì)量降低一個檔次.
而85%的 JPEG 圖像質(zhì)量 似乎很普遍，我們看到許多網(wǎng)站中的質(zhì)量都普遍是在95%，而一個更低的質(zhì)量水品，其實可以再不損害整個體驗的情況下大大解決帶寬. 最終結(jié)果是更高的帶寬消耗，以及網(wǎng)絡延時給用戶體驗帶來的影響.
3.錯誤的圖片文件類型
當前的網(wǎng)站是 JPEG、PNG 以及 GIF 三分天下。網(wǎng)站中平均起來 JPEG 和 GIF 占大約 40%，PNG 占剩下的 20%。
關于這三種格式的好的（以及壞的）方面是它們每一個在網(wǎng)站中都有不同的角色。使用錯誤圖片格式是浪費訪問者的時間以及你自己的錢。
在 Cloudinary 中，我們最常見的錯誤是使用PNG來投遞照片。對于PNG的通常的誤解是它是無損的格式，并認為它是照片最可能的替代品。通常來說這沒錯，也確實沒必要做優(yōu)化。只需要一點點PNG文件大小就可以獲得質(zhì)量相當?shù)母哔|(zhì)量JPEG圖片。
4.發(fā)表非優(yōu)化的圖片
我們知道PNG是無損格式，但是你知道它可以進一步壓縮嗎？發(fā)表同樣精細的圖片，免費的PNG壓縮工具可以將PNG大小減少達到50%。同樣精細的圖片，而只有一半大??？當我腦殘嘛。不幸的是，許多開發(fā)者和網(wǎng)站設計者跳過了這一步，發(fā)表了非優(yōu)化圖片。
5.忘記脫掉圖片meta數(shù)據(jù)
許多現(xiàn)代網(wǎng)站允許訪問者上傳照片。無論它是用戶的輪廓圖還是近期旅行的共享照片，這些都帶有現(xiàn)代相機的原始信息，很可能引入許多meta信息到照片中。
meta數(shù)據(jù)在EXIF/IPTC格式中，包含大量的相機和照片信息，包括相機型號、日期和時間信息、光圈、快門速度、焦長、測光模式、ISO、全球定位和許多其他信息片段。
