最近做一个产品列表页,前端css控制了图片的宽高,但是上线后客户反映图片变形的问题,查看原因,原来是后台上传的图片尺寸比例和自己css控制的图片尺寸比例不一样导致的。
于是自己就产看了淘宝京东等电商网站,发现图片尺寸都是统一大小或者比例的
这是通过后台上传图片时按照统一的规格进行上传,还是后台上传图片时不限制尺寸,随意上传,代码进行处理的?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
上传商品时只需要上传一张高清的原图,服务器通过压缩技术来解决这个问题。
服务器存储了多套不同尺寸的图片
img标签请求时在地址中增加标识,由服务器时实压缩图片
这2种方法都可以实现,后面一种的话就是多个请求会压缩多次,第一种方案就是增加硬盘的消耗。2种方案2有特点可根据自己的实际情况选择。后面还可以增加一些优化手段,如缓存之类的。
上面的标签就是京东首页商品图片地址栏中s130x130就是图片大小的标识。