作者G4321 (小胖罗)
看板Web_Design
标题[问题] 要做全版网页 底图才多少才不会失真
时间Thu Nov 12 19:15:45 2015
最近在做RWD的网页 很多人都说 设定1300~1400PX的宽就好了呀 反正有COVER
可以撑满 但缺点是会失真 我是想要做成1920PX的宽 但似乎会太大
想问问版上各位 如果你做全版的网页 你的底图通常都是设定多少的宽呢?
先感谢各位的回覆
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.228.69.149
※ 文章网址: https://webptt.com/cn.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