How to add graphic to the QR code?

kelvintang · 8th Dec 2011, 09:43 PM

I read some post in this forum that showed the QR code can insert image/company logo/ text in the QR code. Ss any warrior know how to do it?

Thanks

WillR · 8th Dec 2011, 11:42 PM

You will need a few design skills to achieve this. You can see some examples of what's possible with QR code designs in this thread:

http://www.warriorforum.com/mobile-m...se-images.html

In regards to customizing the codes I'm not aware of any tutorials however there is one guy on this forum who offers pretty cool customized QR code design so that's an option:

Custom QR Codes at Delicious Prices | QRlicious

Jay Moreno · 9th Dec 2011, 01:22 AM

Originally Posted by kelvintang

I read some post in this forum that showed the QR code can insert image/company logo/ text in the QR code. Ss any warrior know how to do it?

Thanks

you need to take advantage of the QR codes highest error correction setting which permits a 30% error correction...

What that means is if 30% of the QR code if removed or altered it should work - whilst that's a great ideal i would actually target 25% or less of the code... you will notice that whilst you can modify the main alignment points (the bigger square dots) i would avoid removing them in their entirety!

The links that Willr pointed out will give you a good idea of the direction you can go with your design but its imperative you test and test again that your QR code scans well, not all QR code scanner apps work the same - whilst one apps scans a custom QR code without issue i have had others that wont. You also need to keep your colors contrasting - in particular have a lighter background than the foreground color.

You can actually do this online with certain sites but for best results i would recommend using either Adobe illustrator or photoshop.

Whatever you do with your QR code just please make sure it goes to something that is actually mobile friendly and worthy of an actual scan!

few more examples here on WF:

http://www.warriorforum.com/offline-...-qr-codes.html

JohnnyEvans · 10th Dec 2011, 05:35 AM

wow Will, I just found out we can insert images into QR codes!
I still dont understand how QR code its works really.. :p

MoneyMagnetMagnate · 10th Dec 2011, 12:43 PM

You can actually do this online with certain sites but for best results i would recommend using either Adobe illustrator or photoshop.

Have you tried it with Gimp Jay? Or, is anyone else doing this with Gimp or a similar tool?

rahmat · 10th Dec 2011, 04:50 PM

Hi kelvintang

You can add images/text in the QR codes by using Photoshop/Gimp.

But, first you have to generate the QR code using the highest level of error correction setting. There are four option for it: L, M, Q, H. Choose the H option, as it gives you error correction with 30% maximum loss.

Using Photoshop/Gimp, you can remove some parts of the QR codes, except the three big squares. Then you can append your image/text in the QR codes. Make sure that the image/text is not too big in size, as the best error correction in QR code can only cover maximum of 30% loss/deformation.

CMIIW. Thank you.

Take a look at my example here: http://www.warriorforum.com/mobile-m...nnotation.html

rlhurst · 10th Dec 2011, 07:09 PM

Originally Posted by MoneyMagnetMagnate

Have you tried it with Gimp Jay? Or, is anyone else doing this with Gimp or a similar tool?

I use Paint.net

ElenaEn · 13th Dec 2011, 10:11 AM

I had posted a short tutorial video on how to create a custom QR code:
http://www.youtube.com/pijnz#p/a/u/0/rObFZ3aRPoQ

(shows how to change the color, add background graphics, and add the rounded edges for a milder look). You need to have Photoshop though. If you don't have Photoshop, find any offshore designer on eLance and send them the link to the above video : )

You can add any background graphic, just be careful with the colors - the background graphic colors cannot be the same or similar to the colors used in the QR code. (That confuses the QR reader as it can't detect the QR code borders).

And as Jay is saying, QR codes are quite forgiving and allow up to 30% of error correction (just make sure you test it with your reader before submitting to print!).

8th Dec 2011, 09:43 PM	#1
kelvintang warrior***** member War Room Member Join Date: 2009 Location: Malaysia Posts: 171 Thanks: 117 Thanked 16 Times in 16 Posts	How to add graphic to the QR code? Share on: I read some post in this forum that showed the QR code can insert image/company logo/ text in the QR code. Ss any warrior know how to do it? Thanks
	Professional Kindle Cover Designer

8th Dec 2011, 11:42 PM	#2
WillR Digital Marketer War Room Member Join Date: 2010 Location: Australia Posts: 12,470 Thanks: 2,006 Thanked 8,251 Times in 4,118 Posts	Re: How to add graphic to the QR code? Share on: You will need a few design skills to achieve this. You can see some examples of what's possible with QR code designs in this thread: http://www.warriorforum.com/mobile-m...se-images.html In regards to customizing the codes I'm not aware of any tutorials however there is one guy on this forum who offers pretty cool customized QR code design so that's an option: Custom QR Codes at Delicious Prices \| QRlicious
	. ➨ Here's How to Make Your First $177 Online This Week Using the Piggyback Method... .

10th Dec 2011, 05:35 AM	#4
JohnnyEvans Warrior Member Join Date: 2011 Location: Bulgaria Posts: 4 Thanks: 0 Thanked 0 Times in 0 Posts	Re: How to add graphic to the QR code? Share on: wow Will, I just found out we can insert images into QR codes! I still dont understand how QR code its works really.. :p

10th Dec 2011, 04:50 PM	#6
rahmat HyperActive Warrior War Room Member Join Date: 2007 Location: Southeast Asia Posts: 373 Thanks: 34 Thanked 69 Times in 43 Posts	Re: How to add graphic to the QR code? Share on: Hi kelvintang You can add images/text in the QR codes by using Photoshop/Gimp. But, first you have to generate the QR code using the highest level of error correction setting. There are four option for it: L, M, Q, H. Choose the H option, as it gives you error correction with 30% maximum loss. Using Photoshop/Gimp, you can remove some parts of the QR codes, except the three big squares. Then you can append your image/text in the QR codes. Make sure that the image/text is not too big in size, as the best error correction in QR code can only cover maximum of 30% loss/deformation. CMIIW. Thank you. Take a look at my example here: http://www.warriorforum.com/mobile-m...nnotation.html

13th Dec 2011, 10:11 AM	#8
ElenaEn Active Warrior Join Date: 2011 Posts: 50 Thanks: 0 Thanked 28 Times in 13 Posts	Re: How to add graphic to the QR code? Share on: I had posted a short tutorial video on how to create a custom QR code: http://www.youtube.com/pijnz#p/a/u/0/rObFZ3aRPoQ (shows how to change the color, add background graphics, and add the rounded edges for a milder look). You need to have Photoshop though. If you don't have Photoshop, find any offshore designer on eLance and send them the link to the above video : ) You can add any background graphic, just be careful with the colors - the background graphic colors cannot be the same or similar to the colors used in the QR code. (That confuses the QR reader as it can't detect the QR code borders). And as Jay is saying, QR codes are quite forgiving and allow up to 30% of error correction (just make sure you test it with your reader before submitting to print!).