[问题] 要做全版网页底图才多少才不会失真 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

你放这么大，结果流量有八成是手机

继续阅读