作者G4321 (小胖囉)
看板Web_Design
標題[問題] 要做全版網頁 底圖才多少才不會失真
時間Thu Nov 12 19:15:45 2015
最近在做RWD的網頁 很多人都說 設定1300~1400PX的寬就好了呀 反正有COVER
可以撐滿 但缺點是會失真 我是想要做成1920PX的寬 但似乎會太大
想問問版上各位 如果你做全版的網頁 你的底圖通常都是設定多少的寬呢?
先感謝各位的回覆
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.69.149
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1447326948.A.C38.html
1F：推 ian90911: 那向量呢 11/12 19:40
2F：推 storyn26383: 如果是 5k 螢幕呢? 11/12 19:58
3F：推 neocc: 那就做一個圖片像素跟5k 1:1 11/12 20:18
=.=
4F：→ eggimage: 有個前提要素你沒講 這圖的用途是什麼 11/12 20:24
我其實對於圖片還是一知半解 到底要多少的寬高來當底圖比 才不會失真
5F：→ eggimage: 700px寬度壓到低於80KB大小都可在高解析螢幕全版不模糊 11/12 20:26
6F：推 neocc: 我覺得還是要看螢幕是幾吋的 dpi夠大 眼睛就看不出來 11/12 20:27
7F：→ eggimage: 但"失真"是一個相對的形容 看你需求 可以差別到很大 11/12 20:27
8F：→ eggimage: 我一般不會傳一個大於1000px寬的圖上去 浪費流量又拖慢 11/12 20:28
就跟DPI72 跟DPI300 然後滑鼠滾輪往下放大一點的差別
9F：推 storyn26383: 一般來說都是用可以無限重複的圖，就算真的用 5k 的 11/12 21:22
10F：→ storyn26383: 圖了，也不知道要載多久 11/12 21:22
※ 編輯: G4321 (61.228.69.149), 11/12/2015 22:28:26
11F：推 serialbanana: 寬度1600px，可以去tinypng.org 壓縮檔案大小 11/14 21:40
12F：→ serialbanana: 或是讀另外一張圖片 11/14 21:40
13F：→ dlikeayu: 先用js判斷client端是什麼寬度再處理DOM的問題 11/17 03:43
14F：→ dlikeayu: 720P以上就可以做一些preload機制，讓user覺得舒服點 11/17 03:44
15F：→ dlikeayu: 再極端一點就是做個全站解析度10的圖當底，等scroll到再 11/17 03:44
16F：→ dlikeayu: loading真的圖進來 11/17 03:45
17F：→ threeus: 你放這麼大，結果流量有八成是手機 12/05 16:09