はてなブログでpicasaの写真をクリックして拡大表示する方法
はてなブログの画像はPicasaのウェブアルバムにアップロードして使用しています。他の方のようにクリックすると拡大表示されるようにしたいなと思っていたところ、Picasaでもできるようなので備忘録を以下に書いておきます。
Google貼り付けだと勝手にリサイズされてしまう
尊敬して止まないはぴらき大先生のブログで以前、クリック拡大についての記事がありましたが、その逆を実はしてみたかったんです。
はてなブログに挿入した画像のクリック拡大表示を簡単に解除する方法 - はぴらき合理化幻想
というのも、風景画像を拡大できればよりキレイに見ることができるし、デスクトップの小さなキャプチャー文字も大きくなって皆さんにもわかりやすくなるので、是非やってみたかったんです。
おそらく、フォトライフの場合、デフォルトでその設定になっているのですが、「Google貼り付け」で貼り付けたはてなブログの画像はすべて幅が512ピクセルにリサイズされて困っていました。
先生の記事を参考にCSSの問題かなとか、色々いじってみましたが、うまくいかず放置状態でしたが、ようやくわかりました。ふぅ・・・また一歩人間に近づいた。
貼り付けコードに「s720」「s1280」等を入れるだけ
下記の花の画像を貼り付けたhtmlのソースコードは
<img class="magnifiable" src="https://lh6.googleusercontent.com/-kt9bmO3ZXRk/VJewECGa-zI/AAAAAAAABVs/ftpAvGAOe28/141222_kakudai_picasa%2B%25281%2529.jpg" alt="" />
となっています。
スポンサードリンク
何もしなければ、PCで画像をクリックした場合、幅512ピクセルにリサイズされて表示されてしまいます。
そこで赤字部分の「141222_kakudai_picasa%2B%25281%2529.jpg」の前に「sXX(XXに数値を入れてサイズ指定)」を入れてあげます。
<img class="magnifiable" src="https://lh6.googleusercontent.com/-kt9bmO3ZXRk/VJewECGa-zI/AAAAAAAABVs/ftpAvGAOe28/s1280/
141222_kakudai_picasa%2B%25281%2529.jpg" alt="" />
青字部分「s1280/」を加えた形で貼り付けます。
※画像がはみ出る場合は「width="512"」等を加えてブログに合わせて幅を調整して下さい。
すると・・・なんということでしょう!今までフルHDの液晶にみすぼらしく咲いていたお花が、1280ピクセルに拡大されて表示されるではありませんか。
Picasaなら容量15GBでRAW画像も対応!
これで、プロ(有料版)でない方も画像の容量を気にすることなくPicasaと連携してバンバン画像を貼れますね(スマホ、低速回線の皆様にはご迷惑おかけ致しますm(_ _)m)。
Picasaはgoogle+と連携することで容量が15GBも使えます。またRAW形式にも対応しているので、写真好きの人には保存用ストレージとしても最適ではないでしょうか。
sXXで指定できる横のピクセル数は
72, 144, 200, 288, 320, 400, 512, 576, 640, 720, 800, 912, 1024, 1152, 1280, 1440, 1600
のようです。オリジナル画像より大きな幅は指定できませんのでご注意下さい。
旅行先の写真など大きく貼り付けることができるようになりました。悩みの種が一つなくなり、スッキリした気分です。
山口県角島の海岸より
錦帯橋の清流で釣りを楽しむ人
岡山城幻想庭園
山口の紅葉
#はてなブログカスタマイズ #オリジナルサイズ #クリック拡大できない #rawで保存 #容量少ない #picasa VS flickr #picasaとflickrどちらがいい