5 Costly Mistakes to Avoid When Uploading Images to Your Website

Images are an integral part of any marketing strategy. You’ve heard it many times: “A picture is worth a thousand Words.” NewsCred says so.

  • 90% More Views for articles that include images than those without.
  • 45% people respond better to visual than to plain text.
  • 91% believe that visual imagery is the most important factor in a buyer’s decision.

Despite all that, once you have spent hours creating the perfect page or blog post, don’t forget about the visuals.

Designers make many mistakes along the way. These include technical issues and poor image quality. You don’t need to fall for these mistakes when designing website images. We will be discussing common image errors and ways to fix them. As an added bonus, we have included a selection of great images from death to the Stock Photo’s latest objects collection.

When you’re putting together a marketing strategy, make sure to include images on your website. Photos are essential in today’s digital age. Statistics show that articles with photos get more hits than those without them. Images are attractive and can make your website pop with color. We will be discussing some common mistakes to avoid when hosting images on your site. Continue reading to learn more.

#1: Reduce the image’s size

reduce the size of the image

Visitors don’t spend more than three seconds waiting for images to load on desktop or laptop computers. They also don’t spend more than five seconds waiting for images to load on their desktop computers or laptops. If your images take more than five seconds to launch on these mobile phones, you could lose many potential customers.

You will need to reduce the image size to 700kb maximum. This will make images load faster, regardless of what device they are being used.

#2: Rename the files

Renaming files is an important step. It’s not a good idea for images to be named the same as their default. Search Engine Optimization is concerned. You may want to include your primary keywords in the names of your photos.

For proper optimization, you might also want to include your primary keywords in the description. Search engine crawlers will not index your images if you don’t comply with this rule.

#3: Add descriptions (ALT-tag)

Add descriptions (ALT-tag)

The alt tags are just as important as the photos. They are text alternatives to images and serve a primary purpose. A descriptive description is a must if you want your website to rank higher in search engines.

For all photos, the description should be written in English. Don’t add too many keywords and phrases to your search engine rankings.

ALT tags allow you to display text instead of images in a browser that isn’t capable of rendering them. They also aid the visually impaired in understanding what type of image you are showing on a page.

Your ALT tag, just like your file name adds SEO value. Using the right tags for your image can help improve rankings when crawlers go to your site.

Solution Just like the time it takes to rename an image, you can also add an ALT tag to your image. There are a few rules you can follow regarding ALT tags.

    • Description your image in English.
    • DO NOT KEYWORD STRUCTURE

#4: Use the correct file extension

You should ensure that your website has the correct type of image files. Images can be created in many formats these days to suit your needs. The most popular extensions are JPG, JPEG and PNG. If you want to preserve the quality of your photos regardless how many times they are edited and saved, then PNG is the best choice.

  • JPG (or JPEG) has been the standard web image. JPG images can be used for gradient images and rich color photos. JPGs can also be “loosely” which means that they preserve all color information, but reduce file size. This can lead to a loss in quality.

 

  • GIFs are lower quality than JPGs. They’re great for images with simple illustrations or blocks of color (not the best choice for photos). GIFs are widely used in animation, as they allow transparency and interlacing.

 

  • PNGs are becoming more and more popular. PNGs can support more colors than GIFs, and they won’t lose their quality over time with resaves like JPGs. This file type can be used for charts and logos.

 

  • SVG vector format will stay sharp and clear on any device.

#5: Do not use distorted images

Another common problem you might face when editing images is image distortion. You should ensure that your images do not get stretched. Always work with the original photos. You can compare different versions of photos using Photoshop’s preview feature.