Need help avoiding Pixelation when converting Illustrator artwork to JPG on web banner!

[a.fermeglia]

Hi!

I'm designing a web banner for a client's website. Dimensions need to be 728 x 90 (the standard I found through research).

I created my design on the Adobe Draw app, opened it in illustrator, and need to save it for client's use.

But whenever I export (Export For Screen) and save as JPG or PNG, image is horribly pixelated.

I don't know where I've gone wrong, as I thought vector images could be used at any size.

Any help appreciated. Thanks!

-Alexa

[Monika Gause]

JPG and PNG are not vector images. You cannot scale them.

[a.fermeglia]

Yes, thank you. I'm aware of that, but even when viewing the image at its normal banner size after export, it is pixelated. Because the image is vector to start, I thought could be scaled to any size, then saved to a jpg or png with clarity. (Quite new to vector illo but I thought this would be an easy process).

Maybe that size is too small for an image that should stretch the length of the screen on a webpage. Would you recommend a different size?

[Mohammad.Harb]

first, JPG & PNG are pixel-based file formats, which means wherever you create any artwork in any appliaction them you export it to jpg or png the content will be converted to pixel when it saved to these file formats, the artwork quality will Be perfect at zoom (100%) . Any zoom in exceeds 100% the image will look pixilated.

open the exported jpg or png in photoshop, set the zoom ratio to 100%. Can you see any pixilation?

if not, then the problem is you are viewing  the file on a zoom more than 100% which will definitely lead to pixilated image( even if the content of the file is vector)

[jdanek]

In your Illustrator Preferences, is Antialiased Artwork ( I think it is under the General tab ) selected?