Magento Commerce, 2.0.11

Magento 2.0.18 is the final 2.0.x release. After March 2018, Magento 2.0.x will no longer receive security patches, quality fixes, or documentation updates. To maintain your site's performance, security, and PCIPayment Card Industry: Refers to debit and credit cards and their associated businesses. compliance, upgrade to the latest version of Magento.

Uploading Your Logo

The size and location of the logo in the header is determined by the themeA package that contains graphics and appearance information, and customizes the look and feel of the store.. You can upload your own logo from the AdminThe password-protected back office of your store where orders, catalog, content, and configurations are managed.. Your logo can be saved as either a GIF, PNG, JPG, or SVG file type. The default Magento logo is an SVG file, which is a scalable XMLExtensible Markup Language: A markup format derived from SGML that it used to format information for publication and distribution.-based vector graphic format.


Logo in Header

The logo image resides in the following location on the server. Any image file with by that name and at that location is used as the theme logo.

  • Actual path:

    app/design/frontend/<vendor>/<theme>/web/images/logo.svg

    Relative path:

    images/logo.svg

An easy way to determine the size is to right-click the image and look at the Properties tab. Or save the file and open it in an image editor.

To upload your logo:

1. On the Admin sidebarThe right or left column of a two-column page layout., tap Stores. Then under  Settings, choose Configuration.
2. In the panel on the left under General choose Design.
3. If you have multiple stores or views, set the Current Configuration Scope in the upper-left corner to the store or view where the configuration applies. Then, clear the checkbox after each field so new values can be entered.
4. Expand the Header section. Then, do the following:

Header
a. To upload a new logo, tap Browse. 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.
5. When complete, tap Save Config .
  • Image 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 PGN format supports transparent layers, and is designed to be both viewed and streamed online. The related MNG (APNG) formats support simple animation.

    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.

    SVG

    (Scalable Vector Graphic) An XML-based open standard, scriptable vector format developed by the World Wide Web Consortium. SVG files support both animation and interaction.

    ICO

    (Icon) A Microsoft Windows file format for icons.