主标题：杨浦「设计网页要照什么分辨率」网页设计需要什么分辨率

设计网页要照什么分辨率,网页设计需要什么分辨率

内容导航：

美工，用的实拍产品图 “产品图片”要多大尺寸的是像素越高越好吗

一般的网页宽高是多少，分辨率是多少

网站在设计时一般使用的分辨率分别是什么

【网页设计】用Dreamweaver设计网页，怎么设置分辨率

一、美工，用的实拍产品图 “产品图片”要多大尺寸的是像素越高越好吗

感谢邀请，我是淘宝美工老申，关于产品实拍图要多大尺寸的问题，依我这么多年美工经验，这里给你五个小小的做图建议

第一：现在做图要侧重“纵向构图”

现在人们都是用手机购物，刷头条，拍抖音。在视觉上，手机与电脑最大的区别就是阅读方向不同，传统的电脑是横向阅读，而手机是屏画面是纵向的，所以，美工在做图的时候，要侧重纵向构图，也就是把图片做成瘦长瘦长的样子。

第二：一张图片突出一个卖点

网民都是懒的，手机上的图片。就四个字“字大显目”，一张图片就突出一个卖点，文字要少，能用4个字就不要用五个字，并且要显目，红色再土再俗，也要用，因为它更能突显重点。电商的图片，以卖产品为主，不要给我扯什么美学，什么视觉，如果产品卖不出去，没点击，花再多时间都是在浪费老板的钱。

第三：确保手机单屏浏览时信息的完整性

正常情况下，手机全屏的图片规格是10801920。担是淘宝主图的规格是7501000和800*1200这两种，不管是哪种，根据你的类目权限来，只要我们做的图片，把有效的内容放在这张图里，清晰明白直观的展示出来主河以了，比如一张图片要突出销量的，那我们就只展示这一个点就可以了。

第四：单张图片控制在500K以内

确定好图片大小之后，我们再设计内容，设计好之后在保存的时候，单张的图片大小控制在500K以内，如果你的图片大小超过了这个值，那么就使用“保存为Web格式”，然后设置一下大小即可：

第五：图片上下边留至少60像素的空

在看淘宝的时候，因为手机屏的特殊设计，它会遮挡住住某些信息，为了确保内容的完整性，内容不要太靠上下边，你就空出60px来，不要放有效内容就可以了。如下图所示，顶部的Logo和“一字十字螺丝刀”就显示不完整，在有的手机上很有可能就看不到了。这一个细节，大家也要注意一下。

综上所述，美工在做图的时候，根据店铺后台的需求来确定尺寸，比如主图是7501000或者8001200，而详情页的宽是790，高是没有限制的，具体尺寸就看你的内容来了。加油！

平台一般有限制的，你注意看一下。淘宝上面的详情页是750宽，高随意。还有就注意分辨率，不要太高了。比如72分辨率的图片一般是用在网上的，因为72分辨率的图片比相同大小300分辨率的图片体积要小。网页上用300分辨率的图，加载会很慢，会影响买家浏览商品速度。如果你说的是产品图原图做素材用的话，如果要进行精细的后期的话，像素越高越好，因为不知道你后面会不会需要重新构图裁图，而且也能给后面设计人留下空间不受像素限制。有时候再去重新拍摄也耗时间，而且那个场景不一定随时到位。比如相机拍摄照片尺寸[4608
x 3456（精细）] 16M 一张图片，后期你想人为放大的话也不会变得很粗糙。

这个问题我不知道

产品图，看是用在什么端口

网页端

对像素要求比较高。例如淘宝和京东的产品图，鼠标移到图片上可以看到高清大图，展示的图片，由于尺寸限制，无法看到很多细节，所以有这个功能满足用户对产品有个更清晰的感官。

自家的客户端，像素太高也会影响加载速度，所以需要设计处理图片，在保证清晰度的同时也要考虑加载的问题。

手机端

相对于网页，图片更小，要求加载更快，用户不会等你太长时间加载，超过1秒，我可能就不看了，直接跳到下一家。

具体的尺寸大小还要根据实际的加载效果和开发出来的界面尺寸来限定。

你提到的产品图片尺寸问题和像素大小是两码事，有的图片尺寸很大，但是像素不高，有的图片尺寸很小，但是像素也很高，建议在保持清晰度的同时，手机端定在16:9，网页端也同样适用。具体适用场景要根据产品需要来定，16:9不是唯一的尺寸。

二、一般的网页宽高是多少，分辨率是多少

一般的网页宽高是多少，分辨率是多少？现在的普遍要适应的电脑浏览器，在PHOTOSHOP中宽为960像素最为合适，你可以参考新浪、网易等门户网站的宽度值。下面，是几点分辨率在不同时期的参考值。1、屏幕分辨率低时(640
x
480)，这是2000年左右，普遍的浏览器是这个分辨率，但已经被淘汰了。2、接是1024×768的分辨率，很流行，实际在设计中，在PHOTOSHOP宽的设计值为760像素最合适。3、随着现在宽屏时代的到来，1024也慢慢被淘汰了，现在都是大屏时代，基本上，从设计网页的角度来看，在PHOTOSHOP上，宽为960像素最为合适。4、随现在浏览的工具越来越多，包括手机、IPAD等，出现了自适应的网页设计功能，需要HTML5及DIV+CSS的代码调用了。

三、网站在设计时一般使用的分辨率分别是什么

基本1024*768 这个分辨率下（PS：我是做网站开发的）一般网页的分辨率都是设置在 72的呀，看不清是图片被模板放大了、？还是缩小了？

四、【网页设计】用Dreamweaver设计网页，怎么设置分辨率

答：按现在浏览用户的统计来看,等于或高于1024分辨率基本占了60-70%的量,低于这个分辨率的用户基本可以忽略不计了.你在制作网页的时候,你把最外层的table设置为1000px宽,内部全部建议用百分比,这样你网站就不会因为分辨率而变形了;如果你用div布局,道理一样.这样你的网站在1024下正好满屏的