Hi Peeps.

 

You may see a lot of me soon (asking for advice)

 

I am nearing the end of a course I am doing, Which covers very tech side of web and internet. However it does lack on the experience site. Only gives the basic and not how best to solve the problem.

 

A great example of this is images. (it explains the image formats, what each allows you to do) Also advise the size of each image should be.

 

However what is the best way to get clean crisp images for your sites, (when i lower the quality of my JPEG images) it does not give my sites the look I am after (being a very creative individual) this is important for me to get right.

 

What is the best size/ format for Backgrounds?

Best way to get clean crisp images?

Best method for transparent images?

 

Any tips, Pointers, Even links to old forum topics will be a great help. (thanks in advance)

 

E x

Bearing in mind I'm no pro either............

 

I use PNG format for transparent images (actually for almost all images)

Saving for web and devices is also a good practice.

Thanks Helen.

 

I check out the saving for web and funtion options on my programmes tonight, I dont believe i have use that yet.

 

I just really want to make sure my images on my layout look good as two sites i am building need use of images as main elements in the design.

 

I envy all the sites with nice crisp clean images (and they dont take ages to download) i know that may be something that comes with experience....

well i have been using imageready to optimize my images for the web, it will optimize it in gif but the image quality is really good, the purpose of using gif to load the page faster, but you only need to use it in your web layout, not in images for the contents and such, hope this helps.... oh yeah png is ok in IE7, does not look good and previous IE, it makes the shadows like a blue color but i think there are scripts that fix those problems

 

cheers!!!

emmi in a nutshell

 

.gif/.png both support transparency

I prefer .png for transparency & drop shadows

 

drop shadows and .gif can sometimes look like a gogs dinner,

jpeg is good for photos , gif is not

well i have been using imageready to optimize my images for the web, it will optimize it in gif but the image quality is really good, the purpose of using gif to load the page faster, but you only need to use it in your web layout, not in images for the contents and such, hope this helps.... oh yeah png is ok in IE7, does not look good and previous IE, it makes the shadows like a blue color but i think there are scripts that fix those problems

 

cheers!!!

 

i have to look up that script for fixing things & using Png for web layout (that was may main problem with my sites) i been using JPEG Thanks that a great help.

 

 

emmi in a nutshell

 

.gif/.png both support transparency

I prefer .png for transparency & drop shadows

 

drop shadows and .gif can sometimes look like a gogs dinner,

jpeg is good for photos , gif is not

 

I know the basic what each file type, I use JPEG a lot. However having problems getting the background image nice and crisp. But i think i may try Vai_ron tip and try gif in web layout. It not a huge issue on the images themself... i am becomeing a fan of lightbox

 

I think its really trail and error till i find the right method/files for my images Thanks for your imput i will bear it in mind.

A gradient based image is best saved as a JPG, it's a higher filesize than a GIF but the quality is very noticable.