Categories

How To Make A Custom QR Code with Logo: A Complete Step-By-Step Guide

You want to create a QR Code for your print media creatives. Well, because QR Codes are popular now and everyone is using them. You probably already know how to make a QR Code.

But what you should know is that a custom-designed QR Code attracts 50%-200% more scans than a plain black-and-white one.

While a black-and-white QR Code is impersonal and generic, a custom QR Code differentiates itself to attract user attention.

This is particularly important if your use case of QR Codes is marketing. If your target audience is going to see your print creatives, then the QR Code should stand out as a call-to-action.

So what you need is a QR Code generator that allows you to customize your QR Codes to merge well with your brand graphics.

Here are the basic elements of a QR Code that can be designed:

how to make a custom qr code: qr code anatomy

Hence, you can:
1. Add your brand logo in the centre of your QR Code or as a background image
2. Edit the color of the eyes and data modules
3. Edit the pattern of the eyes and data modules

A. Types of QR Codes with a logo

QR Code designing capabilities differ across different QR Code generators. However, most of the QR Code designs fall under two major categories:

1. QR Code with image as a logo in the centre

You would’ve already seen QR Codes of this design—having a brand logo in the centre. It is the most popular QR Code design.

custom logo design—Facebook

But will adding a logo not interfere with the scannability of your QR Code? Don’t worry. It won’t!

Though adding a logo requires a few data modules to be removed from the centre of the QR Code, it still remains scannable. How? This is because QR Codes have the property of error correction.

Error correction in a QR Code helps it remain scannable even if it is damaged or distorted by up to 30%.

The level of damage depends upon the level of error correction applied while creating the QR Code: L (7%), M (15%), H (25%), V (30%).

QR Code with text as the logo in centre

You can even add text as a logo to the centre of the QR Code just like adding an image as a logo.

The text can be a call-to-action (CTA) such as—Scan here, Scan to win, and Scan to RSVP.

Text as logo design

This QR Code design option helps you tell your audience what to do or what to expect after scanning the QR Code. Hence, increases the chances of maximum people scanning your QR Code.

2. QR Code with image as its background

If you want the QR Code to be merged with your print media creatives, this design is what you need. Rather than adding image as a logo in the centre, you can add it as a background image of your QR Code.

how to make a custom qr code: custom background

Note that you cannot change the color of the QR Code with this design option. However, you can change the pattern of the QR Code eyes and data modules.

B. Choose a QR Code Generator with custom designing capabilities

You’ll find many online QR Code generators that claim to provide free QR Codes. But only a few provide high-quality custom designing capabilities.

You can see a detailed comparison of QR Code Generators here:

QR Code Generator: comparison infographic

Since Scanova QR Code generator offers both QR Code designs, we will be using Scanova in our step-by-step guide.

C. How to make a custom QR Code

1. Go to Scanova QR Code Generator and click on Create QR Code

2. Select the QR Code category  as per your need such as Website URL, Google Maps, Social Media, and Vcard Profile 

For demo purposes, say you want to create a Website URL QR Code. So select Website URL QR Code from the list of QR Code categories.

QR Code categories

3. Enter the URL of your website and click Continue

4. On the page that loads, name the QR Code and click Create QR Code

5. Next you’ll see the preview of the QR Code along with the Edit Design option. You can use it to customize your QR Code 

Website QR Code

Once you click on it, you will see two design options: Custom Logo and Custom Background

Choose design type

i. To create a Custom QR Code design with Logo in the centre:

i. Click on the Customize Logo Design option on the ‘Choose Design Type’ window. This will take you to the designing tool where you can customize your QR Code by adding a logo, changing color, pattern, and background color

ii. At first, templates tab will open by-default

Create custom designed QR Code

iii. You can go to the Logo tab where you’ll see two logo options:

  • Add New Image as logo
Logo options

Click this option to upload your logo image in PNG, JPG or JPEG format. The maximum size of the logo image to be uploaded here is 5 MB. 

After uploading an image, you’ll see these design options:

-Size: It allows you to increase or decrease the size of your logo within the QR Code

-Remove Blocks Around Logo: If you turn it on, it will remove the data modules around your QR Code 

  • Add text as logo option
Create custom logo QR Code design

Click this option to add text as logo. Here you can change the text box size, change color and font of the text along with options such as bold and italics.

iv. In the Eyes tab, you can change the pattern and color of eyes of the QR Code. It even allows you to change the color of both outer and inner eyes separately

v. In the Data tab, you can change the pattern and color of data modules. You can also choose gradient to be added to your data modules

vi. In the Background tab, you can change the color of the background

Note: Make sure there is enough contrast between the QR Code and its background. It is essential for its scannability.

vii. In the Error Correction tab, you can select the level of error correction for your QR Code. Note that if you have added a logo, an appropriate level of error correction will be chosen automatically to ensure good scannability 

6. Once you finalize the QR Code design, click Done Editing. Go ahead to Download your QR Code. A pop-up will appear prompting you to sign-up for a 14-day free trial. Note that you’ll need to sign-up to be able to download your QR Code image

7. Once you sign-up, proceed to Download your QR Code. You’ll be asked to specify the size and format of the QR Code image to be downloaded. Once you enter these details, click Export 

Your QR Code will be downloaded. It is advisable that you download the image in vector format (SVG, EPS) if you want to add your QR Code in print material.

Always make sure that you scan the QR Code with a QR Code scanning application before printing it on your campaign material.

ii. To create QR Code design with Background Image

i. Say you want to create a QR Code with your logo or an image in the background. In that case, you’ll have to click on the Custom Background option from the Choose Design Type window

ii. You’ll be redirected to the designing tool page. In the Upload Image tab, click Upload New Image to add your image as background

Note the image can only be uploaded in PNG, JPEG, or JPG format.

You can resize and position your QR Code on the image as per your need.

iii. Click Preview to see the design of your QR Code image. Once you’re done positioning, click on Next

iv. Here, you will see design pattern options

In the Eye tab, you can change the pattern of eyes of the QR Code.

Create background design QR Code

In the Data tab, you can change the pattern of data modules.

Note that you can not change the color of eyes or data in a Custom background QR Code design.

v. Once your QR Code design is ready, click on Done Editing. Next, click on Download. Note that you’ll need to sign-up for a 14-day free trial to be able to download your QR Code image

vi. Once you sign-up, you can download your QR Code image in PNG or JPEG format. This is because the image you uploaded was in PNG/JPEG format. Also, the size of the image downloaded will be equal to the size of the background image uploaded

Note that it is always better to create a dynamic QR Code. A dynamic QR Code is both editable and trackable. Hence, it will allow you to change the logo or background image of your QR Code whenever you want.

That’s all you need to know on how to make a custom QR Code. A custom QR Code attracts users to help you get the maximum number of scans.

Custom QR Code with logo: Infographic

If you still have any queries, feel free to ask them in the comments section below.


Create a custom design QR Code that suits your brand logo and color

Make a branded QR Code and attract more scans by adding colors, patterns, and brand logo
CTA scanova blog

9 replies on “How To Make A Custom QR Code with Logo: A Complete Step-By-Step Guide”

If you sign up for the free trial period, and you don’t subscribe, what happens to the QR codes that get created? Will they no longer work?

Hi Jocelyn,
The QR Code stops working after the free trial period. To keep it working, one needs to purchase a subscription.
Hope this helps.

Hi – when you export these QR codes (say in PNG format), what’s the resolution? I’m interested in printing them on t-shirts and the printer wants 300dpi with a transparent background. Is that possible?

Thanks

Hey,
You can select the resolution while exporting the QR Code image. We recommend downloading the QR Code in vector formats such as SVG, EPS, or PDF for print purposes. It helps maintain the image quality no matter how much you zoom-in or resize it.

Leave a Reply

Your email address will not be published. Required fields are marked *