提供一致的體驗 – 和最佳圖像 – 通過多種桌面和移動設備的仍然為開發(fā)商帶來巨大的挑戰(zhàn)。他們需要考慮圖像的大小 – 因為較大的文件需要更長的時間來下載,吃起來的帶寬和對網(wǎng)站的性能和用戶體驗產(chǎn)生負面影響 – 和以及在其上的所查看的設備的類型的圖形設計,其中圖像被放置…
提供一致的體驗 – 和最佳圖像 – 通過多種桌面和移動設備的仍然為開發(fā)商帶來巨大的挑戰(zhàn)。他們需要考慮圖像的大小 – 因為較大的文件需要更長的時間來下載,吃起來的帶寬和對網(wǎng)站的性能和用戶體驗產(chǎn)生負面影響 – 和以及在其上的所查看的設備的類型的圖形設計,其中圖像被放置。
當你想改善與視覺吸引力的圖像參與,提供更快的頁面加載適當?shù)膱D像格式,并在大范圍需要不同的圖形布局,分辨率和視口設備提供一致的體驗高效的圖像管理是關(guān)鍵。
目標:以提高開發(fā)效率,加速你的網(wǎng)站推向市場,并找到一種方法,以避免創(chuàng)建每個圖像的多個版本,以支持響應式設計。為了幫助您實現(xiàn)這些目標,有您應該使用的四個最佳做法:
圖像優(yōu)化涉及用盡可能小的文件大小傳送的圖像,同時保持視覺質(zhì)量。這樣做可以節(jié)省字節(jié),加速您的網(wǎng)站的性能。
為了選擇最佳的圖像,你必須了解所有影響圖像的文件大小和質(zhì)量,以及考慮可能會導致不必要的帶寬使用,如浪費的瀏覽器端的大小調(diào)整什么樣的行動,一個和提供靜態(tài)圖標之一的各種因素使用跨所有交付媒介單一的圖像大小。
其中的圖像優(yōu)化的主要方面包括選擇正確的格式提供給用戶,并避免使用不必要的高畫質(zhì)圖像。你應該尋找動態(tài)地選擇最有效的格式的解決方案 – 無論是傳統(tǒng)的JPEG,PNG和GIF,還是現(xiàn)代的格式,如的WebP由谷歌和微軟開發(fā)的JPEG XR開發(fā) – 自動適當?shù)卣{(diào)整壓縮質(zhì)量,要求每個場景。
隨著越來越多地使用響應式設計的,你需要確保你也能擴展和裁剪圖像,以適應任何頁面布局,在任何設備上。
毫無疑問,你有將圖像添加到您的網(wǎng)站或應用程序相關(guān)的特定的工作流程。在許多情況下,設計者將創(chuàng)建的藝術(shù)作品,則顯影劑請求多個大小有關(guān)的各種設備和多個格式不同的瀏覽器顯示。
然后,他們必須存儲多個版本,并編寫可以選中并傳送到每個用戶的正確版本的邏輯。如果你曾經(jīng)做過這個,你知道這需要時間顯著量,并能減緩你的時間去市場。
理想情況下,你應該自動化過程盡可能地。您使用應使您的任何解決方案,以創(chuàng)建圖像,然后可以動態(tài)轉(zhuǎn)換,并在正確的版本交付,以滿足每一位用戶和每臺設備的觀看條件之一的高品質(zhì)版本。通過這樣做,你將不需要你的設計師來設計打造每一個圖像的多個版本,或做額外的工作,如果你需要以任何方式改變了圖像節(jié)省時間和資源。
盡管網(wǎng)站都在顯著的外觀和風格多年來改變-從簡單的基于文本的頁面,以先進的瀏覽器應用程式完整圖像和視頻-底層HTTP協(xié)議確實沒有改變-直到最近,隨著審批HTTP / 2協(xié)議由IETF。使用HTTP / 2可以幫助您優(yōu)化您的應用或網(wǎng)站更加用戶體驗。
通常這個新的HTTP協(xié)議將提高網(wǎng)站的性能; 減少通過支持的報頭壓縮所需要的帶寬量; 改善延遲,使開發(fā)人員更容易使用的優(yōu)化連接,省去了需要域分片等細膩的表現(xiàn)技巧。
移動到HTTP / 2時,您將看到最大的區(qū)別就是有大量圖像的網(wǎng)頁。和一個單頁上,更多的改進,將可以看到的更多的圖像。其原因是:利用HTTP / 2,而不是請求順序圖像或創(chuàng)建多個并行連接時,瀏覽器向服務器的單個連接,并優(yōu)化通過單個連接的請求的所有圖像。
內(nèi)容分發(fā)網(wǎng)絡(CDN)是大的,地理上分布的專用服務器,以加快互聯(lián)網(wǎng)連接設備交付Web內(nèi)容和富媒體網(wǎng)絡。
的CDN提供給各方,包括網(wǎng)絡用戶,內(nèi)容和應用所有者和服務提供商帶來許多好處。這些網(wǎng)絡支持更快的頁面加載,改善用戶體驗,從而最終降低放棄率,增加印象,提高了轉(zhuǎn)化率,增強客戶的忠誠度。
這些最佳實踐將幫助您創(chuàng)建一個無縫的,終端到終端的過程與圖像處理,包括上傳,組織,瀏覽,存儲,交付和管理的所有圖像。隨著Cloudinary的解決方案,你可以從一個單一的平臺,這將進一步幫助減少整合的麻煩和混亂,同時提高了團隊協(xié)作迅速有