本文主要是介绍图片的展示清晰度问题研究,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前两天产品经理找我,说是首页的轮播图,看起来很模糊,我看了下,确实是效果不好,很多的字看起来不都清晰,看明白是什么很费劲。
看起来效果像是这样(忽然想起一个老朋友,北大高材生,居然喜欢杨幂,这里就用大幂幂吧)
我当时的第一反应就是是不是原图就不清晰。然后我抓包,拿到了图片链接,但是链接的图片在浏览器中看起来效果很不错,像这样:
但是展示在手机上的效果,真的差强人意,尤其是有文字的时候,文字的边缘锐化的效果很明显。
百思不得其解的时候,发现原图的链接给的尺寸,比手机行的设定尺寸大了好多。做iOS App开发的都知道,因为手机是retina屏,所以要求给的图都是2x和3x的,比如 100 * 100的图,我们通常要设计师给的是 200 * 200的,6p等是 300 * 300.但是这张图,我们需要的是200 * 100的,通常给 600 * 300肯定够了,但是服务端给的是 1200 * 600的,比我们需要的长宽大了两倍。然后我自己用这张图&
这篇关于图片的展示清晰度问题研究的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!