You are using images on your website, right?
People, in general, are very visual. What do you see when you look at a page full of text? Not, too enticing, right? What about when you see the same text but broken up with images, headlines and captions? Much less stressful to look at isn’t it?
So you’re using images – great!
Where are you getting your images from? Please don’t answer “Google”. I just recently heard about another person getting a letter from someone’s lawyer because she used his images on her website, thinking it was ok to grab images off of Google image search. They are made public, right? Well, here’s the thing – all the images on my website have been purchased by me. That means I have the right to use them on my website. When I buy a book I have the right to read that book, not reproduce it. Same goes with images. It’s always very important to read the fine print when using free images so you know exactly what you can – and cannot – do.
Step One – Purchase Images
When you buy a stock photo you will usually have a few different size options. Depending on what you want to use it for, you may choose different sizes. Bigger is better, right? Well, not always. You don’t want a tiny photo that you need to enlarge – that will just look blurry. What happens if you buy the largest photo? I’m sure you’ve visited websites where the images take FOREVER to load! Most likely that is because they used a huge photo that they never bothered to resize or optimize. (You’ll want to do BOTH, by the way.) Did you get frustrated waiting for the image(s) to load? Did you stay or did you go? Here’s how to keep your visitors from getting frustrated and keep them ON your website.
Yes, purchasing images can be costly, but there are some very reasonably priced websites out there that you can get wonderful pictures from! All the images on my website are from DepositPhotos.com. I’ve also used quite a few pictures from 123rf.com for other projects and been very happy with their selection – and their prices. While sites like Shutterstock and iStockPhoto can be much pricier if you are just buying a couple of images, they do have great rates if you will be purchasing many images on a regular basis.
Step Two – Know Your Sizes
Before you upload anything to your website, know what size image is needed. To find this out, check your theme’s instructions or ask your developer for the sizes. Now, make sure your photo is the correct size/proportions so that nothing is getting cut off. I recently visited a website that was wedding-related. The bride and groom’s heads were cut off! Not exactly the look I think they were going for. Size your images purposefully. Don’t have a program such as Photoshop on your computer? There are some great online options such as Pixlr.
Step Three – Shrink Them
File size that is. Now that you have the images in the correct sizes/proportions, you need to optimize them. An image that weighs in at 30KB is going to load faster than a 100KB image. This may not seem like a lot to you, but to your visitors waiting for your page to load, it could answer the “should I stay or should I go?” question. Stay! It’s especially important if you have a few images on a page – those numbers add up, and page load speed goes down. Try out services like TinyPNG, JPEGMini or Compressor.io
Step Four – Name Them Wisely
SEO – Search Engine Optimization – let Google know what your image is about. IMG06417.jpg is not going to let Google know that your image shows a piece of chocolate cake but chocolate-cake.jpg will. Rename ALL images BEFORE uploading to your website! The same goes for ALT tags (which can be added during the upload process). ALT tags describe your image for the reader in the case they are unable to see the images for any reason, such as using a screen reader. Title text is shown as a tool-tip when hovering your mouse over the image and is not required but can be useful. Using your SEO keywords in the image name, alt tag and title text is helpful.
Step Five – Upload
You’ve purchased, sized, optimized and named your images – now it’s time to add them to your website! Make sure you’re adding them into the content where they make sense and the text is wrapping around nicely, not pushing up against the image. Ask your developer to set the padding around your images if need be.
That’s enough for now! Now let’s go Rock those blog posts!
Do you have any great image tips you’d like to share with us? Please let us know in the comments below.
Like what you’ve learned here today? Share with your friends and let them learn too!
Have some questions, or would like someone to walk you through some of these steps? Set up a free call with me to chat about your options.