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

看板Web_Design作者 (小胖囉)時間9年前 (2015/11/12 19:15), 9年前編輯推噓6(6011)
留言17則, 7人參與, 最新討論串1/1
最近在做RWD的網頁 很多人都說 設定1300~1400PX的寬就好了呀 反正有COVER 可以撐滿 但缺點是會失真 我是想要做成1920PX的寬 但似乎會太大 想問問版上各位 如果你做全版的網頁 你的底圖通常都是設定多少的寬呢? 先感謝各位的回覆 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.69.149 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1447326948.A.C38.html

11/12 19:40, , 1F
那向量呢
11/12 19:40, 1F

11/12 19:58, , 2F
如果是 5k 螢幕呢?
11/12 19:58, 2F

11/12 20:18, , 3F
那就做一個圖片像素跟5k 1:1
11/12 20:18, 3F
=.=

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

11/12 20:26, , 5F
700px寬度壓到低於80KB大小都可在高解析螢幕全版不模糊
11/12 20:26, 5F

11/12 20:27, , 6F
我覺得還是要看螢幕是幾吋的 dpi夠大 眼睛就看不出來
11/12 20:27, 6F

11/12 20:27, , 7F
但"失真"是一個相對的形容 看你需求 可以差別到很大
11/12 20:27, 7F

11/12 20:28, , 8F
我一般不會傳一個大於1000px寬的圖上去 浪費流量又拖慢
11/12 20:28, 8F
就跟DPI72 跟DPI300 然後滑鼠滾輪往下放大一點的差別

11/12 21:22, , 9F
一般來說都是用可以無限重複的圖,就算真的用 5k 的
11/12 21:22, 9F

11/12 21:22, , 10F
圖了,也不知道要載多久
11/12 21:22, 10F
※ 編輯: G4321 (61.228.69.149), 11/12/2015 22:28:26

11/14 21:40, , 11F
寬度1600px,可以去tinypng.org 壓縮檔案大小
11/14 21:40, 11F

11/14 21:40, , 12F
或是讀另外一張圖片
11/14 21:40, 12F

11/17 03:43, , 13F
先用js判斷client端是什麼寬度再處理DOM的問題
11/17 03:43, 13F

11/17 03:44, , 14F
720P以上就可以做一些preload機制,讓user覺得舒服點
11/17 03:44, 14F

11/17 03:44, , 15F
再極端一點就是做個全站解析度10的圖當底,等scroll到再
11/17 03:44, 15F

11/17 03:45, , 16F
loading真的圖進來
11/17 03:45, 16F

12/05 16:09, , 17F
你放這麼大,結果流量有八成是手機
12/05 16:09, 17F
文章代碼(AID): #1MH7Jamu (Web_Design)
文章代碼(AID): #1MH7Jamu (Web_Design)