Website tip #5-04 (a sharper image)
re-posted from website tip #5-01Sharper image for photos and graphic
When using photos and graphics, WebCubic automatically resizes them to what the page requires. At times, this may result in a slightly "grainy" appearance when the graphic is reduced in size.
To get a sharper image, you must manually reduce the size of the graphic before loading it onto the website. This will provide a better image as well as reduce the file size of the graphic being shown on the website, thereby improving the time to display the page.
Here's how to do this.
(1) Determine the actual size of the graphic on the website. You can do this by putting the cursor on top of the graphic and doing a right-mouse-click. Click on "Properties". Write down the "Dimensions" - it will be something like 250 x 200 pixels.
(2) Start an application like "Paint Shop Pro" then open the graphic file.
Alternate (or if you do not have a graphics editor on your computer): Locate the graphic file in "My Documents" or wherever it is stored. Do a right-mouse-click and click on "Edit". This will open the default graphics editing application on your computer
(3) Look for a menu task to "resize" or "stretch/skew" the image
(4) If you can specify the image pixel size, do that. If you must do this by percentage, then adjust both the horizontal and vertical by the same percentage. Your objective while doing this is to maintain the same "aspect ratio". If you don't then the image will become stetched too much either vertically or horizontally. You'll have a sharp image but it'll also make you look like you're walking through the old "house of mirrors".
(5) Physically compare your results with the image currently shown on the website. They should be approximately the same. If it varies too much you will again end up with a "grainy" look.
(6) Save the image by using the "save as..." option and rename it.
(7) Go to your website administration functions and upload the NEW photo or graphic.
(8) When you view your website, the photo or graphic should be as clear as the original image - just smaller
posted by Shig Nishio @ 4/24/2005 05:27:00 PM
<< Home