首頁 響應式狂潮 響應式圖片
以類別搜尋
以關鍵字搜尋
響應式圖片

關於響應式圖片的處理方式有很多的論點,但我們認為,要符合響應式規範的 圖片,有兩個最基本條件

  1. 圖片大小要能夠雖螢幕或瀏覽器大小縮放
  2. 圖片的網路傳輸量 要能夠隨著網路環境變化

 

關於第一點 圖片大小縮放,在大部分的響應式網站中都有做到這一點

 我們以 分享食材料理 出名的網站 FoodSense(http://foodsense.is/) 為例 :

 

在瀏覽器較大的模式下,圖片大小保持原本的寬度 

 

 

在瀏覽器縮小後 或者 以手機來檢視,圖片看起來的確也是縮小了。

 

 

這似乎滿足了響應式圖片的要求 

 

 

不過關於第二點 圖片網路傳輸量應隨著 網路環境與瀏覽器大小 而控制,就跟絕大部分響應式網站一樣,完全沒有處理。

 

不管是用大尺寸瀏覽器來看 或者是 小尺寸的手機瀏覽器來看,網路傳輸的圖片永遠是同一張,檔案大小為 51k 的超大張圖片,如下 :

 

即使用小螢幕的手機去看 , 圖片也不會去壓縮 以減輕網路傳輸的負擔 , 這對 戶外使用手機的用戶來說 , 是一個很糟糕的體驗 , 網路傳輸圖片要花很久時間,大部分的情況,使用者會直接跳過者個網站 不再等待

 

在 zTalk 發展初期,也曾遇到這樣的問題,因為沒有特別的壓縮圖片,導致使用者體驗不良 , 但是若要處理 , 則需要對所有相關展示圖片 都做動態壓縮動作 以及許許多多的延伸問題,這使得 zTalk 發展延遲了近半年的時間才推出,但目前的 zTalk 可以很有自信的對客戶保證,您的客戶絕對會對瀏覽您的網站 感到舒適愉悅 。

 

Copyright © 1999 - 2017 大都市資訊科技有限公司  版權所有
TEL: 0938-111-356 , (02)8970-6038 / (02)8672-0666
 

營業時間 10:30 AM ~ 6:30 PM