图片的展示清晰度问题研究
来源:互联网 发布:桌面日历软件 编辑:程序博客网 时间:2024/05/16 11:10
前两天产品经理找我,说是首页的轮播图,看起来很模糊,我看了下,确实是效果不好,很多的字看起来不都清晰,看明白是什么很费劲。
看起来效果像是这样(忽然想起一个老朋友,北大高材生,居然喜欢杨幂,这里就用大幂幂吧)
我当时的第一反应就是是不是原图就不清晰。然后我抓包,拿到了图片链接,但是链接的图片在浏览器中看起来效果很不错,像这样:
但是展示在手机上的效果,真的差强人意,尤其是有文字的时候,文字的边缘锐化的效果很明显。
百思不得其解的时候,发现原图的链接给的尺寸,比手机行的设定尺寸大了好多。做iOS App开发的都知道,因为手机是retina屏,所以要求给的图都是2x和3x的,比如 100 * 100的图,我们通常要设计师给的是 200 * 200的,6p等是 300 * 300.但是这张图,我们需要的是200 * 100的,通常给 600 * 300肯定够了,但是服务端给的是 1200 * 600的,比我们需要的长宽大了两倍。然后我自己用这张图,转换了一张 600 * 300的图,debug发现效果非常好。和服务端沟通了下,给出的原因是:因为公司的图片尺寸是有限的,所以当时找了一个最接近长宽比的给前端。
又找了UI的大神聊了,上述的原因是这样的:
如果一个 9 * 9的图,想要在 1 * 1的图片中显示,怎会随机从9个像素中选取一个放到1 * 1 中,所以就失真了,类似这样:
| n |
| — |
1 <= n <= 9
所以呢,想要图片在app上展示出最好的效果,其实不在于图片要切的非常大,而是图片的尺寸再好和你设计的差不多,否则会失真。
0 0
- 图片的展示清晰度问题研究
- [MobilewebApp]图片的适配与清晰度
- 如何提高WP的图片清晰度应用技术
- 图片展示集的排列问题
- glide展示图片的拉伸问题
- PS中增加清晰度的问题
- [iOS]解决Mobile App icon图片清晰度问题
- 图片高效率缩小,不影响图片的清晰度
- matlab图片清晰度调整
- 图片清晰度“测量” 算法
- Android:指定分辨率和清晰度的图片压缩方法源码
- Android:指定分辨率和清晰度的图片压缩方法源码
- Android:指定分辨率和清晰度的图片压缩方法源码
- 涉及到图片展示的
- 图片的展示
- vue 表格展示图片问题
- 图片展示应用中内存不断升高的问题
- 使用MediaRecorder清晰度问题
- mybatis的优缺点
- TensorFlow入门很好的教程:你好,TensorFlow!
- CentOS7下搭建redis集群
- 工作安排(待编辑)
- 关于胶合逻辑
- 图片的展示清晰度问题研究
- ContentProvider跨程序数据共享
- Ubuntu搜狗输入法无法输入中文等问题
- 内容分发网络cdn在热更重的作用
- 暴力求解数独
- windows下spark2.1源码编译及修改
- 解决有道for mac 无法屏幕取词
- 教你上传本地代码到github
- 【NOIP2010初赛】【斜率优化】【DP】烽火传递 题解