Ⅰ 手机网页设计多大好
wap页面设计一般都是宽度自适应的,最窄以兼容320px为标准,最宽1280px为标准,
一般的智能手机宽度都是320,480,640这些,
其中iPhone就不用说了吧,必须是480px,
其他三星啊,htc啊什么的,各类分辨率都有,基本不会比480低,
但是之前刚开始的一些智能手机大部分都是320,所有要兼容320哦。
Ⅱ 手机网站的图片传多大尺寸好
----------------2017年9月10日回答----------------
最近的心得:
1、分辨图片的颜色丰富程度,或者在PS保存的时候看下png24、png8、jpg哪个更合适,而且png格式还可以再去tinypng再压缩一次。
2、图片大小还是优先要保证质量,目前一般不会超过200K了,
3、在某些jpg压到60%质量依然很大的时候,可以试试把图片放大1倍而压缩到30%,质量和大小要比直接到60%要好,这是一个小技巧,可以网络确认。
----------------最早的回答----------------
建议用多尺寸的,手机的流量有限且速度不快,太大影响体验。
建议用图片js插件,图片默认不显示,判断屏幕大小,请求图片并加载,期间用loading做过度。
所以最大宽度在1024以内,即可满足一般屏幕效果,图片大小在500K以内,打开速度可接受。
可以适当增加一个查看原图的按钮,显示原始分辨率图片。
---------------------------------
看到2013年的回答依然有人看,补充一下2016年的心得。
图片大小建议还是越小,打开速度有保证,我现在的做法基本是jpg压到60%,颜色少的用png格式。
存放在图床里。
一般手机宽度优先,除非长图会很大,横版图一般100K以内可以搞定,简单压缩可以依据640宽,也可以1280宽30%质量,清晰度高且文件小。
最好的参考就是WX里的图片了。
Ⅲ 手机网站如何控制图片大小
$(".img").css({width:$(window).width()});
Ⅳ 移动端的h5页面的尺寸是多少
近来,大尺寸手机屏幕日趋主流,意派Epub360根据对主流大屏的计算,现新增大尺寸手机屏幕的画布,并命名为“微信Plus”。原来的普通微信尺寸将继续保留。
内容安全区:375*603(750*1206)
出血区:422*748(844*1496)
左右边框各:23.5px
上下边框各:72.5px
根据该画布,后续将会推出配套的layer组件等尺寸,即当选择使用该微信尺寸时,layer画布跟layer容器尺寸自动默认尺寸:375X603PX,方便调整。
Ⅳ 手机网页中的图片根据屏幕大小自适应 怎么弄
根据你要做的产品图或banner图,外面的div要设置宽度、高度。里面的图片再设置 width:100% height:auto,
Ⅵ 手机网页尺寸
320*640 640*480 480*800 800*600等等, 我之前做的手机网站用的是480*800的 ,作图的时候尺寸要求不是很严格,主要是切图的时候 宽度要自适应
Ⅶ 做手机网页要考虑哪几种尺寸呀
1、如果是比较复杂的页面,我们只需要第一屏撑满全屏,可以使用此方法。单独定义html和body的样式。【html,body{width:100%;height:100%;}】。
Ⅷ 淘宝手机版宝贝详情图片尺寸要多大
图片大小要求:480px≤宽度≤1242,高度≤1546,格式支持JPG、GIF、PNG,建议手机端图片宽度750图片上传会较好。每个手机详情只能增加一个音频,时长建议不超过30秒,大小不超过200K,格式支持MP3,音频内容可以围绕产品卖点、品牌故事、产品特色、产品优惠等展开。
Ⅸ 手机前端页面尺寸
iPhone手机网页的设计尺寸
iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI
安卓网页的设计尺寸
320dp:一个普通的手机屏幕(240X320,320×480,480X800)
480dp:一个中间平板电脑像(480×800)
600dp:7寸平板电脑(600×1024)
720dp:10寸平板电脑(720×1280,800×1280)
ipad网页的设计尺寸
iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI
以上是移动端的尺寸,单独的如果某一个移动的网站的尺寸是没有的,因为移动网站的一半情况是按照%比的尺寸 来自动适应屏幕的大小,或者也通过设置,iphone执行什么尺寸,安卓情况执行什么尺寸的。
Ⅹ 手机屏幕的分辨率和图像尺寸关系
屏幕的大小和象素成正比,分辨率是指一个图像的象素多少,在屏幕大小一定的时候分辨率越高图像显示出来的大小越小,可以看到图像的范围就越大。
WVGA:分辨率480*800,纵横比:15:9,与Windows Phone 7.1唯一支持的分辨率相同。
WXGA:分辨率768*1280,纵横比15:9,对480*800按照1.6x倍率缩放。
720p:分辨率720*1280,纵横比16:9,对480*853按照1.5倍缩放(对480*800按照1.5倍缩放后在高度上再增加80个像素)
1080p:分辨率1080*1920,纵横比16:9,对480*853按照2.25倍缩放(注意:在系统内部,对于1080p分辨率的屏幕,ScaleFactor属性返回的值仍然与720p相同,是1.5,而不是其实际缩放倍率2.25,系统内部实际上是将各种针对于720p的图片资源应用于1080p分辨率,而不是为1080p分辨率单独准备一套资源)。