Create crisp png file from text

[cheekbones1]

I've lost count of the number of hours I've spent trying to find an answer to this, so help would be greatly appreciated...

I am very much at the beginning of learning how to use Ai, but thought the following exercise would be a good way of learning what I thought was a basic skill, whilst at the same time providing me with something that I need.

I have designed several simple logos for clients, most of which are based on text.

I would like to save the text as jpg and png files for use in websites and mass emails.

I am unable to do this without the files being blurry...

Here is an example of what I've done:  create text box in Ai, type in text font size 48 - export to png.  This png still looks blurry when I use it as an image in a MailChimp email.

There are other things which also seem to go wrong, but just knowing how to create a png or jpg file from a text box that stays sharp, would be such a relief, and so helpful.

Would someone be able to send instructions?

[Mike_Gondek]

Not sure who you posted your examples, but we are not abel to see them.  The 7th icon above is what you should use.

For crisp edges try .gif at the proper resolution for the best result.

[cheekbones1]

Thank you for your reply! Sorry, I didn't post examples...

It may be too much to ask, but although I can follow your advice in theory, in principle, I am a much more basic user, and was hoping for instructions of how to save  text created in Illustrator (which is used as a simple logo) so that it stays crisp when I use it in mailings etc.

I suppose what I need is a check list of settings for both the text and the file type when saving?

[Mike_Gondek]

That depends on what version of Illustrator you have,  when posting please list you software version. I like using save for web and recommend this for you as is best way to learn about differences between .gif & .jpg & .png. I personally feel is a mistake that Adobe is slowly getting rid of Save for Web

2015 - File >> Export >>Save For Web (Legacy)

[Jacob Bugge]

cheekbones,

PNG (PNG24/32 at least in case of importance of true large gamut colour) or GIF are formats to use for crispness, rather than JPEG.

It is crucial to create the raster images at the exact pixel x pixel size that they are used at. One way is to use the Save for Web, now hidden away in File>Export>Save for Web (Legacy), which allows you to specify it in the Image Size window.

In addition, you may use the Type/text optimization option (in other cases tyou may use Art optimization), also if you Export.

[cheekbones1]

Thank you so much, the 'Save for web' is a useful tip and I haven't tried GIF, so will do that now.

I very much appreciate your time and advice!

[Jacob Bugge]

You are welcome, cheekbones.

I would recommend PNG24 rather than GIF because of the richer colours and superior transparency rendering; you may try both and compare.