2024年设计网页图片长度 篇1
感谢邀请，我是淘宝美工老申，关于产品实拍图要多大尺寸的问题，依我这么多年美工经验，这里给你五个小小的做图建议第一：现在做图要侧重“纵向构图”
现在人们都是用手机购物，刷头条，拍抖音。在视觉上，手机与电脑最大的区别就是阅读方向不同，传统的电脑是横向阅读，而手机是屏画面是纵向的，所以，美工在做图的时候，要侧重纵向构图，也就是把图片做成瘦长瘦长的样子。
第二：一张图片突出一个卖点
网民都是懒的，手机上的图片。就四个字“字大显目”，一张图片就突出一个卖点，文字要少，能用4个字就不要用五个字，并且要显目，红色再土再俗，也要用，因为它更能突显重点。电商的图片，以卖产品为主，不要给我扯什么美学，什么视觉，如果产品卖不出去，没点击，花再多时间都是在浪费老板的钱。
第三：确保手机单屏浏览时信息的完整性
正常情况下，手机全屏的图片规格是1080*1920。担是淘宝主图的规格是750*1000和800*1200这两种，不管是哪种，根据你的类目权限来，只要我们做的图片，把有效的内容放在这张图里，清晰明白直观的展示出来主河以了，比如一张图片要突出销量的，那我们就只展示这一个点就可以了。
第四：单张图片控制在500K以内
确定好图片大小之后，我们再设计内容，设计好之后在保存的时候，单张的图片大小控制在500K以内，如果你的图片大小超过了这个值，那么就使用“保存为Web格式”，然后设置一下大小即可：
第五：图片上下边留至少60像素的空
在看淘宝的时候，因为手机屏的特殊设计，它会遮挡住住某些信息，为了确保内容的完整性，内容不要太靠上下边，你就空出60px来，不要放有效内容就可以了。如下图所示，顶部的Logo和“一字十字螺丝刀”就显示不完整，在有的手机上很有可能就看不到了。这一个细节，大家也要注意一下。
综上所述，美工在做图的时候，根据店铺后台的需求来确定尺寸，比如主图是750*1000或者800*1200，而详情页的宽是790，高是没有限制的，具体尺寸就看你的内容来了。加油！
2024年设计网页图片长度 篇2
照片大小的概念分为2种：一种是照片分辨率的高低，也就是照片像素的高低，通常以长边像素×短边像素表示；另一种就是照片文件的大小，通常以MB表示，这与其它非照片类文件的表示方法一致。
一般来说，各网站要求的照片大小是不同的，对上传照片大小的限制方法也不同。有的网站只限制以上两种之一(以限制文件大小为多数)，而有些网站则两种都会限制，也就是说，既限制分辨率不能超过某个标准，又限制文件大小不能超过多少MB，甚至是KB级别。
回到问题上来，这时若既要满足网站要求，又得上传相对画质好的照片文件，就按这个方法做：依据网站要求的最大分辨率把照片裁剪一下。如果该网站不要求文件大小，那就可以上传了。如网站同时限制文件大小，且剪裁后的照片还太大，那只有继续缩小分辨率，直到文件大小满足限制。但这里有个窍门：继续剪裁时，先看一下文件大小超过规定有多少。超得不多，那就少裁点分辨率；反之，就略多裁点。假使网站只限制文件大小，不限制分辨率，那自由度比较大，只要比较原始文件与规定大小相差多少，估计出需要剪裁的量就行了。
对于限制文件大小的网站，在剪裁照片分辨率时，要注意剪裁后的文件要略小于规定的大小，我就碰到过正好大小时，照片也被拒传的情况。
总之一句话，在满足网站要求的情况下，尽量把照片保留大一点的分辨率，使其显示效果最佳。