移动端网站制作切图通常要切几倍图?

发布时间:2022-12-24 | 编辑:深圳网站制作公司

关于这个问题,深圳网站设计外包公司小编强调下:手机端切图需要切二倍图!


为什么是二倍图?因为手机以phone6/7/8为准的话,实际屏幕宽度是375,但是通常移动端设计稿我们都会建议制作750 x * 的大小,目的就是为了切出二倍图,目前750的宽度设计已经是主流宽度了。

image

手机端的的屏幕分辨率是retina屏,可以理解为像素点更加密集,所以通常切一倍图在手机下就会显得模糊,原因就在于此。不得不说,前端开发领域在近几年来得到了迅猛的发展,包括流行的vue、antdesign框架,百花齐放是好事,但是换个角度看,这对前端从业者的要求更高了,前端开发的难度不是更简单,而是更复杂了,需要进行前端开发外包的企业可以联系我们金柚互联,我们可以进行vue切图、小程序切图、antdesign切图等,欢迎咨询。


不同手机尺寸不一样,比如苹果和安卓分别为:

iphone3 320*480

iphone4 640 * 960

android 240*320 320*480 480* 854


这些比较常用,还有的如下:

iPhone界面尺寸:320*480、640*960、640*1136

iPad界面尺寸:1024*768、2048*1536


单位:像素72dpi在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。


Android界面尺寸:480*800、720*1280、1080*1920。[单位:像素]

Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。


以上,在做手机网站设计的时候,考虑到要做2倍大小,所以设计尺寸为750或者640为主,其中750最为常见,嗯,就定为750px宽度吧,字号设置为24号字(相当于PC的12号字)就可以看出文字排列了!



版权保护: 本文由深圳网站制作公司发布,转载请保留链接: 移动端网站制作切图通常要切几倍图?
如有内容侵权,请联系我们。

热门标签