WordPress初心者の方も、愛用者の方も、
楽しく学べるフォローサイト!

WP-Master.club ヘッダーロゴ

data:image/jpeg;base64で表示された画像を確認する方法

はじめに

data:image/jpeg;base64,

 

突然ですが、こういう文字列を見ると、一瞬「ハッキングされた!」と思ってしまう方も多いのではないでしょうか。

よくわからない文字列が配置されている、いわゆる「base64」という暗号化がなされています。

こういうものは、base64で書かれたものが実際どのような内容なのかを確認するサービスもあります。

(例:eval gzinflate base64_decode PHP Decoder

 

でも、表記のような画像に関するbase64文は、サービスを利用しても何も出てきません。

では一体どのようにして、この得体の知れないコードを確認するのでしょうか。

 

ブラウザのURL欄に張り付けるだけ

閲覧するには、例えばchromeなどのブラウザのURL欄に、該当部分を貼り付けるだけです。

例えば、上記の場合は、url(〇〇〇)の、カッコの中身をブラウザのURL欄に貼り付けます。

 すると

このように画像が表示されます。

ちなみにこれは、かの有名なプラグイン「All in one SEO Pack」に記述されたコードです。

 

この手法は・・・

この手法は「Data URI scheme」と呼ばれるもので、ウェブページでインラインにデータを埋め込む手法だそうです。詳しくはウィキペディアにて^^