Houndstooth Media Group

a creative digital strategy agency

  • Services
    • Social Media Management
    • Website Design & Development
    • Content Creation & Management
    • Marketing Strategies
    • Consulting
  • Products
  • Blog
  • About
    • Our Team
  • Contact
  • We’re Hiring
  • Our Work
  • Testimonials

Web-Friendly Photos: The Best Sizes, Formats, and More

January 7, 2020

A picture is worth a thousand words, the saying goes. This is especially true when it comes to web-friendly photos. Great images will not only make your website look professional and inviting, but they can also impact your site speed and SEO. Here is everything you need to know to ensure you have web-friendly photos on your site.

Web Friendly Photos_ The Best Sizes, Formats, and More

Size Matters

You want to have crisp, clear, vibrant pictures on your site. The higher the resolution of the image, the more clear the photo will be. However, high-resolution photos are also larger files. Large files can slow your site’s speed, which in turn will hurt your SEO score. You will need to strike a balance between image quality and size. These are some guidelines that can help you have web-friendly photos:

  • Full-screen background images or other large feature images should be no more than 1 MB.
  • Most small web graphics can be 300 KB or less.
  • Most computer monitors display 72dpi or 92dpi, so keep your photo resolution in this range.
  • It is recommended to use image files of less than 500 KB for the best results.
  • Keep all images in a blog post the same size.
  • If your photo editing software has a “save for web” option, use it.

Format for Web-Friendly Photos

When it comes to web-friendly images, you should only be using .jpg, .gif, or .png formats. For photos, it is best to use the .jpg format. This file type handles all the colors in a photo in an efficient file size. Graphics, such as logos and images with a lot of text, are best saved as .png files. They have a larger file size but provide crisp lines for text. Do not use the following formats as they are not web-friendly for photos: .pdf, .psd, .tff, and .doc.

Other Things to Keep in Mind

There are a few other things to know when it comes to web-friendly photos on your site.

  • Name each image before you upload it. IMG4390 will not help you organize your images by topic and it certainly won’t help your SEO. Label the image with a name using words and numbers if needed.
  • Fill out the alternative text and (if applicable) captions. Alt text is used by screen readers and search bots. Captions are needed to credit images to a source.
  • You can use plugins to resize images after they are uploaded to your site, but it is typically better to resize the photos in a photo editor first to ensure that the image meets the specifications for your site.

Follow these guidelines to make sure you have web-friendly photos on your site. Not only will great photos enhance your visitor’s experience, but they will also give your SEO scores a boost.

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Snapchat
  • YouTube
  • Author
  • Recent Posts
Houndstooth Media Group
Latest posts by Houndstooth Media Group (see all)
  • What Should Your Website Be Doing For Your Business? – December 20, 2022
  • Why Keyword Research is Important – August 22, 2022
  • What is Evergreen Content – August 9, 2022

Share This Post

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
Linkedin

Recent Posts

smartphone displaying LinkedIn logo

What Should Your Website Be Doing For Your Business?

hands and laptop

Why Keyword Research is Important

close up of text on digital screen

What is Evergreen Content

Recommended Services

WP Engine

Copyright © 2023 Houndstooth Media Group · Our Privacy Policy

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