Magento Open Source 2.2.x

Uploading Your Logo

The size and location of the logo in the header is determined by the store’s themeA package that contains graphics and appearance information, and customizes the look and feel of the store.. Your logo can be saved as either a GIF, PNG, or JPG (JPEG) file type, and uploaded from the AdminThe password-protected back office of your store where orders, catalog, content, and configurations are managed. of your store.


Logo in Header

The logo image resides in the following location on the server. Any image file with the name “logo.gif” is used as the default theme logo.

  • Full path:

    app/design/frontend/[vendor]/[theme]/web/images/logo.gif

    Relative path:

    images/logo.gif

If you don’t know the size of the logo, or any other image that is used in your theme, open the page in a browser, right-click the image, and inspect the element.

In addition to the logo in the header, your logo also appears on email templates and on PDF invoices and other sales documents. The logos used for email templates and invoices have different size requirements, and must be uploaded separately. To learn more, see: Communications.

To upload your logo:

1. On the Admin sidebar, tap Content. Then under Design, choose Configuration.

Design Configuration
2. Find the store view that you want to configure, and in the Action column, click Edit.
3. Expand the Header section. Then, do the following:
a. To upload a new logo, tap Upload. Then, choose the file from your computer.
b. Enter the Logo Image Width and Logo Image Height.
c. In the Logo Image Alt field, enter the text that you want to appear when someone hovers over the image.
4. When complete, tap Save Configuration.
  • Logo File Formats

    File format

    Description

    PNG

    (Portable Network Graphics) This newer alternative to the GIF format supports up to 16 million colors (24 bit). The lossless compression format produces a high-quality bitmap image with crisp text, but a larger file size than some formats. The PNG format supports transparent layers, and is designed to be both viewed and streamed online.

    GIF

    (Graphics Interchange Format) A widely supported, and older bitmap format that is limited to 256 (8 bit) colors. The GIF format supports simple animation and transparent layers.

    JPG (JPEG)

    (Joint Photographics Expert Group) A compressed bitmap format that is used by most digital cameras. The lossy compression causes some data loss, which is sometimes noticeable as blurry spots in text.