K4750.NET

Amazon商品画像のカスタマイズ(RO)

Amazonの商品画像のURLの一部を変更することで、表示する画像をカスタマイズできることは知られているが、画像を角丸にするための「RO」について説明したページが(少し検索した限りでは)見つからなかったので、解析結果を残してみる。


1.ROの書式

書式は以下のとおり。

RO[半径],[枠幅],[枠色(R)],[枠色(G)],[枠色(B)],[枠外色(R)],[枠外色(G)],[枠外色(B)],[位置]

 [半径]:角丸の半径
 [枠幅]:枠線の幅
 [枠色]:枠線の色(RGBそれぞれ0~255)
 [枠外色]:各コーナーの外側の色(RGBそれぞれ0~255)
 [位置]:角丸にするコーナーの位置(0~15)

URLにするとこんなカンジ。

http://ecx.images-amazon.com/images/I/81LlYG0WbIL._RO10,1,128,128,128,255,255,255,15_.jpg

2.ROの例

サンプルとして使用した画像はこれこれ

  • 半径 10
    _RO10,1,128,128,128,255,255,255,15_

     
  • 半径 30
    _RO30,1,128,128,128,255,255,255,15_

     
  • 枠幅 5
    _RO10,5,128,128,128,255,255,255,15_

     
  • 枠色 255,128,128
    _RO10,1,255,128,128,255,255,255,15_

     
  • 枠外色 128,128,128
    _RO10,1,128,128,128,128,128,128,15_

     
  • 位置 1~5
    _RO10,1,128,128,128,255,255,255,1~5_
        
     
  • 位置 6~10
    _RO10,1,128,128,128,255,255,255,6~10_
        
     
  • 位置 11~15
    _RO10,1,128,128,128,255,255,255,11~15_
        
     

3.RO以外の書式(外部リンク)