this might be simple..but

[SwEeT DeSiGn]

ok so our teacher told us this was work we should have alredy been familiar with and im not really sure how to do it..... ok he said to get high resolution images and take them into inage redy to get them redy for the web.... so does this mean that i have to change the file size??? and how do i do that??? how do i reduse it??? do i reduce it in photoshop before i take it into imageredy??? or should i reduce it when i am alredy in imageredy?? i need tips on how to make it look high quality as it looked before i took it into image redy... can someone go into more detail on how it and why it changes the image??? plzzz alll info is welcome as u can see my teacher isnt all that great at explaining this stuff... i dont know why hes teaching!!

[John G]

Photoshop ->edit-> image size
Play with the settings in there and use the lab printer a lot to notice differences in what dpi does on paper and what it looks like on the computer.

Ask your teacher for a more in depth review of dpi and resolution, that's his/her job.

File -> Save for web

I don't believe I've ever used image ready for anything except for making an animated gif.

Oh, and http://www.graphicdesignforum.com/forum/showthread.php?t=294

fancy that

[Two-Toe Tom]

welcome to the forum! :)

[budafist]

Talk to your classmates. Are the struggling too? If they are, someone needs a word with the teacher about their crap teaching. If your classmates are not struggling, you need to pay more attention in class.

Some spelling, punctuation and basic grammar skills won't hurt you either. ;)

[tZ]

jpg – continuous color

gif – flat color

png – transparent background. However, IE lacks some compliance with png so I would just recommend avoiding them.

All images saved for the web should be 72dpi. Otherwise, your just wasting space since, resolution and file size are directly related.

[SwEeT DeSiGn]

alright so...how do i mke sure its 72 dpi??? does it say somewhere in particular??

[hewligan]

In the photoshop Image -> Image Size dialogue.

[jlknauff]

png – transparent background. However, IE lacks some compliance with png so I would just recommend avoiding themIE7 displays it perfectly, and there is a relatively simple js work around for IE6.

[Broacher]

If you have a CS version of Pshop, try using the 'Bicubic Sharpen' method for downsampling for (usually) sharper looking results.

[SwEeT DeSiGn]

If you have a CS version of Pshop, try using the 'Bicubic Sharpen' method for downsampling for (usually) sharper looking results.
is this gonna help me updoad it faster on the web??

[hewligan]

No.

It's going to make the image you upload to the web look better.

[SwEeT DeSiGn]

ok so in order for me to be able to post it online and to save it as a small file what am i supposed to do??

[Typically]

since you don't seem to understand what anyone is saying here. why don't you just ask your teacher? im sure if you asked they would show you if you stayed after class for a few minutes.

[hewligan]

Well, it's good practice to make it 72dpi, but that doesn't actually matter that much. The web browsers actually ignore what you've set for resolution anyway.

The important thing is that you make sure the pixel dimensions are correct. So, in the image size dialogue, make sure that the size is correct.

Then do File -> Save for web. For a continuous tone image, like a photograph, select jpeg, and experiment with the quality until you find the smallest file size that doesn't look like crap. For a solid colouored image, like a logo, save as a gif. There's really not a lot of options there that will make it much smaller.

Sometimes, for larger images, even if it is flat colour, you may need to save as a jpg to get a sane file size. That sucks.

[budafist]

since you don't seem to understand what anyone is saying here. why don't you just ask your teacher? im sure if you asked they would show you if you stayed after class for a few minutes.

Maybe because they don't want the teacher to know that they weren't paying attention in class?

[Emptysix]

I think some of you are overcomplicating things here I think from what he has explained his teacher just wants them to save something for the web... not getting into color correction just yet just for proper display on the web (ie. learning not to just throw a 300dpi picture on and let the browser shrink it and distort a massive 2300 pixel wide image)

And if you have never used ImageReady... it is bundled with Photoshop now because the Save for Web utility uses ImageReady.

So just crop your image in photoshop... your teacher should have actually given you the size he wanted the picture (preferably in pixels) if not then pick a managable size 600-800 px wide x proportional height (leave that box blank when you crop and make sure keep proportions is checked or the link box or whatever) Then go to file>save for web and if it is a photo set it to jpg and adjust the quality. If it is a graphic that doesn't have alot of colors then you can save it as a gif and adjust the amount of indexed colors that will be used.

All of the other things they have told you will help get you a better image... But judging from your questions... you aren't quite there yet. Hope that helps any other questions I'll be happy to answer when I get home... leaving work now.