Block color and text saved as Jpeg, why so so grainy?

TM
Posted By
Taxed_Mind
Mar 14, 2008
Views
585
Replies
3
Status
Closed
I have block colour (or image) and text overlaid, fine. But save to Jpeg and the block color around the text becomes speckled. Other than saving as a higher quality what (if anything) can I do to prevent/minimise this?

While asking about text; is there any way to make the boundary of a text box irregular on one or two sides; say a box shape but jagged at one side so that text flows around a "protrusion"?

Thanks in advance for your help, very much appreciated.
Related Tags
block color grain save text

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

RK
Ronald Keller
Mar 15, 2008
The answer about your second question is Yes. The text box can have any shape you want. Either use a custom shape (in path mode) (or modify one) or use the pen tool to make the path. Then simply click in the path with the text tool and start typing or paste existing text.
JR
John_R_Nielsen
Mar 16, 2008
Save it as a .GIF
MD
Michael_D_Sullivan
Mar 16, 2008
JPEG is not good in high contrast areas, such as around text. The file format doesn’t record pixel colors, but instead uses formulas to approximate them. This works well for relatively low contrast areas, but in high contrast areas, the formulas produce "artifacts" — the odd colored pixels surrounding the text, in your case. GIF is much better for high contrast areas, but it can only use 256 colors. If you have solid color text against a solid or limited-palette background, GIF is the better choice. PNG is another possibility. PNG-8 is similar to GIF, in that it allows 256 colors; PNG-24 allows a full palette, like JPEG, but without the artifacts, so it is ideal for text superimposed on photographs. PNG-24 will be a bit larger than a highly compressed JPEG, but probably smaller than a maximum quality JPEG. It may or may not display properly in IE6 or earlier, but it’s well supported in IE7, Firefox, and Safari.

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections