homepage Welcome to WebmasterWorld Guest from 54.81.170.136
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
Clear Text on Graphics
Blurry text after exporting from fireworks.
Fortune Hunter




msg:3595856
 12:20 am on Mar 10, 2008 (gmt 0)

I am trying to create some buttons and graphics that have text on the graphic. The problem is that it looks fine in the application (Fireworks CS 3) but after it is exported the text gets blurry and isn't crisp text. Even if I set the export at the highest quality it won't come out any better. Is there another way to export text on a graphic and make it sharp and clear?

 

thecoalman




msg:3596013
 5:54 am on Mar 10, 2008 (gmt 0)

Use .gif

MarkFilipak




msg:3596017
 6:03 am on Mar 10, 2008 (gmt 0)

I'd use .png -- looks much better. If you may be concerned about PNG and IE, I have a fix.

jessejump




msg:3596233
 1:47 pm on Mar 10, 2008 (gmt 0)

It shouldn't become blurry no matter what filetype you save as. What antialiasing are you using and how big is the text?

Fortune Hunter




msg:3596888
 11:02 pm on Mar 10, 2008 (gmt 0)

The text is fairly small about 11 point in some cases. The anti-alias has been set to all of the settings at one point or another. It doesn't appear any of them are making it any clearer.

jessejump




msg:3596916
 11:45 pm on Mar 10, 2008 (gmt 0)

I use Sharp or None for small text in Photoshop. Maybe try different fonts.

limbo




msg:3597294
 10:53 am on Mar 11, 2008 (gmt 0)

Is the exporting process resizing the image?

Fortune Hunter




msg:3597988
 12:34 am on Mar 12, 2008 (gmt 0)

If you mean re-sizing the size of the file for download purpose, yes it does cut it down for the web unless you tell it not to. I have not tried to export it for print to see what happens since the web is the place for all the final graphics.

limbo




msg:3598239
 9:02 am on Mar 12, 2008 (gmt 0)

Sorry should have been more specific, I meant the dimensions. If the scale of the text is affected it will cause loss of clarity.

If it's not that it seems it must be an aliasing issue we haven't thought of - or possibly a font-compatibility issue?

Fortune Hunter




msg:3598708
 5:50 pm on Mar 12, 2008 (gmt 0)

No, to answer your question it does not cut down the physical dimensions. I do that before I ever export the graphic. It looks fine before export, but after export is when the problem occurs. I noticed it seems blurry no matter if it is .JPG or .GIF format.

limbo




msg:3598800
 7:21 pm on Mar 12, 2008 (gmt 0)

Try a new typeface and repeat the process. Need to eliminate that possibility.

MarkFilipak




msg:3600174
 2:40 am on Mar 14, 2008 (gmt 0)

I'm a bit out of depth here, but I've seen export with and without interlace. Have you tried both?

vincevincevince




msg:3600182
 2:50 am on Mar 14, 2008 (gmt 0)

It's almost certainly because you are using 'export for web'. That option does a particularly bad job. For photos and the like the results are acceptable; but for crisp lines you need to export for print and optimise it yourself.

Consider also exporting the buttons without text and then adding text using HTML; unless the font is rare - in which case you can consider sIFR

jessejump




msg:3600481
 1:01 pm on Mar 14, 2008 (gmt 0)

What font are you using that is getting blurred?
I just used 11pt Verdana in Photoshop, no anti-alias, Save for web 80% quality jpg- it looks fine.

MarkFilipak




msg:3601156
 12:58 am on Mar 15, 2008 (gmt 0)

I don't mean to be a nudge, but I have to repost this. I think it will solve the problem.

I'd use .png -- looks much better. If you may be concerned about PNG and IE, I have a fix.

Fortune Hunter




msg:3604779
 2:17 am on Mar 19, 2008 (gmt 0)

It's almost certainly because you are using 'export for web'. That option does a particularly bad job. For photos and the like the results are acceptable; but for crisp lines you need to export for print and optimise it yourself.

I always wondered about exporting for the web if that caused the problem. If I export for print, how do I optimize it myself? I have never done this so I am not sure how to cut down the size after it is exported.

Also I notice several people saying they export from Photoshop, is PH that much better than Fireworks for exporting graphics?

jessejump




msg:3604905
 5:12 am on Mar 19, 2008 (gmt 0)

Try-

Make one file with 5-10 text sizes, different anti-aliasing, different fonts.
Save as jpg, png, gif - see what works best.
Use optimization wizard, different export, save as options.

11 pt in an image is getting pretty small for legibility.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved