Setting up the logo and favicon in PageSpeed theme

Before uploading the logo for your website, choose the header style you like. PageSpeed has two header styles.

  1. Sleek header
  2. Regular header

You can read about the two styles here.

You can set your site logo and its alignment at appearance->customiser->site identity.

PageSpeed lets you have different logos for mobiles and desktops.

Please don’t confuse logo with the header background. We have seen a lot of WordPress users use both interchangeably.

Default logo

The default logo is used for desktops. It can be of any size, but if you are using sleek header, it is advised to have a logo no taller than 72px and make padding part of your logo. See image below.

Mobile Logo

Ideal logo size for mobiles is 320px wide. Height can be anything based on your logo aspect ratio. Again, make padding part of your logo. See image below.

Logo example for the sleek header and mobiles.

Site Icon/Favicon

Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. In PageSpeed site icon is also used in sticky navigation, and in sticky menus on mobiles. The ideal aspect ratio for this is 1:1