We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

How to make good Small Text in a GIF

gnewman
gnewman asked
on
Medium Priority
329 Views
Last Modified: 2013-12-25
How do the web sites put such small text into a GIF image and still have it look good?
I've tried PhotoShop with anti-aliasing and can't get anywhere near that small without it
getting fuzzy and blurred.
Which fonts work at the small sizes?
Comment
Watch Question

Commented:
I think that you may try to type the small text in an image with true color first, then convert it back to a 256 color Gif. Please remember to choose the "nearest" color while doing converting.

Hope this help!!

Author

Commented:
Of course I assumed true color all along, otherwise how could PhotoShop anti-alias it?  That's not the issue.
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview

Commented:
Actually, you haven't stated clearly that what is the size you excepted.
If the size is too small (say, less than 8), then no matter which font type you used,
the text cannot be read.

Maybe you can also try "Sharpen" the text when they appeared fuzzy/blurred.

Commented:
I think that the best way is to not use anti-alias, and instead use a good small font like Ms Sans Serif or Small Fonts (2-7 pts). Ok, these fonts isn't very beautiful, but they do the trick.

Commented:
gnewman,

Make the image bigger than you intend to display it (eg 300x200), then use a larger point size on your image.  then when you display it in your web-page set the WIDTH/HEIGHT values to a smaller value than the image (eg 150x100).

Works for me - MorFF

Author

Commented:
My goal is to use something like PhotoShop to make small type so it can be merged into a GIF.  I've had trouble getting PhotoShop to render small type (equivalent of what you can get by typing into WordPad).  Since PhotoShop doesn't make the raster fonts available, its hard to get the outline fonts to render cleanly at the same small sizes you can get from a windows app.

Its not very appealing to do use something like MS Word to render the type and cut and paste it off the screen into PhotoShop, but it should work.

MorFF's method of having the browser resize doesn't make any sense at all.  If I wanted to drop-sample the text (that's what the browsers do to resize) I would just do that in PhotoShop rather than have a "too big" gif.
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.