Six Essential Tips for Working With Images

Jun 1, 2012 | All, How To... | 0 comments

Sony Digital CameraDo you work with online images? Do you take photographs to put on your website, Facebook or blog, for example? Do you email your photographs to friends or customers?

If you do any of these things then the following tips will help you get the most out of  your images …….

  1. Firstly, get yourself a good image editor.
  2. The best image editor is Photoshop but it does require considerable expertise to use properly and it is very expensive. An easier to use option is Paintshop Pro, but don’t buy the latest version. You can pick up a copy of Paintshop Pro 9 for under £10 on ebay. It will work fine with Win XP and Vista. If you’re running Windows 7 you will need to get Paintshop Pro X which will be a little more expensive.

  3. Most cameras are set to produce images that are far higher in resolution than you need for images that are destined for online. In other words they are far bigger than you require and, consequently, the file sizes tend to be huge. It’s not unusual to find images of 1-2 Mb from a typical digital camera. The first thing to do, therefore, is to reduce the size to a the actual size you require. As a guide to help you work out the pixel size to use, the image at the top of this post is 150 pixels wide.
  4. When you’ve scaled an image down in size, make sure you compress it as you save it.  This will reduce the file size of this image and speed up downloading. Compress the image to just before the point where it distorts (or pixellates). I’ve found that if you’ve saving a jpg image, then a compression value of 15 to 20 is suitable for most images.
  5. Keep the aspect ratio constant when you scale an image. If the size you require after scaling is different from what you actually get, then don’t be tempted to change the aspect ratio to fit. You’ll end up with an image that looks either squashed of flat. Nothing looks more unprofessional than this. Scale and then crop to get the size you require.
  6. Don’t be tempted to upload a large image and rely in the website to scale it down. The scaling will usually occur in the browser which means that the larger image will be downloaded each time, slowing down load time.
  7. If you’re emailing images as attachments do scale them and compress them beforehand otherwise the size of the email can run to anything from 1-2 Mb upwards.  Most email servers set an upper limit on the email size. As a rough guide don’t try and send an email greater than 4Mb max otherwise your email may not get through to the recipient.

Follow these tips and your images will look better, load faster and you’ll look like a professional.


Submit a Comment

Your email address will not be published.

Written by
Mike Brogan
Mike is a website developer specializiing in website design, online marketing, ecommerce design, and consutancy. He has developed website for clients for over 20 years.

Related Posts

How Do Websites Work?

How Do Websites Work?

Have you ever wondered how websites work? This is the first in a series of posts aimed at explaining what's involved in designing, building, and running a website. These posts are aimed at people who want to have a website developed. They want to understand the basics...

eCommerce Systems Explained

eCommerce Systems Explained

These days, an online shop is a must for any business involved in selling goods and services to customers.

White Label Website Services

White Label Website Services

This article explains what white label website services are and how, as a professional who deals directly with business clients, you can benefit from these services. The Problem Let’s assume that you are a business consultant. You troubleshoot businesses that have...

Website Design – Facts and Fiction

Website Design – Facts and Fiction

You've decided that you need a website for your business, or you've already got one that's looking decidedly long in the tooth. You  approach a web designer who tells you his company will design the coolest-looking site you could get. It will cost, or course, but it...

I hope you enjoy reading this blog post.

If you want me to design a website for you or help you with internet marketing, click here.

Can Customers Find Your Website?

Download Mike’s “30 Website & SEO Tips” for free.

Web Design Secrets Revealed

Take your website design skills to the next level to steal a march on your competition and make your website a success.