Help with photoshop graphic

espfutbol98

New Member
Messages
200
Reaction score
2
Points
0
I'm working on a header image for my site and the text comes out blocky while the logo doesn't (I sampled from somewhere else). I've read about eight different sites and they all say the same thing and I follow the instructions to the letter but still, it doesn't come out right. I have a 203*94px w/ 300dpi and rasterized text being saved to a .gif in Photoshop CS4. What should I do?
 

deadone

New Member
Messages
9
Reaction score
0
Points
0
well if the image used is not animated i would suggest you save it as .png format, see what that looks like
 

diabolo

Community Advocate
Community Support
Messages
1,682
Reaction score
32
Points
48
if you can provide an example that would be helpful,
another thing is that because you are displaying on the web, a 300 dpi is not needed, it actually increases your file size, 72 is web/screen resolution

also I suggest exporting in png format, supports gradients and transparencies better than gif
 

waxdoc

New Member
Messages
4
Reaction score
0
Points
0
Web monitor resolution

Reading one of the "real world" books on Photoshop, I was reminded to pay attention to the top part of the Image>IMAGE SIZE dialog box (e.g., width: 500px, height: 500px) for Web images because you are dealing with screen resolution in pixels, not points or inches as in print.

This may not answer "jaggy" issue, but resolution:300px at the bottom of the dialog box does not necessarily translate into Web screen resolution. Does it?

I guess you mean PPI (pixels per inch), not DPI (dots per inch) used in printing?
 
Last edited:

pbmuja

New Member
Messages
39
Reaction score
0
Points
0
In website graphics make sure the smallest file possible. 300 dpi is not essential.
 

lolimaru

New Member
Messages
25
Reaction score
0
Points
0
72 dpi for viewing on a computer monitor. 300 dpi for prints. I only use .gif for animations, and .png for transparency, gradients, and better quality.

I always save my header and logo as 100% quality because I'm picky about how it looks at around 70% which what most people use so that their images load faster and use up less bandwidth.

Please show an example so I can see exactly what's going on with the "blocky" text.
 

Trixter

New Member
Messages
384
Reaction score
0
Points
0
Like everyone's saying72DPI for web and 300-600 for print (depends on the size of image your printing. Can't help you with the blocky issue until you post a sample.
 

turtlerage

New Member
Messages
12
Reaction score
0
Points
0
Reduce your image size in Photoshop to 72dpi, at the finished pixel size that you require, then view by 'Actual pixel' under the view menu (this will show how the graphic should look once uploaded).

Also consider saving as a jpeg or png file.
 
Top