When you’re using Adobe Illustrator to manipulate the size of a vector format QR code, e.g. svg or eps, you may see unexpected results due to understroking or overstroking. The following examples show what these look like.
This is an example of understroking:
This is an example of overstroking:
To avoid understroking and overstroking when manipulating the size of a QR code in Adobe Illustrator, you’ll need to make sure you’ve engaged the correct settings in the “transform” window. Before you begin making size changes, open the “transform” window in Adobe Illustrator. Select “Window” and then “Transform” from the Adobe Illustrator menu. See the illustration below:
Next, make sure that you’ve selected the QR code you aim to manipulate and then make sure that the options “Scale corners” and “Scale strokes and effects” are selected. See the image below to confirm how this should look:
Once you’re satisfied that these scale options have been selected as described here, then you can freely manipulate the size of your QR code without encountering any problems with understroking or overstroking.
Important note:
If you want to include the information “i” in a QR code, you may want to add that file in a separate and additional layer, taking care to make sure that the code remains readable. The “i” looks like this:
You can download a version of this “i” graphic from this convenient link. QR i icon.svg
Comments