How to Re-size Images for Use on a Website

How to Re-size Images for Use on a Website
Written by Ben   
Wednesday, 16 February 2011 19:24
The Web is great for sharing photos with friends, relatives, and strangers. However, as digital cameras produce higher and higher quality images they are also producing larger and larger image files. When posting these image files to the Web, their size is rarely taken into consideration. Some website will re-size image files for you, but I recommend doing it yourself in order to personally manage the trade-off between file compression and quality degradation.

I have found that I've been repeating these instructions on occasion to friends and clients. So instead I'll repeat myself just once more on this blog.

Goal: To reduce dimension (height and width) and file size (kilobytes and megabytes) so that when displayed on a website, the images fit on the monitor and load quickly.

Tool: Picnik.com - This is a user-friendly and free online tool that has limited image editing capabilities, but luckly all the ones that are needed to re-size image files.

Step One: Open Picnik.com
In a web browser, visit www.picnik.com and click "Get Started" (if applicable).

Step Two: Upload Image
In the website header, click Library >> Get from Computer, then click "Upload a photo". Select the image file from your computer and click "Open".

Step Three: Edit (Optional)
Click the "Edit" tab in the website header. Here you have the option to auto-fix, rotate, and crop your image. Using these options should be straight forward.

Step Four: Re-size and Save
In the website header, click Save & Share >> Save to Computer. Add the suffix "_resized" to the file name (i.e. "original-file-name_resized"). Change the maximum dimension (width or height) to 1000. Make sure JPG is selected for file format (JPG should be selected by default). Select "8" for JPG compression Quality. Then click "Save Photo" and select a location on your computer (where you'll be able to find it) and click "Save".

Tip: If you sign-up with a free account, you can upload up to five image files at once.

Last Updated on Thursday, 24 February 2011 23:22
 

Comments  

 
0 #2 jordan sneakers 2012-03-07 06:01
give new york giants #88 jersey: http://www.championgiantsjersey.com/hakeem-nicks-jerseys-C20.html the maximum amount of fines Hakeem Nicks Jersey discounts: http://www.championgiantsjersey.com/hakeem-nicks-jerseys-C20.html ,the 2012 Super Bowl Jerseys: http://www.championgiantsjersey.com/ shop responsible giants 88 jerseys: http://www.championgiantsjersey.com/hakeem-nicks-jerseys-C20.html person Hakeem Nicks Jersey for sale: http://www.championgiantsjersey.com/hakeem-nicks-jerseys-C20.html shareholders and blacklisted. nicks giants jerseys: http://www.championgiantsjersey.com/hakeem-nicks-jerseys-C20.html
Quote
 
 
0 #1 jordan sneakers 2012-03-07 06:01
give new york giants #88 jersey the maximum amount of fines Hakeem Nicks Jersey discounts ,the 2012 Super Bowl Jerseys shop responsible giants 88 jerseys person Hakeem Nicks Jersey for sale shareholders and blacklisted. nicks giants jerseys
Quote
 

Add comment


Security code
Refresh

oem adobe acrobat with pc software oem sales vertu copy