Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Course: Elements of a Great They Ask, You Answer Website

Start the Course Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer?

What is <span>They Ask, You Answer?</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
learning_center_grey__Free Courses and Certifications.svg

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
... Inbound Marketing Web Design
Close
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website
Start the Course
Elements of a Great They Ask, You Answer Website
Free Website Course
View Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

6 Common Mistakes You’re Making When Adding Images to Your Website

By Melissa Smith

Melissa Smith also recommends this free course, Elements of a Great They Ask, You Answer Website.

6 Common Mistakes You’re Making When Adding Images to Your Website Blog Feature

common-mistakes-adding-images.jpgImages are an essential part of your marketing strategy.  I’m sure you have heard this many times before, “a picture is worth a thousand words.” Well, according to NewsCred:

  • Articles that contain images get 94% more views than articles without.
  • 40% of people will respond better to visual information than plain text.
  • 93% of people say that visually imagery is the #1 factor impacting purchasing decision.

With that being said, after you’ve spent hours crafting the perfect blog post or page, don’t wimp out on the visuals!

Free Course: Elements of a Great They Ask, You Answer Website

Aid your message using a chart, graphic, video, or even gif, but no matter which medium you choose,
don’t forget to make sure that the file is fully optimized.

As important as they are, visuals can slow down your site’s load time dramatically. With that in mind, here are six common mistakes you’re making when adding images to your website and how to avoid them.

Mistake #1: You uploaded gigantic images.

Keep this in mind: most visitors wait about three seconds for a website to load on desktop or laptop and about five seconds on their mobile device. If your image takes longer than that to load, you can wave your visitor goodbye because they don’t have the patience to wait.

Solution: Decrease the size of the images on your website, by using Photoshop’s “Save for Web & Devices” or for those who don’t have photoshop, Compressor.io. Try to keep your file below 700KB.

Mistake #2: You didn’t rename the files.

It’s really easy to overlook this one.

Many people just keep their default file name, whether it is the naming convention from their camera or from a stock photo site, but when it comes to SEO, it’s important to include your focus keywords to help your page rank for them.

Creating a descriptive, keyword-rich file name is absolutely crucial for image optimization.

Search engines not only crawl the text on your site, but also the keywords within your image file names.

Solution: Take the extra few minutes and rename your image, but remember DO NOT KEYWORD STUFF.

Mistake #3: You didn’t add a description (ALT-tag).

Just like overlooking renaming your image, many people tend to overlook adding an ALT tag.

ALT tags are a text alternative to an image when a browser can’t properly render them and also help the visually impaired get a understanding of what kind of image you have displayed on the page.

Like your file name, your ALT tag also adds SEO value. Appropriate tags to the image can help you website achieve better rankings when robots go to crawl your page.

Solution: Just like taking the few minutes to rename your image, take a few more minutes to add an ALT Tag to your image. Simple rules to follow when it comes to ALT tags:

  • Describe your image in English, just like your file names
  • DO NOT KEYWORD STUFF

Mistake #4: You used wrong file extension.

Many would ask, is there really any difference in the different file types? The short answer is, yes.  Not all file formats are the same, each has specific uses, with it own sets of pros and cons. Here’s a breakdown of the most common:


  • JPG (or JPEG) has become the standard image of the web. JPG images are ideal for rich color photographs, gradient images. JPGs are also “loosely,” which means they retain all color information but compress file size which can result in a loss of quality.
  • GIFs are lower quality images than JPGs and are great for those with simple illustrations and blocks of colors (not the best option for photographs). GIFs are also widely used in animation because it is the only file type that enables transparency and interlacing.
  • PNGs are becoming more popular. PNGs support many more colors than GIFs and they don’t degrade over time with re-saves like JPGs. This file type is good for logos, charts, etc.
  • SVG is vector format that will remain sharp and clear no matter what device you view it on.

Solution: Learn the difference between the different file types and make sure that you are using the best option for the image at hand. Doing this will help ensure that your image has the biggest impact possible, without slacking on technical performance.

Mistake #5: Your image just doesn’t look right (distortion).

Distortion of images often strikes when you least expect it. The most common version is seeing your image stretched out of proportion.

distorted-350x150-.pngDistorted Image

scaled-350x150.png

Properly Scaled Image

Solution: Scale the image proportionally and if that isn’t something you can control talk to your developer and have them take a look. In HubSpot, for example, grab from the corner of the image, if you grab from any other part of the image, your image will not scale properly.

image-scale2.jpg

Another common distortion occurs when the image was saved at low quality.

Solution: Take the original image and re-save it. If you are using Photoshop, you can preview and compare multiple versions of your image, and get the estimated download times.

For image sizes we typically like to keep our images no wider than 1200px and smaller than 600KB, but if it is a little over it isn’t the end of the world. We know if it’s tough to keep those detailed images from losing their quality.

If you don’t have Photoshop try out these other image editing tools, PicMonkey, Pixlr, FotoFlexer and GIMP to help you resize images effectively.

Mistake #6: You’ve bought a generic stock photo.

Yes, stock photos can be a convenient option when you don’t have the time to have your own photo shoot, but sometimes it isn’t the best option. There are a lot of overused stock photos out there and if you’re using one you know you’ve seen before, it’s likely your audience has too.

Solution: If you can’t find the time to hold your own photo shoot or create a custom graphic, take the time to look for the right stock photo. Look past the first page of search results. Find an image that is different and that is also a really good match for your brand. Even look for ones that you can edit or customize to fit your needs.

Take a look at this list of 10 Free Stock Photo Websites That Don’t Suck, that we put together. Then, if you’re still stuck, here are some tips to help you choose the perfect stock photo.

Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

Topics:

Web Design
Marketing Strategy
Published on April 26, 2016

Recent Articles

8 Crucial Elements Every Homepage Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)
October 14, 2021 • 7 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2021)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read
Google June 2021 core update live, July core update coming
June 4, 2021 • 3 min read
Google's June page experience core update will be mobile first, then desktop
May 21, 2021 • 3 min read
Every website agency talks about strategy; How is IMPACT different?
April 19, 2021 • 5 min read