论亚马逊图片地址的正确用法…

kidnapper · 发表于 2014-3-19 23:04:01

本帖最后由 kidnapper 于 2014-3-19 23:18 编辑

刚刚回复一个帖子的时候想起了这个很有意思的事儿，搜了下还没人发过。整理下发出来：
现在去亚马逊首页随便找张图片地址为：

http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL150_.jpg

复制代码

其实这样图片的原始地址是这样的

http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL.jpg

复制代码

加的参数SL150是干吗用呢，我们改改看

http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SL300_.jpg

复制代码

放大了，注意还是无损的，不是被拉伸大的，有意思不？
这个不是用js代码修改了宽和高，完全的由服务器实时的生成图片，有没有和我一样好奇是怎么实现的…
限制图片高度还可以用这个，还没看出来SL与SY有何区别：

http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SY300_.jpg

复制代码

限制宽度为100px

http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._SX100_.jpg

复制代码

如果要生成正方形图片可以：

http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._AA200_.jpg

复制代码

图片的比例不会变化，多出的部分会自己补白。
注意以上都是在原图基础上改的，如果宽高超出就会显示原图。
莫非你觉得还不够高大尚，好吧，要是想显示图片的某一部分怎么办呢？

http://ecx.images-amazon.com/images/I/51wPZ%2B9KRJL._CR05,10,200,200_.jpg

复制代码

这几个数值的意思是以图片左上角为原点，在x轴5px，Y轴10px的地方取顶点，截取一个宽高均为200px的正方形。注意，跟HTML map area的定位方式是不一样的。
完，这个有什么用，怎么用方便自己拓展~

补充内容 (2014-3-19 23:26):
若觉得涨姿势了，不要吝啬，加个分吧…

crazysnail · 发表于 2014-3-19 23:09:51

这个很强大, 我想知道它是如何实现的

Neoman · 发表于 2014-3-20 09:23:17

稍微大点的站，一般都会这样来处理的。
专门的图片服务器，有缓存，后台C++。用php开放个web接口
这样，可以控制速度，业务需求和权限。

osun · 发表于 2014-3-20 09:44:57

好帖，果然涨姿势了，动态生成图片，亚马逊就是牛逼

apple2013 · 发表于 2014-3-20 11:30:13

观察真仔细啊，学习了，谢谢分享！

lighterjoul · 发表于 2014-3-20 12:36:59

很受用~~多谢楼主分享，呵呵

RootSir · 发表于 2014-3-23 22:34:25

涨姿势了哈哈。。。。

billy · 发表于 2014-3-23 23:05:28

那个100_.jpg这样的数字是可以随便改的，原来采集过Amazon，图片都是这么弄的，采集基本信息然后自己用参数改大小。
最后一个算是长知识

论亚马逊图片地址的正确用法…

评分

点评

浏览过的版块