{"id":107,"date":"2018-05-29T05:19:23","date_gmt":"2018-05-29T05:19:23","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/2018\/05\/29\/change-logo-in-magento-2\/"},"modified":"2025-03-13T06:07:53","modified_gmt":"2025-03-13T06:07:53","slug":"change-logo-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/change-logo-in-magento-2\/","title":{"rendered":"How to Change the Logo in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The&nbsp;business logo&nbsp;plays a crucial role in making a lasting impression of your brand. It helps customers to relate to your brand when they see the logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Immediately after you install Magento 2, the very first thing you require is to&nbsp;<em><strong>change the logo in Magento 2<\/strong><\/em>. Uploading the brand logo makes your store professional &amp; reliable for users. Especially it builds brand awareness.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The size &amp; location of the logo in Magento 2 in the header is determined by the current theme of the store. By default, the logo in Magento 2 with the sample data is in SVG format, so\u00a0<a href=\"https:\/\/meetanshi.com\/blog\/upload-svg-image-in-magento-2-custom-module\/\">upload SVG image in Magento 2 custom module<\/a>\u00a0to enhance visual content. It can also be uploaded and saved in various file formats such as PNG, GIF, JPG, or JPEG and uploaded from the admin panel of the website. But before uploading your brand logo, we suggest using an\u00a0<a href=\"https:\/\/meetanshi.com\/free-tools\">image resizer tool<\/a>\u00a0to adjust it accordingly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By default in Magento 2, the logo image resides at&nbsp;<strong>app\/design\/frontend\/[vendor]\/[theme]\/web\/images\/logo.svg&nbsp;<\/strong>path on the server and any image file with the same name and in the same location can be used as the theme logo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to change the logo in Magento 2:<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>For Magento 2.0.x<\/strong><br>Navigate to&nbsp;<strong>Stores &gt; Configuration &gt; General &gt; Store View &gt; Header<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>For Magento 2.1.x and 2.2.x<\/strong><br>Move to&nbsp;<strong>Content &gt;&nbsp;Configuration &gt;&nbsp;Select Your Current Theme &gt;&nbsp;Header<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2018\/05\/upload-logo-image.png\" alt=\"upload-logo-image\" class=\"wp-image-3061\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Configure the following settings:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Logo Image:<\/strong>&nbsp;Click the&nbsp;<strong>\u2018Upload\u2019<\/strong>&nbsp;button to upload a new logo.<\/li>\n\n\n\n<li><strong>Logo Image Width\/ Logo Image Height:<\/strong>&nbsp;enter the image width and height for the logo<\/li>\n\n\n\n<li><strong>Welcome Text:<\/strong>&nbsp;Input a custom welcome text for your landing page in the store.<\/li>\n\n\n\n<li><strong>Logo Image Alt:<\/strong>&nbsp;Input the image alt text here.<\/li>\n\n\n\n<li><strong>Save Config:<\/strong>&nbsp;Save your settings<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You may face particular issues while changing the logo in Magento 2.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Check the following actions:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Double check if you have saved your configurations.<\/li>\n\n\n\n<li>Flush and refresh the&nbsp;<strong>Cache<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You can also refer to our blog post on&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/get-logo-url-alt-text-logo-height-and-width-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">get logo URL, alt text, logo height and width in Magento 2<\/a>&nbsp;to compare the updated logo with the existing one and validate logo information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s all you need for logo customization in Magento 2! Create and upload beautiful logos in Magento 2 to increase brand awareness. Likewise you can also&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/change-default-admin-logo-in-magento-2\/\">change default admin logo in Magento 2<\/a>&nbsp;for branding purposes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also refer to Change the Logo in Magento 2 from our&nbsp;<a href=\"https:\/\/www.youtube.com\/playlist?list=PLBTOxSAJzwEjM5MilmEqj98Ib80tKBu7r\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 video tutorial<\/a>&nbsp;series:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Change the Logo in Magento 2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/_FiwwhG-ths?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/change-welcome-message-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">change welcome message in Magento 2<\/a>&nbsp;store for better frontend, or&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/change-favicon-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">change favicon in Magento 2<\/a>!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You may comment below if you find any doubts in the above method.<br>Rate us with 5 stars if you found the article helpful!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Best wishes for your business!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The&nbsp;business logo&nbsp;plays a crucial role in making a lasting impression of your brand. It helps customers to relate to your brand when they see the&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-107","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":2,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/107\/revisions"}],"predecessor-version":[{"id":9169,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/107\/revisions\/9169"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}