How to upload a “Feature Image”

Setting up the the feature image on your blog post is really important, that’s the image that displays in the tiles on the blog home page.

If you do not set up your feature image you’ll end up with a boring grey square instead, this makes us sad 😦

But, sad grey squares are easily avoided, just follow these easy steps and there will be no sad grey squares, just lots and lots of amazing project images! 🙂

As an Author on The Monthly Stitch you are to able to upload images directly to the blog. We have a limited amount of free server space so we ask that you only upload one image for your post as the “feature image” and all other images in your post should be inserted using the image URL code from a photo sharing site such as Photobucket, Pinterest, Flickr, Picasa, etc.

Feature images appear at the top of your published post and on the tiled home page, here’s how to do it:

First up, we need to keep your feature image from being huge and eating up all our server space. Modern cameras (and even smart phones) tend to take very large pictures, which is great for printing them out but is waaaay over the top for web viewing. Your feature image should also match the dimensions of the space it will be occupying on the Monthly Stitch home page – if you have a look, you’ll see they’re all rectangular images. The best dimensions to make your feature image are: 440 pixels wide x 300 pixels high.

Your single uploaded feature image should be no bigger than 440 pixels across at its largest dimension. You can easily resize your image using PicMonkey, which is free.

  • Go to http://www.picmonkey.com/ and click on “Edit a photo”, select your chosen feature image from your computer and click “open”

  • All the editing tools in PicMonkey are on the left.
  • Feel free to have a play if you want to crop or adjust other features of your image first
  • When you are done click on “Resize”

  • Change the width dimension (that’s the box on the left) to equal 440
  • The other dimension will update itself automatically so your image will keep the correct proportions

  • If your image was in landscape orientation (i.e. wider than it is high), the height dimension will have been automatically resized to around 300 pixels (or more likely, it’ll be 293, which is near enough). This is awesome – go ahead and save your image, it’s ready to be a feature!
  • If your image was in portrait orientation, it’s height dimension will still be too big, which means that when you upload it to the Monthly Stitch as a feature image, it’ll appear all squished up on the home page and not as pretty as it should be. 😦
  • To fix this, you’ll need to crop it so it’s the right height. Click on “Crop”.
  • Type in the dimensions you want your finished image to be – ‘440’ in the left-hand box, and ‘300’ in the right-hand box.
  • Because you’re making your image shorter while keeping it the same width, parts of it will be ‘cut off’ so it fits the dimensions you entered. The grid that appears on your image shows the part of your image that you’ll keep – you can drag this with your mouse so it’s over the section you want to use.

 

  • Now you need save your image and all the changes you have made
  • Click on the green “save” button at the top

  • Click the green “Save Photo” down the bottom
  • It’s a good idea to give you image a new file name, so you don’t save over the original. I usually add something like “_01” or “_copy” at the end of the file name
  • Choose where to save your new image and click “Save”

  • In the “Upload Files” tab click the “Select Files” button
  • Navigate to your newly saved image and click “Open”

  • Once your file has uploaded you can click the blue “Set Feature Image” button
  • You won’t see your feature image in your post but you’ll know it has been added because you can see it in the box called “Feature Image”
  • Your feature image will appear at the top of your post after you hit “Publish”
  • If you want to check, just “preview” your post
  • There is no need to insert this image again into your post, pick some other great images and insert them using the URL code
  • For more image uploading help take a look at this WordPress tutorial

2 thoughts on “How to upload a “Feature Image”

Join the conversation! :)

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s