How can you generate the codes like shown below:
Asked
Active
Viewed 3.2k times
21
-
[qr-codes.png](https://postimg.org/image/55nr1ajt7/) – kewlking Aug 11 '16 at 19:02
-
Snapcode is easy, but they lawyers will try to threaten you https://feelinsonice-hrd.appspot.com/web/deeplink/snapcode?username=FlixBusOfficial&type=SVG – Marek H Sep 21 '16 at 10:01
-
no dice so far... – kewlking Dec 12 '17 at 12:15
-
Hi, got any solution?, I am trying – Kashyap Asrc Addepalli Mar 19 '18 at 12:16
2 Answers
8
I will assume you want to use an existing standard instead of attempting to invent your own encoder\decoder.
Any 2D barcode can be intentionally damaged for esthetics if you crank up the redundancy used for error correction. 2D barcodes are designed to survive a certain amount of damage. Placing an image in the center and rounding the corners are both considered damage from the perspective of the reader. For round corners you can't use a barcode with orientation dots in the corners, like QR. You must choose a format that is oriented with a marker in the middle like:
MaxiCode
https://en.wikipedia.org/wiki/MaxiCode
ShotCode
https://en.wikipedia.org/wiki/ShotCode
Aztec Code
https://en.wikipedia.org/wiki/Aztec_Code
Similarly, if you wanted to place an image in the center then you wouldn't want to use one that requires a bullseye for orientation, unless you can retain the bullseye somehow in your central image. To place an image in the center and also round the corners you need to get creative. In your first image there are four tracking dots around the image. In the second and third examples the company uses it's own logo as the orientation point.
HackSlash
- 4,944
- 2
- 18
- 44
-
thanks so much, @HackSlash! this is extremely promising. Picking up from your answer, are you aware of encoding schemes that allow for a non-central / off-center bullseye placement, relatively close to the center or alternatively, a distributed tracking system that isn't positioned at the far corners? Or worst case, even if not circular, a scheme that is guaranteed to not place any markers or encoded information on a consistent area of the image that can be utilized for a logo? – kewlking Oct 30 '18 at 05:33
-
Here are some examples with QR, which is square: https://stackoverflow.com/questions/3339202/how-to-create-qr-code-image-with-company-logo – HackSlash Oct 30 '18 at 15:59
-
Do some trial and error testing. Make an image, ensure that it scans, then make modifications and see how stylized you can make it while retaining functionality. Keep in mind that not all readers are equal. Be sure to test with your target scanning device. A cell phone will be limited by the camera quality. A handheld scanner will always be better than a cell phone. – HackSlash Oct 30 '18 at 16:08
-
Just a note on the Kik code, the logo is not used at all for orientation, you can test it by covering up the entire centre and it will still scan fine – Mike Aug 28 '19 at 20:40
1
The first code you show is a proprietary code made by Facebook. It is now no longer used by their products, but some sites, e.g. respond.io may allow you to create them and some regular QR code scanners may be able to read them.
The second code is a Snapchat code and can be made on their site directly when you log into your account. You can also do it the the app on your device using their support instructions within limits for success.
The third code is a Kik code and there is a blog post of how to make that possible by generating a key and then downloading the code image in the color of your choice. They have more posts about how to work with them.
With all that said and done, you could try a site (not affiliated) like QR Code Go to make regular QR codes that are a little fancy. Thank you. Good day.
