How To Change The Logo In Magento 2? (5 minutes)

how to change logo in magento 2 tutorial

Magento 2 allows us to change the logo appearing in the website header, transactional emails, and invoice at ease. In this tutorial, we will show you how to change the logo for all of these positions. The reason why we can’t use the same logo for all places is that the sizes of the logo for each of them are varied.

How To Change The Logo In The Header?

Logo preparation

If you don’t know exactly the logo size in the header, you have to open the page in a browser, right-click the logo image, and then click on “Inspect element”.

change logo magento 2
magento 2 change logo in header

However, the size of the logo in the header also depends on your theme.

In terms of the file type, you can use a logo that is saved as either a GIF, PNG, JPG, or SVG.

Step 1: Go to the admin panel, navigate to CONTENT and choose Configuration (under Design)

(Admin Panel => CONTENT => Configuration)

how to change logo magento 2

Step 2: Choose a specific store view where you want to change the logo

logo configuration magento 2

Step 3: Upload the logo in the header and add necessary information

First, expand the “Header” section.

Here, you can upload a new logo in the header from your computer. Then, remember to enter that logo width and height as well as the logo image alt.

Save the configuration to complete.

magento 2 tutorial change logo

How To Change Logo In The Transactional Emails?

Logo preparation

Similar to the header logo, you can use a logo that is saved as either a GIF, PNG, JPG, or SVG file type.

It’s worth noting that the size of your email logo must triple that of the header template in order to display that logo nicely on high-resolution devices.

We highly recommend you crop the image to discard all wasted space either at the top or bottom while still maintaining the original aspect ratio of the logo.

Step 1 & 2: Similar to changing the logo in the header

Step 3: Upload the logo in the email and add necessary information

First, expand the “Transactional Emails” section.

Here, you can upload a new logo in the email from your computer. Then, remember to enter that logo width and height as well as the logo image alt.

After that, you also need to select the Header and Footer Template.

Save the configuration to complete.

change logo in transactional emails magento 2

How To Change Logo In The Pdf Invoices?

The most important notice is that the invoice logo must be rendered to fit a space that is 200 pixels wide by 50 pixels high.

Unlike the email logo, you can resize the invoice logo to fit the height without concerning about any unused space to the right.

Step 1: Go to the admin panel, navigate to STORES and choose Configuration (under Settings)

(Admin Panel => STORES => Configuration)

change logo in pdf invoice magento 2

Step 2: Upload the invoice logo and add necessary information

First, you have to expand the “SALES” section on the left menu and choose “Sales”.

Second, you need to expand the “Invoice and Packing Slip Design” section.

Third, now you can upload the logo for the invoice.

Remember to save the configuration to complete.

how to change invoice logo magento

We have shown you how to change the logo in the header, the transactional emails, and the invoice in Magento 2. If you have any problems when following these instructions, please leave a comment below then we can help!

Read More:

100+ FREE Magento Ecommerce Responsive Themes 2018

What Should We Prepare For Magento 2 Upgrade?

How To Clear Cache In Magento 2? (3 minutes)

20 Magento Ecommerce Design Trends (That’ll Dominate In 2022)

How To Protect Original Product Images In Magento 2?

 
[ratings]

Leave a Reply

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