有客户反映,“为什么我在BANNER上传的图片,在苹果电脑上被裁掉了呢?”



原因是——


UEmo的技术工程师和设计师,为了保护客户在不同的显示器分辨率环境下,看到网站上图片的效果(比例不被压缩,质量不变)是一样的,所以把BANNER的高度做了固定,这是一种善意的保护。




那我们在作图的时候需要注意什么呢?  


当您用苹果电脑较多,或者您客户用苹果电脑较多时,您可以用苹果电脑打开后台,根据后台提供的宽度尺寸(通常是1920)制作图片,在尺寸不变的情况下,把图片里的主体物,框定到您的屏幕分辨率里,即可达到您想要的效果。


白了就是——把主体物离左右两边的距离远一些就好~

(如右下图,在1440*900的分辨率下,浅蓝色部分是会被显示出来的区域,天蓝色的部分,是会被裁掉的部分,最终的效果是——在1920和1440的环境下,图片都不会被压缩,图片也不会有任何影响)

 




为什么要把图片的高度固定呢?

 



您往下看就明白了——

 

我们来看一下同样一张图片,在“高度固定”和“高度不固定”的情况下,在不同分辨率里显示分别是怎样的 

 后期,技术工程师会在BANNER图片的上传上,做出改进,让客户能够灵活上传图片~  拭目以待吧~




扩展阅读




1.刚才提到,不同分辨率的环境,那么什么是分辨率呢?

分辨率是指单位面积显示像素的数量。

  


2.用苹果电脑的客户,到底有多少呢?

通常办公电脑的分辨率,也就是“主流分辨率”是1920*1080,它的比例是:16:9

经过统计过,访问网站的分辨率,“主流分辨率”占所有分辨率的:65.57%



低于0.1%的就不展现了

 

也就是说,100个人访问网站,65个人用的是主流分辨率;其次有7.3个人用的1440*900的苹果显示器。



总结:当您和您的客户,用苹果显示器情况较多时,请用上述的方法,能够完美的解决您的问题~