Changing the Website Logo Image

The first things most people want to change after installing Plone is the logo. This is actually a good way to learn how to customize a skin, as the only way to change this image is through the ZMI.

When you install a Plone site, the default logo image is the venerable Plone logo:

Just note that it is in the JPEG image format, and the size of the file is only about 5 KB. Its dimensions are 252 pixels (width) by 57 pxiels (height).

I will show you how to get a copy of the logo or any image on the site in a few steps, but first let's look at what logo we are going to replace this with in the lesson.

I used the GIMP  graphics program to make the lessons logo.

It is also a JPEG (ends with a .jpg), and it is about 9 KB. It is 215 X 60 pixels. These dimensions were done to fit the site design better, which you will see shortly. Your logo can be any size you wish.

We will be using measurements for various site dimensions, so it is important to start thinking in pixels. It is usually abbreviated as px.

When you are making your own logo image or any images for your website, just remember to keep your file size as small as possible. You can get carried away and upload a beautiful photographic quality image as your logo, but if the file size is too large it will load too slowly for visitors, degrading your site.  There are lots of resources on the web and in books about web graphics, so you may want to take a closer look at this topic later.

For this lesson, you may right click on the lesson logo above and save as lesson_logo.jpg on your C drive. That way you can follow along with me.