不同分辨率app启动广告图片尺寸拉伸变形，不拉伸边缘溢出如何解决？

方案一

广告图分为内容和背景

最优雅的通用做法，莫过于从设计上就解决问题：把广告图分为内容和背景（或底纹），内容始终处于屏幕上最显眼的位置，背景或底纹则填充整个屏幕。
略次一点的通用做法是不考虑太长的屏幕和横屏，然后图的主体内容略小一点处于中间位置，填充模式选择“cover”。

如果是 html 的话有 picture 标签可用，或者使用 css 媒体查询换背景也可以。

方案二

版权声明：本文为 xing_star 原创文章，转载请注明出处！
本文同步自 http://javaexception.com/archives/165

客户端开屏广告适配的一点经验

多个适配图片

昨天晚上，群里有个小伙伴在问，开屏页广告如何适配的问题，ui问应该给切几种尺寸的图？这块算是有点心得，所以特意回答了下。

随着苹果，Google等大厂不断研发新的设备机型，Android和iOS的设备种类越来越繁多了，有普通的屏幕16:9的，也有最近几年出来的全面屏，水滴屏，刘海屏等，Android的全面屏基本上是18:9的比例，iPhone X的尺寸是19.5:9。按照这个结论，大致上是有三种尺寸的图的。所以得让设计师一个广告图，切三个尺寸。

`根据现有的屏幕比例，分成了大致的三类：基础版 10801920（通用 16:9）、Android 全面屏 10802160（比例 18:9）、iPhone X 1125*2436（19.5:9）让设计师一张图切出这几个尺寸即可。

客户端调用api，传递高宽比的值，服务端根据高宽比返回对应的图片。这样图片加载到页面上，经过缩放拉拉伸等等，效果上也还不错。(需要服务端配合)

Android获取屏幕高宽比的代码如下:

`DecimalFormat decimalFormat = new DecimalFormat (“.0”);
`String scale = decimalFormat.format (1.0 * DisplayUtils.getWindowHeight () / DisplayUtils.getWindowWidth ());

方案三

规范设计图

实际上如果团队约定明确的话，一种尺寸也是可行的，这种的话，需要让ui设计师，以及运营明白，
做出来的图片 (适用于广告营销、品牌推广类型的），靠近左右两边的位置不要放置重要信息，图片不要过于复杂等，以免被裁剪影响阅读和效果。 有这个意识的话，一张图片也可行，这样就不存在拉伸形变的问题。

所以在做开屏广告或引导页时候， 可以使用1080 x 1920 尺寸，然后避免把重要信息放在上下 150 px 的区域即可。

方案四

开屏广告实现起来容易，但是适配却是难题。因为开屏广告通常是一张带文字的铺满手机全屏的图片，android手机碎片化严重，尺寸、dpi与分辨率各种各样，分辨率不同所以长宽比也不同，目前主流的有15:9、16:9等，还有早期的4:3等。这种情况带来的问题就是，我们将开屏广告的图片容器设置为长宽match_parent后，由于图片分辨率与手机分辨率的差异，图片中的文字会出现明显的走形。

适配方案：

统计目前主流的分辨率：分辨率分布情况240X320已经基本上没人用了

320X480少量低端安卓机

460X640早期的安卓机子在用，现在已经基本没有了

480X800中低端安卓智能机的分辨率

480X854这个是WFVGA，是480X800的加长版

540X960HTC很喜欢用这个分辨率也就是qHD了

640X960很少用，只有夏普和魅族的M9等寥寥几款机子用过

1280X720HD，也是现在各品牌中高端机型的分辨率

1280X800少量三星手机用了这个分辨率

1920X1080 各品牌旗舰机型的分辨率

2560X1440传说中的2K屏，最新高端机在使用

去掉几乎消失的240X320与460X640，我们可以统计一下其余分辨率的长宽比的区间[1.5,1.78]。

好的，此时我们可以将开屏广告图设计为：

图中红色部分为开屏广告内容，蓝色部分为无用的背景，并将开屏广告图片的容器设置为:

android:layout_width="match_parent"

android:layout_height="match_parent"

android:scaleType="fitStart"

这样，在[1.5,1.78]的区间内，都能显示完整的开屏广告内容。

补充

关于开屏广告的适配，当然也可以根据上表制作多套开屏广告图，或者通过布局构造可适配的广告页面，以及利用.9图等等。但是相比较而言，本文的土方法在一定程度上还是稍稍降低了开发成本，其中取舍，见仁见智。

本文出自 Yang，转载时请注明出处及相应链接。android怎么实现广告页,Android开屏广告的实现原理与适配方案_麦文学的博客-CSDN博客

方案五

.9.Png 格式解决问题。