- SyberSquad - http://www.sybersquad.com -

How To Make a QR Code With Your Logo Inside

Posted By Christopher On In productivity,service,software | 1 Comment

QR codes are the funky looking squares full of dots and pixels that you might have seen on T.V., in print magazines, on signs and the like.  They’re basically a link to content of some type on the web. That content might be an image, website, phone number, or other type of text.  They enable you to point your smartphone (for example) at one and quickly navigate to a site without having to type in a long URL.
Neat huh?  There are quite a few smartphone apps for every type of phone to read these little gems, like ShopSavvy [2] and Barcode Scanner [3] for Android, Red Laser [4] and Quick Scan Pro [5] for iPhone and RedLaser [6] for Windows Phone.  Just point and there is the link leading to wherever the content owner wishes to.
- Embed a Logo for better branding

One of the coolest things about these from a technical standpoint is that they are very redundant in their retention of data.  You can cover up about 30% of the code and (most readers) will still be able to interpret the code correctly.  So why not embed your logo (or other image) in the code so that when someone sees your code they will instantly recognize it as  yours.  You can see what this might look like in the image at the top of this post.  This is my logo [7] for SyberSquad embedded in a QR code leading to SyberSquad.com [8].  I’ve included a few QR codes with embedded links below so you can see how they can go from simple to very complex.
- Examples of QR code with embedded images

- How to make one yourself
If you want to make one yourself there are a few ways to do it.  The more challenging but flexible way is to take an existing QR code image and use an image editing program to do it yourself.  This is difficult unless you have a bit of experience editing images.  Some of the programs you could use are Paint.net [15] and Gimp [16] which are free for Windows, Photoshop Elements [17] which is somewhat inexpensive, and the grandaddy of them all -full blown Photoshop – which is available for Mac [18] or PC [19].
The process involves creating a layer on top of the QR code and adding your Logo/image to that.  Don’t worry if this is a bit technical because I’ll be doing a video in the coming days to show how it’s done, and I have an even easier (and FREE) solution below.
Working with a logo that is reduced to about 50 px x 50 px seems to work the best.  You don’t want to block too many pixels in the QR code or it won’t work.  Also using a logo with a white background will allow your logo to blend into the background of the QR code.  If you use one with a transparent background, a mistake I initially made, the QR code’s pixels will bleed through and you’ll have to manually clip them out.  Not a fun job.
- The best FREE way I’ve found to do this

I found a great site that will not only create a QR code containing a variety of content, it will embed an image into it for you.  The site is called BeQRious [20] (I have no affiliation to this site, its just really cool), it does this and allows you to download the generated image for free.  Just go to the site and in the green box about halfway down the page select the Graphical tab.  Click the Choose File button and navigate to your chosen image/logo and upload it.  You stand a better chance of getting a good image if you use one that you’ve already reduced in size to 50 px x 50 px, but if not you can have the site do it for you (choose a square one so the resize doesn’t stretch it unacceptably).  Enter your URL for the website you would like it to point to, choose whether to save it as a PDF or PNG file and click Create Code.
The site will let you save your code on your computer and there you have it, a fantastically branded QR code ready for whatever marketing you desire.  The site has other services it offers to help businesses track QR code campaigns that look quite nice.  Take a look if you have a chance.
If you have any questions or comments please let me know and I’ll be happy to walk you through what I can.
If you thought this article was useful please click on the “like”, “tweet” or “+1″ buttons up on the left side of the page and/or subscribe to my email updates below to keep up with this tech madness.
- Christopher
Putting great content together takes some work. I’d appreciate it if you would support our efforts by Stumbling [21] this post, Liking it, or Tweeting [22] it with the links to the left. Also if you haven’t already signed up to receive our free productivity tips, come on down! Every week we’ll send you a post on how to become more productive and free up time and money for the important things in life. Get our free productivity tips! [23]

Email This Post [24] Email This Post [24] |

No related posts.

Article printed from SyberSquad: http://www.sybersquad.com

URL to article: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/

URLs in this post:

[1] Tweet: http://twitter.com/share

[2] ShopSavvy: https://market.android.com/details?id=com.biggu.shopsavvy&feature=search_result#?t=W251bGwsMSwyLDEsImNvbS5iaWdndS5zaG9wc2F2dnkiXQ..

[3] Barcode Scanner: https://market.android.com/details?id=com.google.zxing.client.android&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5nb29nbGUuenhpbmcuY2xpZW50LmFuZHJvaWQiXQ..

[4] Red Laser: http://itunes.apple.com/us/app/redlaser-barcode-scanner-qr/id474902001?mt=8

[5] Quick Scan Pro: http://itunes.apple.com/us/app/quick-scan-pro-qr-barcode/id447752317?mt=8&ign-mpt=uo%3D2

[6] RedLaser: http://www.redlaser.com

[7] logo: http://www.sybersquad.com/wp-content/uploads/2012/01/qr_code_updated.png

[8] SyberSquad.com: http://www.sybersquad.com

[9] Image: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/qr_code_updated/

[10] Image: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/adidas_qr_code/

[11] Image: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/tag_heuer_qr_codes/

[12] Image: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/bbc_qr_code/

[13] Image: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/subway-qr-code/

[14] Image: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/ibm_qr_flower_3/

[15] Paint.net: http://getpaint.net

[16] Gimp: http://www.gimp.org

[17] Photoshop Elements: http://www.amazon.com/dp/B005MMMT6E?tag=sybersquadcom-20&linkCode=as2

[18] Mac: http://www.amazon.com/dp/B003B32B0U?tag=sybersquadcom-20&linkCode=as2

[19] PC: http://www.amazon.com/dp/B003SDDQV6?tag=sybersquadcom-20&linkCode=as2

[20] BeQRious: http://www.beqrious.com/qrcode/create

[21] Stumbling: http://www.stumbleupon.com/submit?url=http://www.sybersquad.com/goals-for-the-29-8630136983-left-of-this-year&title=Goals+for+the+29-8630136983+Left+of+This+Year

[22] Tweeting: http://clicktotweet.com/LdUJn

[23] Get our free productivity tips!: http://www.sybersquad.com/free-productivity-tips/

[24] Image: http://www.sybersquad.com/how-to-make-a-qr-code-with-your-logo-inside/email/

Copyright © 2011 SyberSquad. All rights reserved.