iPhoneからTinyPNGで圧縮した画像をタブを切り替えずにダウンロードするためのブックマークレット

TinyPNGで圧した画像をタブを切り替えずにダウンロードする為のブックマークレット

先日、TinyPNGがjpg対応してモブログでも使えるようになったことに気付き、狂喜乱舞しております。よっひー(@yosiakatsuki)です。

ただ、画像のダウンロードの為に毎回別タブを開いて消して… なんて面倒くさいので、1ページ内に全部の画像を表示して、連続で保存するためのブックマークレットを作りました!

圧縮した画像をタブを切り替えずにダウンロードするためのブックマークレット

今回作ったブックマークレットはコチラ↓

javascript:!function(d,f,s){s=d.createElement('script');s.src='//j.mp/1bPoAXq';s.onload=function(){f(jQuery.noConflict(1))};d.body.appendChild(s)}(document,function($){var at=$('.results *').children('a');div2=document.createElement('div');div2.id='comp';for(i=0;i<=at.length;i++){var div=document.createElement('div');div.innerHTML='<h3>image '+i+' </h3>';var image=document.createElement('img');image.src=at[i];div.appendChild(image);div2.appendChild(div);}document.body.appendChild(div2);location.href='#comp';$('img').css({'max-width':'100%','height':'auto'});})

今回もjQueryを使うブックマークレットにお世話になってます。

ブックマークレットをSafariに登録する方法についてはコチラを参考にしてください↓

ブックマークレット使い方

「使い方」というほど大した手順もありません。時がきたら発動させるだけです!カンタン!カンタン!

画像の圧縮を待つ!

複数画像が圧縮完了になった様子

↑まずは、追加した画像がすべて圧縮されるのを待ちます。

すべての画像ファイルが圧縮完了したら次のステップです!

ブックマークレットを発動!

すべての画像が圧縮完了したらブックマークレットを実行します!

圧縮完了した画像がページ下部に追加される

↑すると、ページの下の方に圧縮済みの画像がつらつらと並びます!

画像と画像の境目がわかるように「image ~」という区切りを入れてみました。

画像長押ししてダウンロード

画像が表示されたら、あとはひたすら画像のダウンロードです!

これなら毎回別タブを開いては画像長押ししてダウンロードするという必要が無くなりますね!

無料iPhoneアプリで画像の一括ダウンロードができた

アプリを調べる前にブックマークレットを作ってしまったので、今回はブックマクレットの紹介でした。

ただ、もっと簡単に圧縮した画像をダウンロードすることができるiPhoneアプリもあるので参考にしてみてください。

よっしーのひとこと

よっひー

このブックマークレットを作った時はなかなかいいものを作れたな!って思いました!

同じことができるアプリを見つけてしまうマデは…

iPhoneアプリをつかって画像を一括取得したほうがラクなんですけど、もしいつかそのアプリが使えなくなったりした時の為に持っておくといいかもしれません。(と、自分に言い聞かせてます…)

ではまた。