php开发，请问大家商城图片是如何解决？

Question

情况是这样的商城中某商品，在前台的设计中，图片大小分为四种类型，即
1.small_pic，就是最小的图，用在下定单，或者侧栏显示
2.list_pic,栏目列表及首页列表展示的图片
3.goods_show_pic,用于商品展示页面的图，利用js可以放大，放大的图就是下面所要说的图，原始尺寸的图片
4.original_pic，原始图片，规定好尺寸，用来被放大这样的图片，我的想法，是通过原始图片，缩三次，成为三张不同尺寸的图片，跟sina博客一般的我不知道这样的方法可不可行，还是说，让设计师做好除原始图另外三张图，再分别上传？大家谈谈自己的创意及做法，谢谢先

Answer 1

准备一张高分辨率的， 小图片都是img设置style=block，height, width就行了。

Answer 2

个人感觉，当然是 加载一张大图 就OK 了呗。 1. 2. 可以直接用 width height 
3.  4. 不太确定有什么好的办法。不过都可以使用 jquery下 lightbox ，  lazy load 效果。
希望对你有所帮助。哈哈哈哈。

Answer 3

css 控制宽高 就好了。当时是 一张图搞定的。 因为 你 lightbox 需要的是大图。个人理解 是 客户端 加载 是 按照图片 名称 来的。所以加载一张大图，小图自然ok 

Answer 4

呃，大家都理解错我的意思了之于放大缩小，不是我的问题的重点，这些都是小事情。。我的问题的重点就是：产品需要图片，图片的格式分为四个类型，就是最小的缩略图，列表图，展示图及放大图我想问问大家，如果是你们自己来弄这个系统，图片是通过原始图，生成指定尺寸的图片，还是分四次上传所需要的四张图？或者正如大家说的一样，上传一张图，然后通过style样定义图片的大小（这个方法肯定不行，图片会失真，有锯齿）

Answer 5

可以gd把图片resize成4份呀， 图形学白痴，不知道会失真的如何。

Answer 6

gd可以resize的，一份原始图resize三份不同尺寸的图很easy.

Answer 7

http://misc.360buyimg.com/lib/skin/2012/i/20120112B.png
http://www.360buy.com/product/1003834136.html8fZYIAAAAAASePjqGvKkAAAGngLvQ90ABJ5W352.jpg
你不会参考别人啊。

Answer 8

我的想法也是这样的，我只是想问问大家是不是还有别的解决方案，我的想法，就是上传一张，然后resizeN张出来

Answer 9

京东果然是同一张图片直接控制height,width的。

Answer 10

不是一张图处整台，注意仔细看，被放大的图有水印，而在产品页显示的图没有水印商品页展示的图片是：http://img11.360buyimg.com/n1/g5/M01/00/10/rBEDik-8fZYIAAAAAASePjqGvKkAAAGngLvQ90ABJ5W352.jpg，就是鼠标放上去的那张图
商品展示下面的缩略图是：http://img11.360buyimg.com/n5/g5/M01/00/10/rBEDik-8fZYIAAAAAASePjqGvKkAAAGngLvQ90ABJ5W352.jpg
这两张图明显是两张不同的图啊，京东怎么可能是用一张图？？？

Answer 11

呵呵，没有责备楼上的意思，我的目的，就是想，大家在处理不同尺寸图片这块通用的办法是什么。。看来，还是resize比较有效率，上传一张大图，并生成不同尺寸的小图

Answer 12

果真../n1/g5/
/n5/g5/尺寸是不同的, 应该是原图就一张, 小图第一次访问自动生成并存储, 返回链接就可以了. 今后就不用再重复生成了.

Answer 13

想要高质量的图片肯定需要GD2的resize来裁剪图片，而且单纯用CSS定义的话，小图没什么问题，大图的话会影响整站的加载速度，多几张图片就把你网站搞垮