84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
最近做一个产品列表页，前端css控制了图片的宽高，但是上线后客户反映图片变形的问题，查看原因，原来是后台上传的图片尺寸比例和自己css控制的图片尺寸比例不一样导致的。于是自己就产看了淘宝京东等电商网站，发现图片尺寸都是统一大小或者比例的
这是通过后台上传图片时按照统一的规格进行上传，还是后台上传图片时不限制尺寸，随意上传，代码进行处理的？
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
上传商品时只需要上传一张高清的原图，服务器通过压缩技术来解决这个问题。
服务器存储了多套不同尺寸的图片
img标签请求时在地址中增加标识，由服务器时实压缩图片
这2种方法都可以实现，后面一种的话就是多个请求会压缩多次，第一种方案就是增加硬盘的消耗。2种方案2有特点可根据自己的实际情况选择。后面还可以增加一些优化手段，如缓存之类的。
上面的标签就是京东首页商品图片地址栏中s130x130就是图片大小的标识。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
上传商品时只需要上传一张高清的原图，服务器通过压缩技术来解决这个问题。
服务器存储了多套不同尺寸的图片
img标签请求时在地址中增加标识，由服务器时实压缩图片
这2种方法都可以实现，后面一种的话就是多个请求会压缩多次，第一种方案就是增加硬盘的消耗。2种方案2有特点可根据自己的实际情况选择。后面还可以增加一些优化手段，如缓存之类的。
上面的标签就是京东首页商品图片地址栏中s130x130就是图片大小的标识。