Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 322
  • Last Modified:

How to make good Small Text in a GIF

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?
0
gnewman
Asked:
gnewman
1 Solution
 
HardawayCommented:
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!!
0
 
gnewmanAuthor Commented:
Of course I assumed true color all along, otherwise how could PhotoShop anti-alias it?  That's not the issue.
0
 
TuffCommented:
Gnewman try this.....get PaintShopPro 5.0 (It's shareware)if you dont already have it, type your text in either word or notepad...when you are done minimize the screen to the size of the gif you would like, then hit "Print Screen" on your keyboard...open Paint shop up and go to "Edit" then "Paste as new image" it will open an image of your desk top and then text file...then on the left bar go down to selection (6th button down)then trace the inside of the text file so it's outlined , then go to "Image" and select Crop, it will then crop the image to just the text, if the image looks small hit the zoom button on the left bar and it will save at that size...then just save it as a gif.

Hope this helps.

0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
HardawayCommented:
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.
0
 
maslowCommented:
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.
0
 
MorFFCommented:
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
0
 
gnewmanAuthor 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.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now