Uploading your own Logos

The ability to upload your own logo is available exclusively for Pro and Advanced plan subscribers.






Quick Shop Logo Example




You can upload several different types of custom logos for your Zenfolio pages, including:


For our recommendations and tips on creating and preparing a great looking logo for your site, please click here.
 

You can also see a video tutorial on uploading logos here:

 

 

Start by going to Customize Website View

To change the logos for the header, homepage, Quick Shop and browser/favicons you will need to switch over to Customize Website View.

In the Dashboard, hover your mouse pointer over Website then click on Customize Website.

Website to Customize Website View

The page will refresh with a new customization menu at the top, confirming that you are in the Customize Website View.

 



Uploading the Header Logo

The Header Logo or Display Name will be displayed in the header of all pages of your website and will be resized to fit the specified height of the header (You can set the header to display up to 240 pixels in height).

Using the header logo is a good way to make sure your homepage and all of the subsequent pages have the same logo position and size so all of your pages look uniform.

You can set the height of your header by going to Customize Website View then click on Site Header using the menu on the left. That will open the Header panel where you can also set the logo position.

Note: logos can be added to both header layouts and BPlease click here for more info on configuring the Header!

You can upload a JPEG, GIF, PNG or TIFF file. We recommend using a PNG file with a transparent background.

  1. From the Customize Website View, click on Site Header on the left.
  2. In the pop-up window go to the Logo tab.
  3. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes.

Site Header Logo

When you are done customizing, click PUBLISH and confirm that you would like your changes to be live.

 



Uploading the Footer Logo

The Footer Logo or Display Name will be displayed in the footer of all pages of your website and will be resized to fit the specified height of the footer (You can set the footer to display up to 360 pixels in height).

Using the header logo is a good way to make sure your homepage and all of the subsequent pages have the same logo position and size so all of your pages look uniform.

You can determine the size of your footer by going to Customize under your Visitor View, clicking on Site Settings and selecting the Header and Footer tab. Here you can set the logo position as well as the footer height.

Note: A logo can only be added to footer layouts BPlease click here for more info on configuring the Footer!

You can upload a JPEG, GIF, PNG or TIFF file. We recommend using a PNG file with a transparent background.

  1. From the Customize Website View, click on Site Footer on the left.
  2. Click on the Logo tab
  3. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes
Site Footer Logo
​When you are done customizing, click PUBLISH and confirm that you would like your changes to be live.





Uploading the Homepage Logo

The Homepage logo or Display Name is used on portfolio-style Homepage layouts. The uploaded image will be resized to fit the selected page layout.

For layouts where the logo is placed above or below the slide show, the maximum dimensions are 910(w) x 100(h) pixels. For layouts where the logo is placed to the left or right of the slide show, the logo is resized to a maximum width of 290 pixels.

You can upload a JPEG, GIF, PNG or TIFF file. We recommend using a PNG file with transparency.

  1. From the Customize Website View toolbar, click on Options.
  2. From the pop-up go to the Logo tab.
  3. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes
Homepage Logo
When you are done customizing, click PUBLISH and confirm that you would like your changes to be live.



 

Uploading a Quick Shop Logo

In the Quick Shop page, your logo can be displayed in the top right corner. Click here for more information on the Quick Shop page.

By default, your Header Logo will be displayed in the Quick Shop page (if a logo has been uploaded to the Header Logo). The option is also provided to just show your site's Display Name in the Quick Shop page instead of showing any logo.

The image uploaded for use as the Quick Shop logo is automatically resized to fit the available space but for best fit, we recommend using a logo that is 400 pixels wide and 80 pixels tall.

You can upload a JPEG, GIF, PNG or TIFF file. We recommend using a PNG file with transparency.
  1. From the Customize Website View, click on Site Settings on the left.
  2. Go to the Logos and Icons tab.
  3. Mark the circle next to Upload your Quick Shop logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes.
Quick Shop Logo
When you are done customizing, click PUBLISH and confirm that you would like your changes to be live.


 

Uploading a Web Browser Icon

Favicon Example

A Web browser icon (aka Favicon) is a small custom icon displayed next to a site's URL in the address bar. The icon is also often used in bookmarks, in the tabs of tabbed browsers and in Internet shortcuts on your desktop.

Note: In order for all browser types to recognize the favicon properly you must upload a JPEG, GIF, PNG or TIFF file that is sized to 16x16 pixels.

For best presentation, the Favicon should not contain any transparent layers.

 

  1. From the Customize Website View, click on Site Settings on the left.
  2. Go to the Logos and Icons tab.
  3. Click to select Upload your favicon.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes.
Favicon
When you are done customizing, click PUBLISH and confirm that you would like your changes to be live.



 

Uploading a Logo for your Mobile site

The mobile site logo will show for your visitors when they view your Zenfolio pages on mobile devices such as iPhones and most Android phones if you have your mobile site set to show.

You can upload a JPEG, GIF, PNG, or TIFF file. We recommend using a PNG file with transparency up to 640 pixels in width and 200 pixels in height.

  1. From the Customize Website View, click on Site Settings on the left.
  2. Go to the Logos and Icons tab.
  3. SCROLL DOWN in the Site Settings window to see the Mobile Logo section. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes.

Mobile Logo
When you are done customizing, click PUBLISH and confirm that you would like your changes to be live.


Click here to learn how to upload a custom logo for use in Pre-Order pages.

For our recommendations and tips on creating and preparing a great looking logo for your site, please click here.