Wednesday 26 October 2011

How can i???

i am building a webpage to display pictures of my newborn son for family and friends. I have figured out how to use the html code to put pictures on my page, but how do I change the size of the pictures? They are too large and look blurry. I know there is a way i just cant figure it out
How can i???
you can use the browser to size your pictures by simply adding height or width parameters to the %26lt;img... tag.

i recommend you only set one of the parameters and let the browser figure out the other so that the ratio remains the same and your pictures don't become distorted.



however, this is not the best solution, as the browser doesn't do the best job of resizing pictures where they still look decent.



my advise is to get a hold of a graphics program like photoshop (already mentioned) and edit, clean-up, and size your pictures before you put them on the web. you can get a trial version, but it will only last for a 30 days or so, and the full version is expensive. there are cheaper ones. you can even use Paint, which comes free on your Windows computer. not the greatest, but it will do what you are wanting to do here.
How can i???
install paint on ur computer/open paint

hold ctrl then a (all)

hold ctrl (-)

it should shrink the picture
You can install a trial version of Photoshop on your machine.

http://www.adobe.com/downloads/



Open the image in Photoshop:

Image %26gt; Image Size %26gt; Specify the size of image



Now to further reduce the size of image do this: (This is optional)

File %26gt; Save for Web %26gt;



Choose Format: JPEG

Quality: 60

leave everything else as default

Click Save



This will drastically reduce the size of your images without affecting much on quality
  • talk in front of class
  • graphics animation
  •