Ask Charly Leetham

Online Business Implementation Expert - Helping Businesses Harness The Internet As A Channel To Market

Online Business Implementation | Website Design and Development | Web Hosting | Domain Names

  • Home
  • About
  • Our Services
    • Our Work
    • Nice Things People Say
  • Resources For Online Businesses
  • Shop
  • Blog
  • Contact Us
  • Legal Policies
  • My Account

Optimizing Images For Your Website

December 30, 2011 by Charly Leetham Leave a Comment

When displaying an image on your website, it’s important to ensure it is optimized for use on the web.  Many website owners take a photo on their digital camera’s and upload it directly to their site – this may not necessarily be the best thing to do. Images, when uploaded to a webserver (or other photo hosting site), take up physical space.  The larger the image, the more space it takes up.  Additionally, the bigger the physical image is, the longer it will take to display…. thus affecting the Visitors experience of your site. Here are some considerations when using images on your website:

  • A photograph from a digital camera can be up to 600 dpi – dpi, is dots per inch and this is literally the number of dots that appear in a square inch.  The more dots per inch, the higher the quality of the photo, and the bigger the physical file.  You need to check each camera to determine the resolution of the photo’s being taken.
  • Images displayed on a computer screen are typically displayed at 72 dpi – almost 1/10th of a high resolution digital photo.
  • Generally, an image taken by a digital camera is something like 3000px wide and 2500px tall.  Translates to something like 17cm wide…. The larger the size of the print, the larger the physical file is.
  • A computer screen is more like 800px to 1000px wide and 600px to 1000px tall. (1/3 to 1/2 the size of a digital image).
  • When an unedited or unoptimized image is uploaded to a website and resized through the editor, generally all that is happening is that an instruction is sent to the browser when the page loads to tell it to only display the image at this size.  The full sized image however, is downloaded to the Visitors PC so it can be viewed – the larger the image, the more time it takes to download and display.

Putting this all together – my rule of thumb for images on a website:

  1. Always reduce your images to 72 dpi
  2. Always resize them physically BEFORE uploading them to your webserver. As a rule, I use images that are a maximum of 250px wide in blog posts and pages (which gives me sufficient room on the page for text), and if I want a ‘full width’ image to fill out a space, I use about 600px wide.  I rarely go bigger than 600px.  WordPress is quite good for this, as part of the upload process it will create smaller versions for use in posts etc – so you can upload a 600px wide image, and (depending on your theme and wordpress setup) have the smaller images created at the same time.

By following these two simple steps, you will save on the storage space on your webserver and improve your visitors experience of your website.

Share this:

  • Click to share on Facebook (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to print (Opens in new window)
  • Click to email this to a friend (Opens in new window)

Filed Under: Website Design & Development Tagged With: host, image, physical, wde

Want To Use This Article?

You can as long as you include the following (links must be active):

Charly Leetham, from Ask Charly Leetham, is an Online Business Implementation Expert who helps Small Businesses and Solopreneurs harness the power of the Internet as a Sales Channel or Channel To Market. Get your dose of business inspiration and motivation to help you along. Compiled from the generous contributions of over 79 authors. Grab a free copy today. Motivating Your Mind, Inspiring Your Spirit by visiting www.AskCharlyLeetham.com today

Leave a Reply Cancel reply

  • Home
  • About
  • Shop
  • Legal Policies
Help Yourself

I Want To Start Blogging

Improve Website Email Deliverability [Video]

Configure WordPress To Use SSL [Video]

Create And Install A SSL Certificate on CPanel [Video]

Optimize Your Images For Best Results [Video]

© Copyright Leetham Trust 2007 - 2017 | All prices quote are in Australian Dollars (AUD) and inclusive of GST unless otherwise stated

Business Website Designed by Ask Charly Leetham

eWAY Payment Gateway
loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.