少しだけシヤワセなAmazon画像Tips覚え書き

「毎日考ブログ」はとっくの昔に移転してました。
個別記事にお引越し表記するの、一年近く忘れてました（最低
すでに新しくもないブログのURLは以下ですよろちくび。（最低

2008-11-19 Wed[Web制作]

Amazonアフィリエイト経由の商品リンクって、インラインフレームだしどうも好きになれないんですよね。

てことで、シンプル一番に愛用させていただいているWebサービスAmazyさん。ここで使われている商品画像は、ままAmazonさんのサーバにあるものです。URLは

http://ec2.images-amazon.com/images/I/518-E9FDBRL._SL500_AA240_.jpg

などと振られています。なにげなく遊んでいて知ったんですがこれ、最後の「240」の部分の数字を変えると、画像の大きさも変わるんですよ。 …え。今更びっくりしてるの私だけ？

あ、いや、画像サイズがいくつかあるのは知っていたし、それ用のTipsが書かれたページも拝見してはいましたが、こういう感じで可変になるのは知らなかったんです。

いろいろ調べて、Amazon商品画像のカスタマイズ（実践編） - Shiz Labsこちらを読んだうえでまとめると、

SL → 長辺の長さを示す。最大値500（px）までで任意の長さを指定できる。たとえば縦長の雑誌の場合、「_SL400」は縦が400pxの画像になる。
AA → 正方形オプション。1辺のサイズを設定できる。縦長の雑誌の場合、「_AA400」は横に白枠の付いた400px四方の正方形画像となる。Amazonの商品ページやリスト表示の画像はこれで指定してありますね。ちなみに最大値は5000px四方。（使わないだろうけど）

とのことです。ふへー。いろいろあそんでみました。

Amazyさんデフォルトの長辺160px（縦が160px）の大きさです。

上のソース：<a href="http://amazon.co.jp/o/ASIN/B001JGUD1A/mainichikoh-22/ref=nosim"><img src="http://ecx.images-amazon.com/images/I/518-E9FDBRL._SL160_.jpg" alt="WHAT'S IN (ワッツイン) ? 2008年 12月号 [雑誌]" border="0" /></a>

長辺240px（縦が240px）の大きさです。

上のソース：<a href="http://amazon.co.jp/o/ASIN/B001JGUD1A/mainichikoh-22/ref=nosim"><img src="http://ecx.images-amazon.com/images/I/518-E9FDBRL._SL240_.jpg" alt="WHAT'S IN (ワッツイン) ? 2008年 12月号 [雑誌]" border="0" /></a>

さらに中途半端な数字（長辺195px）にしたり…ぼかしたり傾けたりなどの画像いじくりもできるのが面白いですよね。

上のソース：<a href="http://amazon.co.jp/o/ASIN/B001JGUD1A/mainichikoh-22/ref=nosim"><img src="http://ecx.images-amazon.com/images/I/518-E9FDBRL._SL195_BL03_PV15_.jpg" alt="WHAT'S IN (ワッツイン) ? 2008年 12月号 [雑誌]" border="0" /></a>

（アフィリエイトID入れてないとソースが長くなるので便宜上入れてます。と念のためおことわり）

詳しい解説は以下のブログさんでごらんください。わかりやすいです。

個別ページ｜comments (2)｜trackbacks (0)

<< Web屋のクリップをいくつか | main | Web屋のDock晒します2008秋 >>

同じカテゴリの新着記事

こんな環境で仕事してますの話 (2010-04-23)
CSSエディタのCSSEditを愛用してます。 (2009-04-21)
非対応の環境の方に謝ってみる。 (2009-03-31)
FeedBurner、ある意味諦める／フィード購読者数の現状 (2009-03-29)
春だからおブログの衣替えをしましたの。 (2009-03-26)
Internet Explorer6とWeb屋とツレヅレ (2009-03-25)
Yahoo!サイトエクスプローラーのカスタム検索が意外によいかもしれない (2009-03-12)
見ているだけでセンスが良くなる気がする海外Webデザイン系サイト5つ (2009-03-11)
会社生活における自分流LifeHack (2009-02-23)
「一万円キッチリ買いまショー」再び、Web本とカメラ本 (2009-02-13)

いただいたコメント

もも | 2008-11-20 12:38 AM: 友人が歌う「誰がために」を聞いて、えっちらおっちら帰ってきたところっす。私は世界の平和を守るため、３つのしもべに命令してきました。

今日もしっかりお勉強ネタですね。
アマゾンのリンクが作れるサイトはいろいろあるけど、そこは行ったことがありませんでしたー。そーか、画像サイズもカスタマイズできるとは…。未熟者でありました。
DVDの円盤が半分出てるのとか、影つきとか、いろいろできるんですよね。
前から疑問だったんですけど、ぼかしってどういうときに使うんだろう？　なんちゃら指定のヤツとか載せるとき？

salsa | 2008-11-20 06:11 PM: ♪さいぼーぐせんしー、たがーためにーたたーかうー。
♪さいぼーぐせんしー、たがーためにーたたーかうううううううー。

一緒に地球の平和を守りましょう。
自分のために。

ぼかしって、当たり前じゃないですか。
こんなDVDやあんなイヤーンな雑誌を紹介するためですよ。ぐっへっへっへ。奥さんも好きですなあ。

トラックバックはこちらから。

この記事のトラックバックURL :

☆上記のURLを、ブログ投稿画面の「トラックバック先URL(livedoor/FC2)」「トラックバックURL(excite/JUGEM/So-net/goo)」「トラックバック先のアドレス(Yahoo!)」「相手先のトラックバックURL(楽天)」「相手先のトラックバックアドレス(ココログ)」…などの入力欄にコピーして、記事を作成（投稿/保存）してください。
（既存の記事からも、トラックバックURLを入力して「更新（投稿/保存）」することで送ることができます。トラックバックの説明はトラックバックとは？（レシピブログ）などをお読みください。

※当記事へのリンクがないトラックバックは拒否される場合があります。
※ツールなどで無差別に発射されたと思われるものは削除させていただく場合があります。
※商品の広告・宣伝目的、アダルトサイト、スパムブログ等からのトラックバックは即刻削除します。

いただいたトラックバック

ページの先頭へもどる