Amazonの拡大画像を保存する方法があったんですね!
ブックマークレットを使えば簡単に画像を保存することが出来たのです。これは非常に便利なんですよ。
ブログで商品を紹介するのに商品画像が欲しかったんですよね〜
ブックマークレットがあったのですね
Amazonの商品画像で「拡大画像(ズームで)を表示」をクリックすると画像を拡大で見ることが出来ます。
ブロクで商品を紹介するのに画像を使用しようと保存を試すも出来ないんですよね。保存する方法がないものかと調べていたら簡単に見つかった。(^◇^;
ブックマークレットを使えば簡単に拡大された画像を保存することが出来る事が分かった。
こいつは便利だわ〜
使用させて頂いたのが下記のブログになります。
にひりずむ::しんぷる – Amazonの拡大機能で見れる最大の画像を表示して保存できるブックマークレット書いた
ブックマークレット …
javascript
これがブックマークレットで使用するjavascriptになります。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | javascript: (function (d,c,e,a,b,p,l,i) { function C(e,u,n,i) { for (i = 0; i < e[c].length; i++) { n = e[c][i]; if (n.nodeName === 'IMG' && n.src.match('http://z2-ec2.images-amazon.com/images/P/')) { u = n.src.replace(/_SXd+_SCLZ/, '_SCRM'); break; } else if (n[c].length) { u = C(n,u); if (u) { return u } } } return u; }; b = d[e]('div'); l = b[a](d[e]('a')); p = l[a](d[e]('p')); i = l[a](d[e]('img')); l.href = p.innerHTML = i.src = i.alt = C(d.getElementById('zoomViewerDiv')); b.style.textAlign = 'center'; d.getElementsByTagName('body')[0][a](b); })(document,'childNodes','createElement','appendChild’) |
ブックマークレット作成と使用方法
ブックマークレットを実行するとこの様に画像のURLと画像を表示してくれますので、あとは画像を保存すればOKなのです。
それではやり方をお教えしましょう。
Google Chrome
1. ブックマーク→ブックマークに追加→編集
2. 名前を「Amazon画像保存」などにしてURLは上記のjavascriptに変更して保存して下さい。
これでブックマークレットの準備は完了です。
次にブックマークレットを使って画像を保存してみましょう。
3. 「拡大画像(ズームで)を表示」をクリックすると別ウインドウが開くので、そのURLをコピーして元のブラウザにペーストして表示させます。
4. 先ほどのブックマークをクリックすれば下に画像のURLと拡大された画像が表示されますので保存すればOKです。
Safari
1. ブックマーク→ブックマークに追加
2. 「Amazon画像保存」などの名称で適当なサイトをブックマークに追加する。
3. 追加したブックマークを右クリックでアドレスを編集します。登録されていたURLを上記のjavascriptに変更して保存して下さい。
これでブックマークレットの準備は完了です。
次にブックマークレットを使って画像を保存してみましょう。
4. 「拡大画像(ズームで)を表示」をクリックすると別ウインドウが開くので、先ほどのブックマークをクリックすれば下に画像のURLと拡大された画像が表示されますので保存すればOKです。
他のブラウザでFirefoxやInternet Explorerでも動作しているようです。
本日のまとめ
もっと早くに調べればよかったと思ってしまう。
こんな簡単に画像が保存できるんですからね。いちいちGoogleの画像検索で良さそうなのを探したりしていたのが、これからは楽に商品を紹介することが出来るわ。(^^)