LoginSignup
2
1

More than 3 years have passed since last update.

WebAssemblyのステガノグラフィChrome Extension

Posted at

みんなと共有できるクロームエクステンションを作りました。この拡張機能により、ブラウザでステガノグラフィが可能になります。WebAssemblyで作成しました。画像掲示板やSNSなどにアップロードしてみんなと共有できます。

Repository:
https://github.com/Toshi1212/Decoder

エクステンションをインストールしたら、(ディベロッパーモードで):

画像にメッセージをいれる方法,
1) アイコンをクリック
2) ファイルを選択
3) メッセージを入力 (テキストもしくはHTMLどちらでも可)
4) オプションでkeyも選択可能
5) Encodeをクリック
6) コピー&ペースト、または画像を保存できます。

画像に隠されたメッセージを読むには画像上で右クリックして「Decode Image」を選択してください。

複雑になってしまって申し訳ありませんが、画像を入れたいときには次の方法で挿入してください。
1) 画像をBase64-encodeに変えてください。 ( おすすめ: https://lab.syncer.jp/Tool/Base64-encode/ )
2) <img src="">の中にペーストしてください。
3) 画像が大きすぎる場合「Encoding failed」エラーが出ます。その場合は画像を小さくしてください。

例:

<img src="data:image/png;base64, data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEX/TQBcNTh/AAAACklEQVR4nGNiAAAABgADNjd8qAAAAABJRU5ErkJggg=="/>

例:
https://i.imgur.com/FV04fuY.png
https://i.imgur.com/i2dCqHi.png
https://i.imgur.com/fdHuxXY.png

例:
ビフォーアフター
image.png

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1