QR codes: How to add images
Inspired by the US Airways in-flight magazine and their fun use of iconic images in QR codes -- and after a chat with my friends at TSDG -- I decided to try embedding an image (my face, of course) into a QR code.
How to create a QR code with an image in the center of it:
1. Creating a QR code is super easy -- http://bit.ly automatically generates one when you shorten a URL. I recommend bit.ly because the original QR code and analytics are all in one place.
2. Take your QR code and open it in your favorite design or imaging program. It takes a bit of trail and error to figure out which of the black squares (really technical term) you can cover and which are necessary for the QR reader to work.
>> The slideshow below is how my QR code looked from start to finish. Slide 1 is the original code; slide 2 shows the code with a 50% transparency, slide 3 shows the available area to place an image and slide 4 is the final product.
3. Add your image or icon to the available space and you're done.
Why add images to QR codes?
>> Recurring content. Have a standing QR code for coverage of a sports team or major event? Adding an image or graphic device to the QR code will help in the branding of your coverage or product.
>> Give the user a sense of the content they are about to view. Using QR codes in your product for different multimedia resources? How about creating simple iconic devices -- video, audio, photo galleries, etc. When using QR codes, you'll probably explain the content the user is about to view, but by adding an iconic image, it will give the user a quicker read.
As of now, adding images to QR codes is a time-intensive process. With that said, I think it's still worth the effort for major projects, new products or standing features. Try it out and let me know your results.
Have you seen any interesting uses of QR codes? Share 'em in the comments below.



