QRコードを簡単に作る方法

公開日: : 稼ぐ為の集客方法

スマートフォンの普及からQRコードを導入している企業も増えてきましたね。そこで非常に簡単にQRコードを作る方法を発見しました。

はじめに

今までQRコードを作る場合、専用サイトから作成する事が多かったのですが、URLの打ち間違いや画像サイズを好きなサイズに調節出来ないなど融通が利かない事が多かった時に見つけた方法です。

注意事項

googleがサービス終了しない限りは使う事が出来るでしょう。

用意するのも

googleが提供しているGoogle Chart APIを利用する場合、用意するのはURLだけです。

さっそくQRコードを使ってみよう

https://chart.googleapis.com/chart?chs=横幅x縦&chco=色&cht=qr&chl=URL

Google Chart APIを使ってQRコードを作る場合は上記の内容に当てはめます。

  • chs=ここはQRコードのサイズ
  • cht=ここはqrそのままでOKです
  • chco=#を抜いたカラー指定でこの項目がなくてもOK
  • chl=ここはQRコードにしたいURLを入力します

作ってみた

この稼げる副業ブログのQRコード(250×250)を作る場合は

https://chart.googleapis.com/chart?chs=250×250&chco=333333&cht=qr&chl=http://www.moco358.com/

このURLにアクセスしてみてください。すると

chart

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

QRコードを画像としてホームページなどに埋め込む場合は

<img src="https://chart.googleapis.com/chart?chs=250x250&chco=333333&cht=qr&chl=http://www.moco358.com/" />

このようにimgタグを使うだけで利用する事ができます。

サイズを調べてみた

一番小さいサイズは縦×横=33

https://chart.googleapis.com/chart?chs=33×33&chco=333333&cht=qr&chl=http://www.moco358.com/

一番大きいサイズは縦×横=547

https://chart.googleapis.com/chart?chs=547×547&chco=333333&cht=qr&chl=http://www.moco358.com/

縦と横が違う場合

https://chart.googleapis.com/chart?chs=250×400&chco=333333&cht=qr&chl=http://www.moco358.com/

縦と横が違う場合はこのように余白部分が大きくなるだけです。

以上でQRコードを簡単に作る方法を終了しました。

余白を何とかしたい

QRコードを作る時結構邪魔になってくるのが周りの余白ですよね。そこで、

chld=

これを使う事で余白を何とかする事ができます。

デフォルトでは

chld=L|4

となっていますが、

最初のLはQRコードが汚れていてもある程度復元してくれる誤りレベルの設定をする事が出来ます。

  • L: 7%←デフォルト
  • M: 15%
  • Q: 25%
  • H: 30%

次が本題の余白部分になりますがこれは4の数字をいじることで余白を決める事が出来ます。

0にした場合

100にした場合

個人的にはデフォルトの4よりも2が一番きれいに見えて好きです。

さいごに

色々と融通がきく

さすがgoogle先生ですね。私は今までQRコード作成専用のサイトを利用してQRコードを作成してきました。
ただ、画像サイズが細かく決めれないのでクライアント用にホームページを制作する際にQRコードがデザインに影響する為、再度画像編集ソフトで編集する必要がありました。
ただ、この方法であれば数字とURLの入力だけなので画像を編集する必要もないのでお勧めです。
htmlを理解している人であれば使うのは難しくはないので是非一度利用してみてください。

広告

関連記事

seesaablog

シーサーブログにメニューを作る方法

シーサーブログを使って集客を意識したメニューの作り方をご紹介いたします はじめに シーサーブ

記事を読む

sakura

さくらサーバーでドメインを移す【移管方法】準備

ドメインを初めて移す方は不安ではありませんか?今回はさくらサーバーへの移管方法を詳しく説明させて頂き

記事を読む

著者情報

検索結果に著者情報を掲載する方法

googleの検索結果に著者の情報を掲載させる方法をご紹介させて頂きます。 はじめに Goo

記事を読む

no image

最低限覚えておけば副業で使える簡単なソースコード

副業だけでなく、ブログなどでも見栄えをいじる時にちょっと覚えておけば簡単な修正だけでなく、カスタマイ

記事を読む

seesaablog

シーサーブログのトップページを作る方法

シーサーブログのトップページの作り方をご紹介いたします はじめに シーサーブログでトップペー

記事を読む

google_logo_3D_online_hires

Fetch as Googleで「一時的にアクセスできません」が解決した

完全ではないと思いますが、今のところこの方法をすると解決できたみたいです。 はじめに これは私だ

記事を読む

top01

自動相互リンクの作り方

紹介特典があり、なおかつ無料で自動相互リンクの作り方をご紹介いたします。 はじめに 導入

記事を読む

seo

SEO対策の実験サイトを制作しよう

集客する為のサイトを作る為に実験サイトを作る事でのちのちかなり役立つ資産になってきます。

記事を読む

wp

記事の書き方【ワードプレス】

ブログの書き方は集客する際に気を付けなければいけません。記事を見やすくする方法だけでなく、Googl

記事を読む

seo

SEO対策で絶対にしてはいけない事

SEO対策をしていく上でしてはいけない事を今回はご紹介させて頂きます。知識があるのと知識がないのとで

記事を読む

広告

Message

広告

現在の総記事数: 177件

LineTimeline
LINE@でアプリダウンロード画面が開いてしまう人へ

企業の公式LINEとしてLINE@を導入する時の注意事項をご紹介いたし

E146_oimitemiroyopupu500
アフィリエイト用リンクをクリックされやすくするテクニック

アフィリエイターって他人のアフィリエイトリンクってクリックしたがらない

googlemap
新googlemapに吹き出しを作ろう

新googlemapに変ったら吹き出しの作り方も全部変わっててどうやれ

googlemap
新googlemapを簡単に埋め込む方法

新google map使いにくいわぁって人のために簡単に埋め込む方法が

bx1
bxsliderの画像を中央揃え出来る簡単な方法

bxsliderを導入したものの画像が左側に寄ってcssで戻せない・・

→もっと見る


  • ここでは副業での稼ぎ方や、誰でも簡単に稼げる副業のジャンルなどを紹介しております。 今の所、平均して月に15,000円ほど副収入があります。
    • エステコスメ エステ化粧品やエステコスメの通販サイトです。一般の方でもエステサロンで使用しているコスメを激安価格で購入出来ます。
    • エステ用品 エステ用品のMOCOエステです。新規開業を考えているエステサロン様向けに卸価格でご提供させて頂きます。
    • サロン集客 サロン集客に悩んでいる人向けに完全無料で集客方法を公開しております。インターネットを使う事で0円でサロン集客する方法もお教えいたします。
    • フェイシャルスチーマー 業務用だけでなく、一般の方も使用出来るフェイシャルスチーマーを詳しく説明しているホームページです。
    • 美容室のホームページ制作 美容室やエステサロン、ネイルのホームページ制作です。3万円台から制作も出来るので予算のないサロン様にも対応しております。
PAGE TOP ↑