iOS @2x @3x图的区别和理解

苹果官方网页介绍：
Icons and Images - Apple Developer

iOS用于在屏幕上放置内容的坐标系统是基于点的度量，点映射到屏幕上的像素。标准分辨率显示器的像素密度为1:1(或@1x)，其中一个像素等于一个点。高分辨率显示器有更高的像素密度，提供2.0或3.0的比例因子(称为@2x和@3x)。因此，高分辨率显示器需要更多像素的图像。

例如，假设您有一个标准分辨率(@1x)的图像，它是100px×100px。此图的@2x版本为200px * 200px， @3x版本为300px * 300px。

为您的应用程序中所有的艺术作品提供高分辨率图像，为您的应用程序支持的所有设备。根据设备的不同，可以通过将每个图像中的像素数乘以一个特定的比例因子来实现这一点。

The coordinate system iOS uses to place content onscreen is based on measurements in points, which map to pixels in the display. A standard-resolution display has a 1:1 pixel density (or @1x), where one pixel is equal to one point. High-resolution displays have a higher pixel density, offering a scale factor of 2.0 or 3.0 (referred to as @2x and @3x). As a result, high-resolution displays demand images with more pixels.

For example, suppose you have a standard resolution (@1x) image that’s 100px × 100px. The @2x version of this image would be 200px × 200px, and the @3x version would be 300px × 300px.

Supply high-resolution images for all artwork in your app, for all devices your app supports. Depending on the device, you accomplish this by multiplying the number of pixels in each image by a specific scale factor.

其他参考博客：
iOS @2x @3x图的区别和理解

iOS 图片 @2x与@3x区别

iOS @2x @3x图的区别和理解相关推荐

[iOS @2x @3x pt px 分辨率]
@2x @3x 什么时候用? 先看各个机型数据图,以这个为标准. 对照的pt / px分辨就是尺寸(point)/分辨率(像素点) 我们先看何为pt px pt就是point,是印刷行业常用单位, ...
ios 只用3x图可以吗_iOS 图片 @2x与@3x区别
一部好看的电影<看不见的客人>,老年人被逼无奈的情况下,激发了他们的最大潜能,逼凶手认罪伏法.有些时候,人都是被逼的... 28号面试了一位同僚,想起了之前腾讯电话面试我的一个问题,@2x ...
(0086)iOS开发之iPhone 屏幕尺寸、分辨率、ppi以及@2x@3x图
iPhone 屏幕尺寸.分辨率苹果设备尺寸不断增加,以往的适配越来越难以满足诸多机型,势必要使用安全区域来适配所有机型 Safe Area 苹果尺寸开发文档:https://developer.ap ...
iOS 2x 3x
iOS中: 备注: Retina是一种显示技术,可以将把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度.而其最初该技术是用于苹果的iPhone4上.其屏幕分辨率为960×6 ...
ios 只用3x图可以吗_对于仅限iPhone的iOS 7应用,我们只能包含@ 3x图像吗？
是的,你可以,但你不应该. 如果您只添加@ 3x图像,它将减少您的捆绑包大小,并与所有屏幕密度兼容. 不过,我不建议这样做.仅嵌入@ 3x图像将导致您的图像在每次运行应用程序时缩小.这种方法有以下缺点 ...
【iOS】iOS开发之使用Mac自动操作制作@1x@2x@3x图片（切图）
iOS开发中,会要求导入@1x.@2x和@3x: 使用@1x格式:iPhone3GS 使用@2x格式:iPhone 4,4S,5,5S,5C,SE,6,6S,7,8,XR 使用@3x格式:iPhone ...
iOS中图片@1x @2x @3x的意思
在xcode的images.xcassets中丢入图片后,这些图片会被默认划分为三种尺寸. 假设图片名为bdlogo.png 则这张图片会被自动填充到1x的位置假设图片名为bdlogo@2x.png ...
移动端适配以及2x图、3x图的使用
1.怎么使用2x图.3x图 (1)定义mixin.less文件 /* 根据dpr显示2x图/3x图 */.bg-image(@url){background-image:~"url('@{u ...
像素和分辨率的理解、位图矢量图的区别
转载:显示分辨率和图像分辨率差别_qq932827310的博客-CSDN博客_显示分辨率和图像分辨率的区别显示器的分辨率是指显示器的屏幕的像素组成的数量(指液晶显示器),如21.5英寸的显示器的分辨 ...

iOS @2x @3x图的区别和理解

iOS @2x @3x图的区别和理解相关推荐

最新文章

热门文章