[問題] 要做全版網頁 底圖才多少才不會失真

[G4321 (小胖囉)]

最近在做RWD的網頁  很多人都說 設定1300~1400PX的寬就好了呀  反正有COVER

可以撐滿  但缺點是會失真  我是想要做成1920PX的寬 但似乎會太大

想問問版上各位 如果你做全版的網頁  你的底圖通常都是設定多少的寬呢?

先感謝各位的回覆

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.69.149
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1447326948.A.C38.html
推 ian90911: 那向量呢
推 storyn26383: 如果是 5k 螢幕呢?
推 neocc: 那就做一個圖片像素跟5k 1:1
=.=

→ eggimage: 有個前提要素你沒講 這圖的用途是什麼
我其實對於圖片還是一知半解 到底要多少的寬高來當底圖比 才不會失真

→ eggimage: 700px寬度壓到低於80KB大小都可在高解析螢幕全版不模糊
推 neocc: 我覺得還是要看螢幕是幾吋的  dpi夠大  眼睛就看不出來
→ eggimage: 但"失真"是一個相對的形容 看你需求 可以差別到很大
→ eggimage: 我一般不會傳一個大於1000px寬的圖上去 浪費流量又拖慢
就跟DPI72 跟DPI300 然後滑鼠滾輪往下放大一點的差別

推 storyn26383: 一般來說都是用可以無限重複的圖，就算真的用 5k 的
→ storyn26383: 圖了，也不知道要載多久
※ 編輯: G4321 (61.228.69.149), 11/12/2015 22:28:26
推 serialbanana: 寬度1600px，可以去tinypng.org 壓縮檔案大小
→ serialbanana: 或是讀另外一張圖片
→ dlikeayu: 先用js判斷client端是什麼寬度再處理DOM的問題
→ dlikeayu: 720P以上就可以做一些preload機制，讓user覺得舒服點
→ dlikeayu: 再極端一點就是做個全站解析度10的圖當底，等scroll到再
→ dlikeayu: loading真的圖進來
→ threeus: 你放這麼大，結果流量有八成是手機