Adobe Illustrator file exporting and pixel previewing blurry - HELP!

[Hayley5CA0]

AI file: https://drive.google.com/file/d/1ozTMzmd75iVzWs4NyGK8hTe5-q96_jB6/view?usp=sharing

Hi all,

I'm having major difficulties exporting the attached AI file ( 4 300 x 250px graphics for online advertising use). I've looked over countless forums and can't see any issues. I need to export at 300 x 250px size in PNG (or JPEG), however no matter what I do it's coming out blurry. I have tried the following:

- Trying out both 300 ppi and 72 ppi during export and in raster settings

- Exporting at different sizes (1x is always blurry, and 2x or more isn't the right dimensions)

- Creating larger artboards (separate project) and exporting (1200 x 1000 px seemed to look good, but can't export it smaller without making it blurry!)

- The image linked (attached below) is larger dimensions, but minimising the image makes it blurry so I want to keep the quality! And it doesn't explain why the text is blurry, which is vector.

- Trying image optimised and text optimised settings.

Very stuck, so any help would be appreciated.

[Ton Frederiks]

I am afraid that you run into the limitations of what can be represented with that small amount of pixels (already visible when you check with Pixel Preview). Exporting at 2X and scaling it down at the web page will improve it.

[Lukas Engqvist]

Ton gives you a good answer, you are cominhg to the limits of what is possible to reproduce considering the number of pixels you use.

When exporting to a given number of pixels text especially either must follow the pixel grid, which means rounding up or down in number of pixels causing small text to appear irregular, or text needs to be antialiased (you can not maka half  a pixel white but you can make the colour of the pixel half way between the background and white) which gives a slightly blurred appearance. Text can be set to follow one of several alogrithims to get the best possible result (which you must determine what is suitable) 

From the Character panel show advanced options, next to where you choose language you may choose from: None, Sharp, Crisp or Strong as method for antialiasing, note this can only be done at object level the menu is unavailabe if you have characters selected. 

Also see antialiasing setting on the export which allows none, object or type optimised.

Photoshop has more options for optimising pixels, some users will prefer to export from illustrator with a larger number of pixels and downsample to the correct pixel sixe in Photohop.

[Ton Frederiks]

Lukas gave some good suggestions, anti-aliasing options, Photoshop resampling.

I would add to keep your design well beyond the limits of the pixels you will be using in the final result, check the font Size (don't make it too small) and the font Style (light maybe too thin).