How to create Masthead Images

Your masthead area can be a high-impact visual element of your blog, particularly if you are using the built-in slideshow feature. Preparing images to use in the Masthead can be a bit confusing unless you understand some basics about how the Masthead area works.  If you are using a masthead frame image on your site, you’ll want to make sure you’re clear how the frame works and how you can adjust the frame sizing to let your masthead images show through.

Before you create your masthead images you need to know what size they should be.  ProPhoto gives you that information in “ProPhoto” > “Customize” > “Header Area” > “Masthead Image & Slideshow”.

This size is based on your blog width, content margins and your (optional) frame inner offset values.

This size is based on your blog width, content margins and your (optional) frame inner offset values.

There are many ways to resize images.  The video below describes one possible resizing method using Photoshop.  If this method doesn’t work for you, do an internet search for how to resize images using your chosen software.

Some of our users have come up with an alternative way to use the Masthead Slideshow. Images can be created in a way that gives the illusion that only parts of your masthead are cycling at a time. Check out how they do it here.

Can I add alt text information to masthead images?

No, you can’t.  Even if you could it would not serve a purpose, since masthead images are brought into the page dynamically via javascript.  They aren’t present in the markup for browsers to index.

Your masthead area can be a high-impact visual element of your blog, particularly if you are using the built-in slideshow feature. Preparing images to use in the Masthead can be a bit confusing unless you understand some basics about how the Masthead area works.  If you are using a masthead frame image on your site, you’ll want to make sure you’re clear how the frame works and how you can adjust the frame sizing to let your masthead images show through.

Before you create your masthead images you need to know what size they should be.  ProPhoto gives you that information in “ProPhoto” > “Customize” > “Header Area” > “Masthead Image & Slideshow”.

This size is based on your blog width, content margins and your (optional) frame inner offset values.

This size is based on your blog width, content margins and your (optional) frame inner offset values.

There are many ways to resize images.  The video below describes one possible resizing method using Photoshop.  If this method doesn’t work for you, do an internet search for how to resize images using your chosen software.

Some of our users have come up with an alternative way to use the Masthead Slideshow. Images can be created in a way that gives the illusion that only parts of your masthead are cycling at a time. Check out how they do it here.

Can I add alt text information to masthead images?

No, you can’t.  Even if you could it would not serve a purpose, since masthead images are brought into the page dynamically via javascript.  They aren’t present in the markup for browsers to index.

Your masthead area can be a high-impact visual element of your blog, particularly if you are using the built-in slideshow feature. Preparing images to use in the Masthead can be a bit confusing unless you understand some basics about how the Masthead area works. Here is a video tutorial to walk you through creating your own stunning Masthead Slideshow:

Some of our users have come up with an alternative way to use the Masthead Slideshow. Images can be created in a way that gives the illusion that only parts of your masthead are cycling at a time. Check out how they do it here.

If you’ve searched the tutorials and can't find what you need, please contact us. We’re here to help. Contact Us