Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > BlueVoda Website Builder Forums > BlueVoda Tips, Tricks and Shortcuts

Notices

BlueVoda Tips, Tricks and Shortcuts Know a great BlueVoda (or Web design) tip or trick? Share it with the world here. Become famous for your brilliance! Please, No Questions or Problems!

Closed Thread
 
Thread Tools
  #1  
Old 09-16-2007, 11:06 AM
Collectors-info's Avatar
General
 
Join Date: Feb 2006
Location: London (UK)
Posts: 7,466
Default Image resizing. Photo reducing. Using PIXresizer.

Hi, i have noticed that a few new members are using the PIXresizer, but maybe not be its full potential. So just a few tips on how it works and the best ways to use it.

How it works?
PIXresizer works in two ways, in that it will reduce the DPI (Dots per inch) of an image and then if you wish reduce the physical size of the image. Both of these reductions will help dramatically on page loading times of your site.

What is DPI and why reduce this.

You would use an image with a high DPI for enlarging and printing photos, but not for web page use. As an example? If you loaded an image taken from camera or scanner, chances are, it will be anywhere from possibly 200DPI to 1200 DPI depending on the setting you have that device set at.
Now with this in mind, most screens/monitors at the present time will only show around the 90-100 DPI, so anything over this is a waste and wont improve on quality and slow your pages down. (A lot)
Some better quality results can be achieved with better software. But this you will have to purchase and 95% of the time, PIXresizer will do a real great job..

Using PIXresizer single image
When you open PIXresizer you will be presented with a list of controls. Here is how to use them.
Look at the top of the screen and you should be on the “Work with one file tab”.

1.Press the “Load picture” and choose an image from your computer.
2.The image will load on the right side of PIXresizer. Now in area 2 you should select what size you would like your new image to be in dimensions. The 100% will be your original size of image. If you would like a pop up large image from a smaller thumbnail, i would recommend some ware around the 600x400 for the large image and 120x90 for the thumbnail.
3.In the next section you can choose the format of the image. Tick the appropriate box. If its a .jpg image, Its at this point you can choose what DPI you want by clicking on the text
“Joint Photographic Experts Group” . A pop up menu will appear and this will be set to 90DPI, and is a good reduction to have. With smaller images like thumbnails you can bring this down lower to save a few extra KB's. But this part you will have to experiment with depending on how good your image was in the 1st place.
4.The area below this is for converting your image to black and white. Just check the box if this is required.
5.Now press “Save picture”. NOTE: At this point its a good idea to name your image to be SE friendly. Something with reference to the image and the page it is going on, but defiantly not what you are given by the PIXresizer software. IE: “name of image (600x400).jpg. You should name the image “a-real-good-search-name.jpg. To be SE friendlily and help visitors to find you.

Working with multiple images.
I would recommend creating 2 new folders for this part for a source and destination of your new images. Any images that you would like reduced should be copied to the source folder.

1.Click on the source button & open your folder with the images to be bulk reduced.
Then press ok. Now press the “Destination” button and choose the folder you made for these images.
2.In area 2 i would recommend not checking any of the check boxes and just use the sliding control to the desired width of the image. NOTE! This should always be set to a dimension smaller than your largest image and not larger than your smallest image to save distortion of images.
(Think i worded that correctly)lol.
3.Select the type of image in area 4.
4.Leave the boxes unchecked in area 5 as it tends to distort the image. Then press “Save Pictures” You will now see a whole folder of images being reduced.

NOTES.
Don't use the handles on the side of the larger images to make them smaller. (It will increase page loading times & make the image look crinkly)
Do rename your images correctly. (SE's will like and notice you)
Do have thumbnails with links to larger images. (For quicker loading pages)
Green note:
Do you know its also greener to have your web pages more efficient and lower in Kbs. If you can imagine that many of the major severs have chips running at kilowatts and air con units to match and; cool these down. If everyone optimise's there sites, these chips wouldn't have to work so hard. It would save a fortune on electric.
Link to PIXresizer download.
Other image tips on resizing.

Good luck..
__________________
Regards Chris,
Sites are view in FF & IE, with res @ 1024 x 768 on 19” screens.

Barnet walks
How to ask for help on the forum. - VH prices. - BV Tutorials. - Using PIXresizer - Image/Photo Tips -
Collectables, Collecting


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT +1. The time now is 10:43 PM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2005-2009 VodaHost Web Hosting Your Perfect Web Host - All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201