[問題] 要做全版網頁底圖才多少才不會失真 G4321 PTT批踢踢實業坊

作者: G4321 (小胖囉) 2015-11-12 19:15:45

最近在做RWD的網頁很多人都說設定1300~1400PX的寬就好了呀反正有COVER
可以撐滿但缺點是會失真我是想要做成1920PX的寬但似乎會太大
想問問版上各位如果你做全版的網頁你的底圖通常都是設定多少的寬呢?
先感謝各位的回覆

作者: ian90911 (xopowo) 2015-11-12 19:40:00

那向量呢

作者: storyn26383 (販賣機) 2015-11-12 19:58:00

如果是 5k 螢幕呢?

作者: neocc (neo) 2015-11-12 20:18:00

那就做一個圖片像素跟5k 1:1

作者: eggimage (目前沒有名片) 2015-11-12 20:24:00

有個前提要素你沒講這圖的用途是什麼700px寬度壓到低於80KB大小都可在高解析螢幕全版不模糊

作者: neocc (neo) 2015-11-12 20:27:00

我覺得還是要看螢幕是幾吋的 dpi夠大眼睛就看不出來

作者: eggimage (目前沒有名片) 2015-11-12 20:27:00

但"失真"是一個相對的形容看你需求可以差別到很大我一般不會傳一個大於1000px寬的圖上去浪費流量又拖慢

作者: storyn26383 (販賣機) 2015-11-12 21:22:00

一般來說都是用可以無限重複的圖，就算真的用 5k 的圖了，也不知道要載多久

作者: serialbanana (連續超級英雄) 2015-11-14 21:40:00

寬度1600px，可以去tinypng.org 壓縮檔案大小或是讀另外一張圖片

作者: dlikeayu (太陽拳vs野球拳) 2015-11-17 03:43:00

先用js判斷client端是什麼寬度再處理DOM的問題720P以上就可以做一些preload機制，讓user覺得舒服點再極端一點就是做個全站解析度10的圖當底，等scroll到再loading真的圖進來

作者: threeus (ä¾è¡›) 2015-12-05 16:09:00

你放這麼大，結果流量有八成是手機

繼續閱讀