Wild Spirit Development | Websites • Marketing • Branding Logo

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

*This post may contain affiliate link(s). An affiliate link means we 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 our 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.

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

Recent Posts

Keep Connected

Get Helpful Info & Tips to your inbox!

Claim Your FREE website Audit

Recommended Tools

Load WordPress Sites in as fast as 37ms!
Wild Spirit Development | Websites • Marketing • Branding Logo