手探りWebデザイン

ちょっとかわったQRコード

こんなQRコードを作ってみます

 


Google Chart APIでQRコードが作成できます。

ブラウザのURL欄に以下を入力
http://chart.apis.google.com/chart?chs=≪画像サイズ≫&cht=qr&chld=≪エラーコレクションレベル≫&chl=≪URL≫

デジコムの場合
http://chart.apis.google.com/chart?chs=120×120&cht=qr&chld=H&chl=http://www.djcom.jp/

デジコムのQRコード

Google Chart APIでQRコード作成


さらにGoogle Chart APIのQRコードは
コードにゴミが付いてしまっている、部分的にピンボケしているなど
撮影時の障害の場合でも読み込めるような設定もできます。

chld=エラーコレクションレベル(error_correction_level

  • L –  全体の15%が撮影できなくても内容を読み込める
  • M - 全体の15%が撮影できなくても内容を読み込める
  • Q - 全体の25%が撮影できなくても内容を読み込める
  • H - 全体の30%が撮影できなくても内容を読み込める

参考

http://code.google.com/intl/ja/apis/chart/docs/gallery/qr_codes.html

この機能を利用して以下のようなQRコードを作ってみました。

QRコードの中に会社ロゴを入れてみました

QRコード編集時の注意






※QRコードの画像編集には画像編集ソフトが必要です。