Picasaウェブアルバムの写真をモザイク化する

Picasaウェブアルバムの写真をモザイクする方法です。閲覧注意なアッー!な写真などに使えるかもしれません。(ちなみに上のはグロ画像とかではありません)

Picasaウェブアルバムにアップロードした写真はURLを書き換えるだけでにリサイズさせることが可能です。本来はフィルター機能が備わっているわけではありませんがこのリサイズ機能を使って簡単なモザイク処理が可能です。

とりあえず簡単にモザイク処理するのであれば1ドット(ピクセル)のサイズを大きくしてしまえばいいわけです。とは言ってもパソコンの画面は1ドット=1ドットなので大きくするなんてことは出来ません。そこで表示サイズを固定したまま元画像のドット数を減らして(解像度を下げて)、モザイク処理します。

まず、207×203pxの画像があります(奇数なのは気にしない)。

  1. <img src="https://lh6.googleusercontent.com/-iKITuCUDv8I/TyozlDmT5II/AAAAAAAAEIE/6Mt8fd7b07U/d/georgia-a.png" />

この画像の表示サイズをHTMLたはCSSで固定し、Picasaのサーバーに約半分のサイズの画像を要求します。ここでは長辺104px(1/2)の画像を要求しています。隣には原寸サイズのものを配置しています。

  1. <img src="https://lh6.googleusercontent.com/-iKITuCUDv8I/TyozlDmT5II/AAAAAAAAEIE/6Mt8fd7b07U/s104/georgia-a.png" style="width:207px;height:203px" />

更に半分のサイズの52px(1/4)を要求。

  1. <img src="https://lh6.googleusercontent.com/-iKITuCUDv8I/TyozlDmT5II/AAAAAAAAEIE/6Mt8fd7b07U/s52/georgia-a.png" style="width:207px;height:203px" />

さらに半分の26px(1/8)。

  1. <img src="https://lh6.googleusercontent.com/-iKITuCUDv8I/TyozlDmT5II/AAAAAAAAEIE/6Mt8fd7b07U/s26/georgia-a.png" style="width:207px;height:203px" />

Photoshopのモザイクフィルタでセルサイズを8平方ピクセルにしたものがこちら。

サイズの大きい物を小さくしてまた大きくしているのでPhotoshop並に綺麗にとはいきませんが、1つの画像でHTMLを書き換えるだけで出来るというメリットがあります。

ブラウザのフィルタでモザイク処理することも出来たりしますがコードを書くのも面倒です。

あとは元画像へのリンクやLightboxプラグインへのリンクをdにして原寸サイズを呼び出せばOKです(前者はそのままだとダウンロードURLになることがあるのでPicasaウェブアルバムへのリンクかd-hでHTMLモードにアクセスさせた方がいいかもしれません)。

パラメータについては以下をどうぞ。

Trackback