2018-07-06 00:00:00
2018-07-06 00:00:00
现在手机以带动段去去购物逐渐成为了潮流,但是有的时候也会出现一些难以解决的问题,比如说在手淘上面的详情图片的字迹就比较模糊,那么这是什么原因呢?其实我们如果按照下文去进行处理,那么肯定就能提前避免了?
一般网页采用的都是72的分辨率,如果过高有些网站会自动处理图片,没必要设置的太大,可以做细节图展示。如果图片过大,加载速度会慢。
因为首先电脑端和手机端的分辨率是不一样的,当编辑完电脑端详情后,如果使用一键生成手机端详情,后台会做两个动作,一个是所有的文字图像化,你可在编辑手机端详情的地方看见以前的文本也会变成图片。然后就是根据手机端的像素要求,等比压缩电脑端的图片,细心的话您能发现手机端的详情会分割成一个个和以前不一样长宽比例的图片了。出现这种情况,解决方法也比较简单,您可以不点击一键生成按钮,直接用编辑手机端详情就好了,建议宽度640像素或者以上,长度900像素以内,用750像素宽度的电脑详情也可以,而且效果还更好一些。
点直接由PC端详情直接生成无线端详情,系统会自动设配大小分辨率,所以会有失真的情况。你可以把电脑端详情页字体做大一点,图片容量小一点,或者直接做一套和PC端不一样的手机详情页面!
一般美工在设计淘宝详情页的时候,图片宽度都是设置在750像素以内(淘宝电脑端详情模块的最大宽度为750px)。与此同时,iPad mini2的分辨率都已经达到2048×1536像素了,在如此高分辨率的设备上显示如此低分辨率的图片,当然会虚得一塌糊涂!没错,淘宝前端工程师的思路还停留在最大屏幕分辨率为1024x768像素的万恶旧社会!它那750像素的图片宽度,连小米手机看见都要笑了。
那么,为了适应新一代设备,我们应当如何输出图片呢?很简单:把原有的图片尺寸长宽都直接乘以2再输出,就OK了!
所以和电脑还是有区别的,就是要求是不一样的,上文小编对于移动端和PC段的要求异同点都说的很清楚了,所以带啊不要把PC端的要求设置在手机上面哦,请各位朋友一定要遵守要求去做,否则就是看不清楚了!
相关阅读:
>> 查看更多相似文章