言葉のイメージを掴みたい場合、Google画像検索が便利かも！ただし、例外はあります

イントロダクション

言葉のイメージを知りたいときってありますよね。
そういうときには、Google の画像検索を使うと便利かもしれません。

検索技術：ブログ・サイト内の全画像を列挙して、画像から記事を探す方法

イントロダクション

（もやもやっと、頭の中にうっすら記憶がある）あの画像が使われていた Web ページを見たいのに、見つからないってことありますよね。


「Webサイトやブログ内のリンクをたどっても見つからないし、サイト内検索をしても見つからない！」

「ああ、頭の中にぼやっと、記事の中で使われていた画像のイメージがあるのに、あの記事はどこにあるんだろう！」


そんなお悩みを解決する方法の一つに、Google の画像検索にて、サイト内全体を対象として検索を実施する方法です。

Blogger:アップロードした画像の、取得時の画像サイズを動的に変更するための、JavaScriptコード

イントロダクション

Google のブログサービス「Blogger」にて、アップロードした画像の、取得時のURLのパターンと、動的に取得サイズを変更する方法について調べてみました。

Bloggerでアップロードした画像ファイルの、URLのパターン
http://upa-pc.blogspot.com/2015/04/blogger-image-url.html
Dr.ウーパのコンピュータ備忘録

Bloggerでアップロードした画像を、サーバから配信される画像のサイズを指定して表示する方法
http://upa-pc.blogspot.com/2015/04/blogger-image-url-change-size.html
Dr.ウーパのコンピュータ備忘録

今回は、それらの知見を活かして、アップロードした画像の、取得時の画像サイズを動的に変更するための、JavaScriptコードを作成してみました。

Bloggerでアップロードした画像を、サーバから配信される画像のサイズを指定して表示する方法

イントロダクション

Google のブログサービス「Blogger」でアップロードした画像には、ある種の規則性があることを「Bloggerでアップロードした画像ファイルの、URLのパターン」にて記載しました。

その中で、画像を取得するための URL 内に、画像のサイズを指定する文字列が含まれていることに言及しました。

そして、一つの画像をアップロードしておけば、その画像のURLに含まれる画像のサイズを指定する文字列を変更することで、サーバサイドで任意の画像サイズに加工してくれるため、ネットワーク帯域の節約になり、表示を高速化することが出来るという点も言及しました。


そこで、今回はBloggerでアップロードした画像を、サーバから配信される画像のサイズを指定して表示する方法とそこで指定できる画像サイズと種類についてまとめてみました。

Bloggerでアップロードした画像ファイルの、URLのパターン

イントロダクション

Google のブログサービス「Blogger」 にて画像をアップロードすると、その画像にアクセスするためには、次のような URL が与えられます。

例）次の画像の場合
画像

画像のURL
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR0EZ2VEQccPi8ZOloaWMSRv2WvAIlrI2smCJTNZcP2rgzPyB9ncFFWMdSCUF9uiOupNWBfytYcZyYKrQY-EcF11O8Y5e7KTrm1dCFmMr1TpxKLxffGfsvzTUCgQSnlPBZs6W_WSO1e-M/s1600/simple_eye_catch_1_1_0_TEST.png


※ (2017/6/18 追記) 少し前から、記事へ画像を挿入した場合には、https がデフォルトになっているようです。httpでもアクセスは可能のようです。


いくつかの Blogger にアップロードした画像ファイルの URL を見てみると、ある種の規則性があることが分かってきました。

画像処理:文字情報をモザイク処理した場合の、パターン数とその分布(メイリオ)

イントロダクション

「画像処理:文字情報をモザイク処理した場合の、パターン数とその分布(Windowsテキストボックス)」では、Windowsのテキストボックスに標準的に適用されているフォント・フォントサイズで、文字情報をモザイク処理した場合のパターン数とその分布を調べてみました。

そのときは、モザイク結果として、色が被ることが多いという知見が得られました。
その時の原因として、次の点を考えました。

• 文字サイズが小さい
• 文字がアンチエイリアスされていない
• 文字に対して、モザイクを施す領域が広い

そこで、今回はもう少し大きな文字に対して、アンチエイリアスの施されるフォントを使用して文字情報をモザイク処理した場合の、パターン数とその分布を計算してみました。

画像処理:文字情報をモザイク処理した場合の、パターン数とその分布(Windows UI)

イントロダクション

「画像処理:モザイクによって文字情報を処理した場合の、パターン数について考える」では、文字情報をモザイク処理した場合に、元の画像の推測が容易かどうかを考えてみました。

そのときは、前提条件として次のような条件を設定しました。

• 文字 1 文字の全体を、モザイク処理によって均質な色にする
• 画像の色情報は、白から黒の濃淡で表されるグレースケール
• 色の階調情報のデータ量は、一般的な 256 段階(8bit)
• 文字のビットマップ情報については考えず、あくまで文字の数でのみ考える
• モザイク処理後の色かぶりが無いと仮定
• モザイク処理によって均質化した色情報が、均等にばらけていると仮定

特に、机上で計算しやすいように、実際の文字の形（ビットマップ情報）は考慮せずに、計算しました。


そこで、今回は実際にプログラムを作成し、文字 1 文字をモザイク処理した場合のパターン数と、どのようなモザイク処理後の色のパターンの分布が生じるのかを調べてみました。

画像処理:モザイクによって文字情報を処理した場合の、パターン数について考える

イントロダクション

以前、「シリーズ安全な画像処理」として、情報を保護するためのモザイク処理の安全性について考えてみました。

絶対にやってはならない、情報保護のための、モザイク処理の方法 - シリーズ安全な画像処理
http://upa-pc.blogspot.com/2015/03/public-image-process-mosaic.html
Dr.ウーパのコンピュータ備忘録

そこでは、モザイクの粒度が荒いと、元の情報が推測される恐れがあることを記載しました。

今回は、十分なモザイクの粒度を考えるうえで大事となる、文字情報をモザイク処理した場合の、パターン数について考えてみます。

ディスプレイを撮影した画像データを、何とか補正してほどほどに見せてかつ、外部へ発信される情報を抑えたい[クイックリファレンス版]

これはなに？

発光を伴う映像表示装置(ディスプレイ)を撮影した写真を、画像編集によって、

• ほどほどに見栄えを整える
• 外部へ発信される情報量を必要最低限に抑える

を達成するためのクリックリファレンスメモ。(2015/3/23版)

本来ならばパソコン画面のように、スクリーンキャプチャにより画面の画像データを保存してブログやWebサイトに載せたいが、それができない場合のメモ。

Excelの表(セル)を画像として保存するには？ - 画像編集ソフトへ張り付けするだけで、簡単に画像化できます

イントロダクション

「Excel で作成した表を、画像として保存したい」ケースってありますよね？

その問題は、とっても簡単に解決できます！

シンプルなアイキャッチ画像ジェネレータを作成してみました - アイキャッチ画像生成自動化を追求します

イントロダクション

ブログページやWebページに含まれている画像は、FacebookやGoogle+といったSNSで拡散されたときに、サムネイル画像として用いられるようになりました。

また、ブログ内の関連記事表示や、新着情報、人気の投稿、過去の投稿といった記事の一覧を表示するものでは、記事のタイトルとサムネイル画像がセットで表示されることが多いです。

他にも、様々なサービスで、ブログページやWebページに含まれている画像を、記事紹介時のサムネイルとして使用するケースが目立っています。


すると、記事の中に画像が含まれないブログページやWebページは、相対的に目立たなくなってしまいます。

また、サムネイル画像が無いと、パッと見で記事一覧を見た時の視認性が、サムネイルがある場合と比べて劣るように感じます。


しかし、わざわざテキストしかないブログページやWebページで、別途サムネイル画像を用意するのは手間がかかります。


そこで、そのページのキーワードを基に、アイキャッチ画像を生成する Web サービスを作成してみました。

絶対にやってはならない、情報保護のための、モザイク処理の方法 - シリーズ安全な画像処理

イントロダクション - シリーズ安全な画像処理

写真や映像の中に、個人情報などの外部へ公開してはならない情報が含まれていた場合には、一般的に情報保護のため、モザイクやぼかし、塗りつぶしなどの処理を行い、その情報が見えないようにします。

元の画像

塗りつぶし

モザイク処理

ぼかし処理

しかし、それらの処理を行うときには、いくつかの注意点があります。


基本的に、人間基準で、見た目的に認識できないかどうかで判断してはいけません。

いまや、コンピュータを使用した解析により、相当数の計算を行える時代です。計算の仕方によっては、元々の情報を復元できてしまう可能性があります。


今回は、モザイク処理をすることで情報を見えなくする方法について、考えてみます。

他のシリーズはこちら
絶対にやってはならない、情報保護のための、塗りつぶし処理の方法 - シリーズ安全な画像処理
情報保護のためのぼかしは安全か？ - シリーズ安全な画像処理

情報保護のためのぼかしは安全か？ - シリーズ安全な画像処理

イントロダクション - シリーズ安全な画像処理

写真や映像の中に、個人情報などの外部へ公開してはならない情報が含まれていた場合には、一般的に情報保護のため、モザイクやぼかし、塗りつぶしなどの処理を行い、その情報が見えないようにします。

元の画像

塗りつぶし

モザイク処理

ぼかし処理

しかし、それらの処理を行うときには、いくつかの注意点があります。


基本的に、人間基準で、見た目的に認識できないかどうかで判断してはいけません。

いまや、コンピュータを使用した解析により、相当数の計算を行える時代です。計算の仕方によっては、元々の情報を復元できてしまう可能性があります。


今回は、ぼかし処理をすることで情報を見えなくする方法について、考えてみます。

他のシリーズはこちら
絶対にやってはならない、情報保護のための、塗りつぶし処理の方法 - シリーズ安全な画像処理
絶対にやってはならない、情報保護のための、モザイク処理の方法 - シリーズ安全な画像処理

絶対にやってはならない、情報保護のための、塗りつぶし処理の方法 - シリーズ安全な画像処理

イントロダクション - シリーズ安全な画像処理

写真や映像の中に、個人情報などの外部へ公開してはならない情報が含まれていた場合には、一般的に情報保護のため、モザイクやぼかし、塗りつぶしなどの処理を行い、その情報が見えないようにします。

元の画像

塗りつぶし

モザイク処理

ぼかし処理

しかし、それらの処理を行うときには、いくつかの注意点があります。


基本的に、人間基準で、見た目的に認識できないかどうかで判断してはいけません。

いまや、コンピュータを使用した解析により、相当数の計算を行える時代です。計算の仕方によっては、元々の情報を復元できてしまう可能性があります。


今回は、塗りつぶすことで情報を見えなくする方法について、考えてみます。

他のシリーズはこちら
情報保護のためのぼかしは安全か？ - シリーズ安全な画像処理
絶対にやってはならない、情報保護のための、モザイク処理の方法 - シリーズ安全な画像処理

Twitterに背景透明の画像を投稿したら、とんでもないことになった!! - 真っ黒である

イントロダクション

Twitter では、ツイートするコメントに画像を追加することができます。

ツイートに画像を追加した例：

ブログの文字に影をつけたい!条件を設定すれば簡単に影付き文字を作れる「CSS3 Text Shadow Generator」が便利！- Dr.ウーパのコンピュータ備忘録 http://t.co/WBk9bHBnle @hiyokoXP pic.twitter.com/Knml9wbi7N
— module_hiyoko_xp (@hiyokoXP) 2015, 2月 18

ツイートに画像を追加すると、タイムライン上に画像が表示されるため、ツイートしたメッセージを目立たせることができます。

そのため、追加したい画像がある場合には、よく画像を追加してツイートしています。


さて、そのようにツイートに画像を追加していたら、遭遇した出来事がありました。

それは、

背景が透明の画像をツイートに追加して投稿したら、真っ黒になった

という出来事です。

ブログやWebサイト内から特定の画像を使っているページを見つけ出す方法

イントロダクション

自分の手元にある画像ファイルが、ブログやWebサイト内のどこで使用しているのか調べたいときがあります。

ブログやWebサイト内に大量のページがあると、とてもではありませんが、いちいち一ページずつページを開いて確認していくことは、手間と時間がかかり現実的ではありません。


もし、それが自分自身で所有するブログや Web サイトであり、全ソースファイルに対して検索をかけられるのなら、画像ファイル名で検索を書けると、どのページで使用しているのか知ることができます。


しかしながら、一般的なブログサービスでは、全ソースファイルに一括でアクセスすることは難しいでしょう。


また、Web サイトでも、手元にそのサイトの全ソースファイルが無い場合もあります。

他者が管理している Web サイトなら、なおさらその Web サイトの全ソースファイルを得るのは大変です。

（特定の URL 配下のソースファイルを、自動的にすべて保存するようなソフトウェアもあるかもしれませんが、サーバと大量のデータのやり取りが必要になる為、あまり手軽ではありません。）


そこで、今回はブログやWebサイト内から特定の画像を使っているページを見つけ出す方法として、Google の画像検索を使用して、その目的を達成する方法について解説したいと思います。

なお、使っているページを探し出したい画像ファイルは手元にあることとします。