Best Practices for Image Use On Your Website + Recommended Tools!

*This post contains affiliate link(s). An affiliate link means I may receive an advertising/referral fee if you make a purchase through my link, without any extra cost to you. You can read more on my affiliate disclosure HERE.

Adding images to your website is a great way to help it stand out and communicate your message. However, you need to use them correctly or they can actually do more harm than good. Here are the best practices for using images on your website, and our recommended tools and resources for your own use!

Photo Licensing

Whenever you are looking for images to use on your website, it is important to make sure that you have the proper licensing and permission to use those images. There are a few different ways that you can go about doing this.

  1. One way is to purchase stock photos from a reputable source. This ensures that you have the legal right to use the image on your site.
  2. Another option is to take your own photos. This gives you complete control over the image and ensures that there will be no copyright issues.
  3. Finally, you can also find Creative Commons images that are free to use.

However, be sure to read the terms of use for each image before using it on your site. By taking these precautions, you can avoid any legal issues down the road.

Download our Recommended Stock Photo Resource Sheet

Relevant To Your Content

The image you use on your website should be carefully selected to ensure that it is relevant to the content on the site. Random images that don’t add to the overall experience will only serve to distract and confuse visitors. Make sure that any image you use helps to contribute to the overall message of your website. If you’re not sure whether an image is appropriate, ask yourself whether it adds anything to the experience of visiting your site. In most cases, it’s best to stick with images that are simple and easy to understand. Overly complex or busy images will only serve to clutter up your site and make it harder for visitors to find what they’re looking for.

High Quality/High Resolution

Thirdly, ensure that your images are of high quality. Images are a vital part of any website. They can help to break up large text blocks, add visual interest, and illustrate concepts. However, it’s important to ensure that your images are of high quality. This means they should be clear and sharp, without any pixelation or blurriness. If you’re using photos, make sure they’re well-lit and in focus. Using poor-quality images will make your website look unprofessional and could turn visitors away. So take the time to find or create high-quality images that will enhance your website and give visitors a positive impression.

Low

Image Resizing

When you’re adding images to your website, it’s important to make sure they’re properly sized. If they’re too small, they’ll look fuzzy and out of place. If they’re too large, they’ll take up too much space and make your site look cluttered. The best way to avoid this is to resize your images before you add them to your website. That way, you can ensure they’ll look just the way you want them to. When you’re ready to add your image, simply select it and click the “Insert” button. Then, use the “Resize” slider to adjust the image to the perfect size. Once you’ve inserted your image, it should look sharp and well-positioned on your page.

TIP:If you don’t have photoshop to resize your images, we’d recommend using PhotoPea.com which is an online based comparable paltform to resize your photos. At a minimum we’d recommend for horizontal images to be used in the background of the site – be 2000px wide MINIMUM.

Compress Images

Finally, Images are an important part of any website. They can help to make your site more visually appealing and can also be used to convey information. However, if they are not properly compressed, they can cause your site to load slowly. This is why it’s important to remember to compress your images before you upload them to your website. By doing so, you can help to improve your site’s loading speed and ensure that your visitors have a positive experience.

TIP:We use TinyPNG to compress our photos before loading them into a site. There is a limit to a free account – but to compress more files at once, there is a premium account option.

By following these best practices, you can help ensure that your website’s images look great and don’t cause any loading issues. Remember to resize your images before you add them to your site, compress them for faster loading, and select relevant, high-quality images that will enhance your content. By taking these steps, you can create a website that looks professional and runs smoothly.

Stock Photo Resource Cheat Sheet

Stock Photo Sites • Image Editing Recommendations •  Recommeded Tools
Facebook
Twitter
LinkedIn

Leave a Comment

Your email address will not be published.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Download Your
Stock Photo Cheat Sheet

Enter your information below and your Stock Photo Cheat Sheet will land in your inbox!

We hate SPAM and promise to keep your email address safe. Here’s our privacy policy.