Never Work on Your Original Digital Images

Keep your original images intact.

Many people will want to work on their mages using an image-editing program. This could include cropping, changing the levels, hues and saturation. You might even be doing more advanced image manipulations.

Perhaps you are saving the images either before or after image manipulations.

The golden rule is: never work on the original. Always make a copy and work on that.

Why should you do this?

Because, if the original is changed then you may very well lose some of the data within it. For example, compressing an image will mean a loss of data which will result in some loss of quality of the image.

If you compressed the original then it is lost forever. If a “copy” of the original was compressed, you always have the original file to hand.

You can open the original, work on it and then use “save as” to save it as another file with a different name (if your original was, for example cat.jpg then you could save it as “cat1.jpg”).

If you do this then you will always be able to retain the data in the original image. You never know when you might need this – for example when performing a new manipulation on the image.

Web Programming and Design: Images and Thumbnails

Let’s start with an example so you see where we’re going to with this article. Consider a listings type site; in this case, let’s think of a real estate website which lists properties. Each property has a picture. You have a page where you list all properties in a given neighborhood, about 20 properties per page. For each property, you display a smaller version of its picture (this is called a thumbnail), and a brief description of the property, so site visitors can click on the property they like to learn more about it. The problem is: this page takes really long to display in the browser.

There is a high probability that this problem is related to the images. You need to analyze how your site generates the thumbnails. In many scripts, the thumbnails are just the original pictures, but displayed in smaller width and height. If this is the case, then each picture takes too long to load. You should change this approach and generate real thumbnails of each picture. You also need to change your script to work with the images thumbnails, and not just the original big images.

There are different ways to generate the thumbnails:

1) Using a graphics program. You load the original image, and resize it to the thumbnail size. Then you save it with a different file name. For this approach to work, your script must let you upload the big image for each property, and also the thumbnail.

2) Your script can generate the thumbnails automatically when pictures are loaded, and save them on the server. You only need to upload the big picture. If your script is written in Php, for example, this can be accomplished by using Php image functions, which make use of the gd graphics library. These functions let you generate thumbnails in different image formats like gif, jpg and png.

3) Your script can generate the thumbnails on the fly and serve them directly to the browser. This will save storage space in the server, but requires a lot of server processing time. It is not recommended if you have many images, or if your site has many daily visits.

The important aspect to remember here is that you should not resize original images to show them as thumbnails, especially if you’re showing several of these images on the same page. It will not only slow the page load in the browser, but it will also use a lot of extra bandwidth you can save.

Resizing Images to Have Better Use

You have taken a mass of digital pictures and all of them are in their original format and size. Depending on your needs, now you need to convert them to be just the right size, you may want to resize to wallpaper for your phone, you may resize for the web use, you may send some pictures through email to your family or friends, you may resize your photos to thumbnails and so on. These are great for printing but cause a heavy burden when sending over the net, sending images with this larger file size can lead to frustration with end-users, who may not be able to download and see the pictures, especially if sent as thumbnails.

Facing this problem, you need to use an image resizer program to resize the images to your needs so that the user is able to quickly download and see the pictures as intended. While there are an endless number of online picture resizer websites available on the Internet, many of which are free, these helpful tips advise you to make use of online image resizer for the perfect and satisfying work of resizing pictures in less time.

Before selecting a program, it’s important to go through the contents of the website and have a trial to see the quality of output photos after resizing. Saving images for web use, email and other media with the best compression ratio and quality is a difficult task if you don’t have the right tools, many of the online image resizer websites do the job fast, a few websites can take a lot of time. With some different websites have tried, you should choose a perfect tool and start resizing your images. You will get a control over the window that lets you set the parameters of image. You can choose to use different units, such as inches or pixels, lock the width and height to maintain the same proportions of the original image.

After you have resized the image, you can save it using a standard image format like JPEG. You can now use this resized and compressed image to send through email message to your friends or upload to a web site or some other available use. What’s more, this image file will be smaller than the original image, making it easier and faster to load when visitors open your website. Resizing images can be so easy.