>Your Magento 2 PDF Invoice Logo Looks Bad – Fit It Right!

Your Magento 2 PDF Invoice Logo Looks Bad – Fit It Right!

Logos and branding are so critical to every business. “In a big part of the world, people cannot read French or English – but are great in remembering signs,” said Karl Lagerfeld! Hence, if your store has a unique logo, why don’t bring it into customers’ eyes, say, in the product invoice. Hold on! Many people might surprise that they can change Magento 2 PDF Invoice Logo.

Absolutely yes! Even more, this process is easy as a piece of cake. In this article, let me guide you through every step!

Magento 2 Logo Requirement for PDF Invoice

Get to know Magento 2 invoice logo format beforehand to ensure that the logo is fit and neat after being updated.

Or else, you might be stuck in the situation that “My logo looks faded and crashed in the PDF invoice and HTML invoice!” Then, you upload new image files again and again without realizing that there is the recommended size for each type.

For Magento 2 PDF Print-outs (Invoice and Packing Slips)

  • File Format: PNG, JPG (JPEG), TIF (TIFF)
  • Image Size: Magento 2 PDF Print-outs should fit 200px wide by 50px high. In case, the uploaded image is distorted, please try a larger file-size instead.
  • Resolution:  300 dots per inch (DPI) recommended as the logo for Magento 2 PDF invoices as well as other sales documents are high-resolution.
Magento 2 PDF Invoice Logo
200×50 pixels

Tips to make perfectly-fit Magento 2 PDF invoice logo:

  1. In most of image editing tools, the logo can be scaled by a percentage to preserve the aspect ration. In this case, the later is in use.
  2. Then, create a new and blank image with the proper dimensions. Copy & paste the logo image and resize to fit the recommended height. Plus, no need to worry about the unused space to the right.

For Magento 2 HTML Print View Documents

  • File Format: PNG, JPG (JPEG), GIF
  • Image Size: Determined by themes.
  • Resolution: 72 or 96 DPI. Unlike Magento 2 PDF invoice logo, images used in HTML is less-resolution.

First off, log in Admin page and navigate to Stores ⇒ Setting ⇒ Configurations.

Under Sales in the left panel, click on Sales.

Expand Invoice and Packing Slip Design section, here you see three fields to configure Magento 2 Invoice Logo.

Magento 2 PDF Invoice Logo
Change logo in Magento 2 PDF invoice and HTML documents
  • In Logo for PDF Print-outs (200×50), please upload the prepared file to be displayed in the header of PDF packing slips and invoice by tapping on Choose File. Remember that the allowed types of the image file as above.
  • In Logo HTML Print View, identify which image to appear in the header of HTML print-view document by clicking Choose File. Also, take the required file types into account. If you skip this field, the default is used.
  • In the Address field, enter the store address which you desire to show on the PDF or HTML print documents.

On completing, do not forget the Save Config.

Note:

  1. As a reference, the thumbnail of the uploaded image file will be displayed before each field. In case that thumbnail is distorted, do not worry as the logo proportion will still be proper on the invoice and packing slip.
  2. Furthermore, if you want to replace the uploaded Magento 2 PDF invoice logo or Magento 2 HTML logo, tap Choose File and select another image file.
  3. Remember to mark the Delete Image checkbox of the image replaced.
Magento 2 PDF Invoice Logo
How to replace Magento 2 PDF Invoice logo image

How New Magento 2 PDF Invoice Logo Displays

In Admin Panel, please go to Sales ⇒ Invoices ⇒ View.

On Invoice Detail Page, click on Print.

Magento 2 PDF Invoice Logo
Magento 2 Invoice Detail Page

Here the new logo – Fit and Neat:

Magento 2 PDF Invoice Logo
An example of Magento 2 PDF Invoice Logo

Above we provide you with the step-by-step guide on “How to configure Magento 2 PDF Invoice Logo”. Ready to show off your brand?

In relation to Magento 2 Invoice, BSSCommerce has come up with Magento 2 Auto Invoice extension to speed up payment process by automatically creating invoice and shipment. Do not miss it!