开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如果我们的.png可绘制图像使用恒定的DP大小，那么我们为每个屏幕大小提供不同的.pngs有关系吗？

如果我们的.png可绘制图像使用恒定的DP大小，那么为每个屏幕大小提供不同的.pngs是有关系的。

在移动应用开发中，为了适应不同屏幕大小和分辨率的设备，我们通常使用密度无关像素（DP）来定义图像的大小。DP是一种抽象的单位，它会根据设备的屏幕密度进行自适应调整，以保证在不同设备上显示的图像大小相对一致。

然而，如果我们仅使用一个固定大小的.png图像来适应所有屏幕，可能会导致以下问题：

图像失真：当将一个较小的图像拉伸到较大的屏幕上时，图像可能会变得模糊或失真，影响用户体验。
文件大小：一个较大的屏幕可能需要更高分辨率的图像，而这些高分辨率的图像文件大小通常较大。如果在所有设备上都使用同一张高分辨率图像，会增加应用的安装包大小，增加用户下载和安装的时间。

为了解决以上问题，推荐为每个屏幕大小提供不同的.png图像，以确保图像在不同设备上显示的效果最佳。具体做法如下：

生成多个尺寸的图像：根据常见屏幕密度（如mdpi、hdpi、xhdpi、xxhdpi等）生成对应尺寸的图像。这些图像可以使用设计工具（如Photoshop）或自动化工具（如Android Studio的Image Asset工具）来生成。
命名规范：为了方便管理和使用，建议按照一定的命名规范对不同尺寸的图像进行命名，以便在开发过程中快速选择和使用。
适配加载：在应用中根据设备的屏幕密度动态加载对应尺寸的图像。可以通过编程语言（如Java、Kotlin）中的条件语句或资源管理工具（如Android的资源目录）来实现。

总结起来，为每个屏幕大小提供不同的.png图像是为了保证图像在不同设备上显示的效果最佳，避免图像失真和文件大小过大的问题。这样可以提升用户体验，并且符合移动应用开发的最佳实践。

腾讯云相关产品推荐：

图像处理：腾讯云图像处理（https://cloud.tencent.com/product/img）
移动应用开发：腾讯云移动开发套件（https://cloud.tencent.com/product/mss）
应用分发与推送：腾讯云移动推送（https://cloud.tencent.com/product/umeng）
资源管理：腾讯云对象存储（https://cloud.tencent.com/product/cos）

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

android系统如何自适应屏幕大小

1、屏幕相关概念 1.1分辨率是指屏幕上有横竖各有多少个像素 1.2屏幕尺寸指的是手机实际的物理尺寸，比如常用的2.8英寸，3.2英寸，3.5英寸，3.7英寸 android将屏幕大小分为四个级别（small，normal，large，and extra large）。 1.3屏幕密度每英寸像素数手机可以有相同的分辨率，但屏幕尺寸可以不相同， Diagonal pixel表示对角线的像素值（=），DPI=933/3.7=252 android将实际的屏幕密度分为四个通用尺寸（low，medium，high，and extra high）一般情况下的普通屏幕：ldpi是120dpi，mdpi是160dpi，hdpi是240dpi，xhdpi是320dpi 对于屏幕来说，dpi越大，屏幕的精细度越高，屏幕看起来就越清楚 1.4密度无关的像素（Density-independent pixel——dip） dip是一种虚拟的像素单位 dip和具体像素值的对应公式是dip/pixel=dpi值/160,也就是px = dp * (dpi / 160) 当你定义应用的布局的UI时应该使用dp单位，确保UI在不同的屏幕上正确显示。手机屏幕分类和像素密度的对应关系如表1所示手机尺寸分布情况（http://developer.android.com/resources/dashboard/screens.html）如图所示，目前主要是以分辨率为800*480和854*480的手机用户居多从以上的屏幕尺寸分布情况上看，其实手机只要考虑3-4.5寸之间密度为1和1.5的手机 2、android多屏幕支持机制 Android的支持多屏幕机制即用为当前设备屏幕提供一种合适的方式来共同管理并解析应用资源。 Android平台中支持一系列你所提供的指定大小（size-specific）,指定密度（density-specific）的合适资源。指定大小（size-specific）的合适资源是指small, normal, large, and xlarge。指定密度（density-specific）的合适资源，是指ldpi (low), mdpi (medium), hdpi (high), and xhdpi (extra high). Android有个自动匹配机制去选择对应的布局和图片资源 1）界面布局方面根据物理尺寸的大小准备5套布局: layout(放一些通用布局xml文件，比如界面顶部和底部的布局，不会随着屏幕大小变化，类似windos窗口的title bar), layout-small(屏幕尺寸小于3英寸左右的布局）， layout-normal(屏幕尺寸小于4.5英寸左右）， layout-large(4英寸-7英寸之间）， layout-xlarge(7-10英寸之间） 2）图片资源方面需要根据dpi值准备5套图片资源: drawable：主要放置xml配置文件或者对分辨率要求较低的图片 drawalbe-ldpi:低分辨率的图片,如QVGA (240x320) drawable-mdpi:中等分辨率的图片,如HVGA (320x480) drawable-hdpi:高分辨率的图片,如WVGA (480x800),FWVGA (480x854) drawable-xhdpi：至少960dp x 720dp Android有个自动匹配机制去选择对应的布局和图片资源。　　系统会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片。　　在开发程序时为了兼容不同平台不同屏幕，建议各自文件夹根据需求均存放不同版本图片。 3、AndroidManifest.xml 配置 android从1.6和更高，Google为了方便开发者对于各种分辨率机型的移植而增加了自动适配的功能 <supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:anyDensity="true"/> 3.1是否支持多种不同密度的屏幕 android:anyDensity=["true" | "false"] 如果android:anyDensity

01

Android设计 - 图标设计概述（Iconography）

2014-10-30 张云飞VIR 翻译自：https://developer.android.com/design/style/iconography.html Iconography 图标设计概述

00

R语言基础绘图

R 语言具有强大的绘图功能，可以满足科研绘图的需求，越来越多的文章中采用 R 语言来进行绘图。按照绘图方式，R 语言可以分为四大绘图系统，分别是：1、R 基础绘图系统，2、Grid 绘图系统，3、lattice 绘图，4、ggplot2 绘图。除此之外，R 还有非常多的扩展包，几乎可以完成任何形式的绘图要求，无论是 2D 绘图还是 3D 绘图。最新的 shinny 包，还可以绘制交互式的绘图操作。

02

500行代码，教你用python写个飞机大战

这几天在重温微信小游戏的飞机大战，玩着玩着就在思考人生了，这飞机大战怎么就可以做的那么好，操作简单，简单上手。

02

500行代码，教你用python写个微信飞机大战

这几天在重温微信小游戏的飞机大战，玩着玩着就在思考人生了，这飞机大战怎么就可以做的那么好，操作简单，简单上手。

03

最优拟合多边形框

算法：最优拟合多边形框是计算包围指定轮廓点集的点集，最优拟合多边形框是边界表达的一种，采用Douglas-Peucker（DP）算法来实现。

03

【愚公系列】2024年01月 GDI+绘图专题 DrawImage

在WinForm中，可以使用Graphics类的DrawImage方法来绘制图像。具体步骤如下：

01

Flutter中Widget 、Element、RenderObject角色深入分析

在 Flutter 中通过构建一系列的 Widget就可建立起一个应用，一系列的 Widget 通过一写的结构排列，构成 Widgets 树，类似 HTML 中的 DOM树。

05

图像轮廓

算法：图像轮廓是将边缘连接起来形成一个整体，用于后续的计算，获取图像的大小、位置、方向等信息。外部的轮廓为父轮廓，内部的轮廓为子轮廓，按照上述关系分类，一幅图像中所有轮廓之间就建立了父子关系。

01

Android减包－减少APK大小

本文是对Google官方文档 Reduce APK Size 的翻译用户经常会避免下载看起来体积较大的应用，特别是在不稳定的2G、3G网络或者在以字节付费的网络。这篇文章描述了怎样减少你的APK大小，这会让更多的用户愿意下载你的应用。理解APK的结构在讨论怎样减少应用大小之前，先了解APK的结构是有用的。一个APK文件就是ZIP包，其中包含了组成你的应用的所有文件，比如Java类文件，资源文件，和一个包含被编译资源的文件。一个APK包含了以下目录： META-INF/: 包含CERT.SF和CERT

用 Python 制作飞机大战小游戏

这次用Python中的pygame模块来完成一个飞机大战的小游戏；基本思路是通过方向键来控制飞机的左右移动射击飞船。先来看下最后的效果

02

小白白也能学会的 PyQt 教程 —— 图像类及图像相关基础类介绍

图，貌似是一个好看的 UI 中必不可少的东西，精美的 UI 中不可避免的会使用一些奇特的各种图像元素来提升用户体验。对于开发者而言，如何在应用程序中有效地显示和处理图像成为一个重要的课题。在Python中，PyQt库是一个强大而灵活的选择，它提供了丰富的图像处理类和功能。

04

Android 减包－减少APK大小

本文来自“天天P图攻城狮”公众号（ttpic_dev）本文是对Google官方文档 Reduce APK Size 的翻译，查看英文原文（需要翻墙）译者简介：damonxia(夏正冬)，天天P图Android工程师用户经常会避免下载看起来体积较大的应用，特别是在不稳定的2G、3G网络或者在以字节付费的网络。这篇文章描述了怎样减少你的APK大小，这会让更多的用户愿意下载你的应用。理解APK的结构在讨论怎样减少应用大小之前，先了解APK的结构是有用的。一个APK文件就是ZIP包，其中包含了组成你的应用

06

CALayer的寄宿图

一个视图就是在屏幕上显示的一个矩阵块（比如图片、文字或者视频），它能够拦截点击以及触摸手势等用户输入。视图在层级关系中可以相互嵌套，一个视图可以管理他的所有所有子视图的位置。

02

【MATLAB】基本绘图 ( 绘制多图 | 设置图形对话框在 Windows 界面的位置和大小 | 在一个图形上绘制多个小图形 )

在绘制每个图前 , 先调用一次 figure , 就会在新的对话框中生成一张新的图形 ;

07

Android图片资源

【愚公系列】2024年01月 GDI+绘图专题（裁剪、变换、重绘）

裁剪（Clipping）指的是将图像或元素的一部分进行裁剪，只显示所需区域，而隐藏不需要的部分。

01

Android shape 绘制图形的实例详解

Android 绘制图形可以使用shape也可以使用自定义控件的方式，这里我们说下shape的方式去实现。

01

介绍一个Python可视化神器，绘制出来的图表惊艳了所有的人！！

新年快乐，时间过得真的是很快，已经到了新的一年了，今天小编给大家来介绍一款十分好用的可视化模块，D3Blocks，不仅可以用来绘制可动态交互的图表，并且导出的图表可以是HTML格式，方便在浏览器上面呈现。

01

软件测试|不会吧，你还不知道用pillow绘制图像？

我们之前做数据可视化分享的时候，讲解了使用pyecharts绘制图像的方法，比如绘制柱状图，饼状图，折线图等，但是，我们如果要绘制不定形状的图像，应该怎么去绘制呢，当然，还是要使用到我们的神器pillow来绘制。下面我们就来介绍使用pillow来绘制各种类型的图像。

04

PYGAME学习笔记_01

01_使用PYGAME创建图形窗口 1.1_游戏的初始化和退出 pygame.init() 写入并初始化所有PYGAME模块，使用其他模块之前，必须先调用init方法 pygame.quit() 卸载所有pyfame模块，游戏结束之前调用 1.2_游戏中的坐标系远点在左上角 x轴水平方向向右 y轴垂直方向向下游戏中所有可见元素都是以矩形区域来描述位置：(x,y) (width,height) pygame.Rect类用与描述矩形区域：Rect(x,y,width,height) 1.3_创

02

libgdx 图形绘制

一个图片从原始格式解码并上传到GPU就被称为纹理。OpenGL要求纹理的高度和宽度都必须是2的n次方大小，只有满足这个条件纹理图片才是有效的。一旦获取了像素值，我们就可以将这些数据传给OpenGL，让OpenGL生成一个纹理贴图

03

从零开始仿写一个抖音App——Android绘制机制以及Surface家族源码全解析

本文首发于微信公众号——世界上有意思的事，搬运转载请注明出处，否则将追究版权责任。微信号：a1018998632，交流qq群：859640274

02

计算机实验室之树莓派：课程 6 屏幕01

欢迎来到屏幕系列课程。在本系列中，你将学习在树莓派中如何使用汇编代码控制屏幕，从显示随机数据开始，接着学习显示一个固定的图像和显示文本，然后格式化数字为文本。假设你已经完成了 OK 系列课程的学习，所以在本系列中出现的有些知识将不再重复。

02

Java游戏编程不完全详解-2（1万6千字吐血推荐）

虽然这些代码是10几年前的写的，但是仍然能够在现代操作系统和Java最新开源版本中正常运行。

03

python数据科学系列：seaborn入门详细教程

前期，分别对python数据分析三剑客进行了逐一详细入门介绍，今天推出系列第4篇教程：seaborn。这是一个基于matplotlib进行高级封装的可视化库，相比之下，绘制图表更为集成化、绘图风格具有更高的定制性。

06

超级玛丽HTML5源代码学习------(一）

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" co
01

前端|利用<canvas>画布制作地球轨道

<canvas> 画布标签常用于绘制图像，但是，<canvas> 元素本身并没有绘制能力，它仅仅是图形的容器，要想通过<canvas>画布标签来绘制图像，还需要调用js方法。其中最常见得方法是getContext()方法，它可返回一个对象，该对象提供了用于在画布上绘图的方法和属性，可在画布上绘制文本、线条、矩形、圆形等等。今天就利用<canvas> 画布来绘制一下地球轨道的效果。

02

浏览器渲染（线程视角2）

所有的图块被光栅化转化为位图后，合成线程会生成一个绘制图块的命令DrawQuad，然后该指令提交给浏览器进程，浏览器接收到DrawQuad命令，从GPU内存中读取图片输出到显卡后缓冲区，显卡将后缓冲区内容交换至前缓冲区，由屏幕已60HZ的频率刷新显示图片

07

如何用 Python 打飞机？

前言：python 除了生孩子，啥都会。包括打飞机！今天小詹的一位读者就来教你如何用 python 打飞机！

06

「强烈建议收藏」小程序canvas绘制带二维码海报全流程(枚举踩坑，详解解决方案)

接下来，我会把纯前端实现生成带二维码的海报全流程给大家讲个明明白白，把我自己遇到的坑，给大家详细分享并讲解，防止大家遇到相似问题，即使遇到问题，也会有一个明确的方向，并且吐血建议大家收藏一波，以备不时之需。(你不能保证以后的需求，没有类似的吧，有的话，记得翻出来看看)

05

[论文工具] LaTeX论文SVG和EPS矢量图转换方法详解

本文主要介绍LaTeX论文SVG和EPS矢量图转换方法总结，包括Visio、Excel、Matplotlib等常见方法转换，总体而言是将图片转换为SVG，再转EPS矢量图和生成PDF文件，最终在LaTeX中显示。本文一方面作为自己的学习笔记，另一方面希望能帮助初学者解决实际问题，且看且珍惜

06

.Net 基于GDI+的图件绘制平台的设计与实现（一）

前言最近参与开发的石油行业生产运行管理系统中（Java Web SSM系统），需要开发一整套石油行业专业图形软件，其中有格式复制的综合录井图，也有及时性要求较高的工程施工参数实时曲线监控，仪表盘，还有钻井行业常用的井深结构图，钻具组合图、井口装置图等。经过研究和了解市场上的相关软件，决定采用基于微软Windows .Net平台技术实现。.Net平台图形方面的开发现在可以使用两种技术分别实现，WPF图形绘制和传统WinForm GDI+绘图技术。这两种技术实现起来差别很大，由于目前团队中开发人员对ＷＰＦ技术

02

ShapeDrawable做放大镜效果

引用一下ShapeDrawable的类的说明： image.png Class Overview A Drawable object that draws primitive shapes. A ShapeDrawable takes a Shape object and manages its presence on the screen. If no Shape is given, then the ShapeDrawable will default to a RectShape.

07

小程序Canvas实践指南

导语总结在小程序canvas开发实践中遇到的一些问题和解决方法。 1. 什么是 Canvas？在 MDN 是这样定义 canvas 的： canvas 是 HTML5 新增的元素，可用于通过使用 JavaScript 中的脚本来绘制图形。例如，它可以用于绘制图形、制作照片、创建动画，甚至可以进行实时视频处理或渲染。 Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来动态生成图形。

05

图形

Core Graphics Framework 是一套基于C的API框架，使用了Quartz作为绘图引擎。它提供了低级别、轻量级、高保真度的2D渲染。该框架可以用于基于路径的绘图、变换、颜色管理、脱屏渲染，模板、渐变、遮蔽、图像数据管理、图像的创建、遮罩以及PDF文档的创建、显示和分析

01

手把手教你使用Pygame制作飞机大战小游戏，4万字超详细讲解！

大家好，偷学Python系列是由小甜同学从初学者的角度学习Python的笔记，其特点就是全文大多由新手易理解的代码与注释及动态演示。刚入门的读者千万不要错过！

01

手把手教你使用Pygame制作飞机大战小游戏，4万字超详细讲解！

这次用Python中的pygame模块来完成一个飞机大战的小游戏；基本思路是通过方向键来控制飞机的左右移动射击飞船。先来看下最后的效果

03

Canvas生成缩略图

先通过canvas.getContext('2d')获取2D绘图上下文，然后调用绘图上下文的drawImage方法，实现图片的绘制。详情可查看之前写的Canvas的文章。

03

R03 绘图

aes()函数是ggplot2包中一个重要的函数，它用于将变量映射到图形属性上，如颜色、形状、大小、位置等。它的主要功能包括以下三个方面：

02

python 基于opencv 绘制图像轮廓

这篇文章主要介绍了python 基于opencv 绘制图像轮廓的示例，帮助大家更好的利用python的opencv库处理图像，感兴趣的朋友可以了解下

01

屏幕刷新机制简单问（没有代码，请放心享用）

本文起因呢，是因为周末在群里聊到关于屏幕刷新，同步屏障的问题，于是想到我们还没说过屏幕刷新方面的问题，就来聊聊了。新来的朋友如果有建议，想法也欢迎来微信讨论群讨论。（公众号首页—联系我—加讨论群）

02

浏览器的运行机制

渲染过程说白了，首先是基于 HTML 构建一个 DOM 树，这棵 DOM 树与 CSS 解释器解析出的 CSSOM 相结合，就有了布局渲染树。最后浏览器以布局渲染树为蓝本，去计算布局并绘制图像，我们页面的初次渲染就大功告成了。

01

Canvas系列（6）：绘制图片

我们现在已经可以绘制好多东西了，不过在实际开发中，绘制最多的当然是图片了，这章我们就讲讲图片的绘制。

05

数据可视化Seaborn入门介绍

http://seaborn.pydata.org/examples/index.html

02

EasyX图形库学习（三、用easyX实现移动的小球、图片-加载、输出）

void loadimage(IMAGE* pImg,LPCTSTR imgFile,int w = 0,int h = 0);

01

HTML5（十）——Canvas 与 SVG 区别

作为一名前端攻城狮，Canvas 和 SVG 对于我们并不陌生，canvas 是 HTML5 提供的新元素，而 svg 存在的时间要比 canvas 长很多，svg 并不属于 html，最初的 svg 是由 XML 定义的，在 html 5 中 canvas 与 svg 看着相似，其实不同。

02

HTML5（十）——Canvas 与 SVG 区别

作为一名前端攻城狮，Canvas 和 SVG 对于我们并不陌生，canvas 是 HTML5 提供的新元素，而 svg 存在的时间要比 canvas 长很多，svg 并不属于 html，最初的 svg 是由 XML 定义的，在 html 5 中 canvas 与 svg 看着相似，其实不同。

05

HTML5（十）——Canvas 与 SVG 区别

作为一名前端攻城狮，Canvas 和 SVG 对于我们并不陌生，canvas 是 HTML5 提供的新元素，而 svg 存在的时间要比 canvas 长很多，svg 并不属于 html，最初的 svg 是由 XML 定义的，在 html 5 中 canvas 与 svg 看着相似，其实不同。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭