淘宝或者京东中,在图片列表中,图片的原始尺寸都一样,是怎么实现的?
高洛峰
高洛峰 2016-10-27 10:15:24
[JavaScript讨论组]

最近做一个产品列表页,前端css控制了图片的宽高,但是上线后客户反映图片变形的问题,查看原因,原来是后台上传的图片尺寸比例和自己css控制的图片尺寸比例不一样导致的。
于是自己就产看了淘宝京东等电商网站,发现图片尺寸都是统一大小或者比例的

1.jpg

这是通过后台上传图片时按照统一的规格进行上传,还是后台上传图片时不限制尺寸,随意上传,代码进行处理的?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
三叔

上传商品时只需要上传一张高清的原图,服务器通过压缩技术来解决这个问题。

服务器存储了多套不同尺寸的图片

img标签请求时在地址中增加标识,由服务器时实压缩图片

这2种方法都可以实现,后面一种的话就是多个请求会压缩多次,第一种方案就是增加硬盘的消耗。2种方案2有特点可根据自己的实际情况选择。后面还可以增加一些优化手段,如缓存之类的。

上面的标签就是京东首页商品图片地址栏中s130x130就是图片大小的标识。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号