切图常说的@1X@2X@3X是什么意思苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。
iPad2 是768 x 1024,iPad Retina 是1536 x 2048,开发时都按 768 * 1024
操作。但实际上两者有一倍差异。为了达到最佳效果,使用的图片大小不一样。这时候就用同一个名称,但 Retina 的图加上 @2x
后缀。系统加载图片时,在 iPad2 上会加载 @1x 的图在 1536 * 2048 的设备上,会加载 @2x 的。@3x 现在用于
iPhone 6/6+ 上。
附带一提:iOS8渲染操作中使用前缀带有@1x、@2x 和@3x 的测试图像,代码会优先载入3x 图像。@2x图像不被加载。使用图像文件和XCAsset均不行。
讲的“切图”到底是什么意思切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。
Z01-0505新中式总经理办公室办公桌马雕塑
能否用通俗语言讲一下web前端讲的“切图”到底是什么...简单说就是把一张大图裁成若干张小图
一张完整的web设计图包括了很多元素,Logo、图标、背景图等等
设计师通常给的是Ps的分层设计文件,或者是Ai,当然这样是最好的,当然也有设计师用的素材不是透明分层的,这个时候就需要我们自己抠图了(这又是另外一个话题了,不谈)
这时候就需要把我们需要的Logo、图标、背景图这些一一单图提取出来使用到前端项目中,于是我们用到了Ps或Ai中切图这个功能