website banner pixel

Forum|Forum|3 years ago
June 26, 2022
3 replies
335 views

Hello everyone, I am designing a banner for the website, the size of the banner is 740-500, when I make it at this size, the image quality drops a lot, I have been having this problem for a long time, I hope my problem will be solved

macOS

This topic has been closed for replies.

jane-e

Community Expert

@Jonathan25021407iuhw

Illustrator is vector and doesn't work in Pixels Per Inch (ppi) except for raster effects, such as Gaussian blur. The web doesn't care how many pixels are in an inch, but it has to use something.

You haven't answered either of my two questions yet.

Jane

J

Jonathan25021407iuhwAuthor

Participant

In short, I want to make a banner for my website in Illustrator, the category banner size is 540x734, when I use these dimensions, my designs appear distorted, the image quality gets worse after saving.

jane-e

Community Expert

@Jonathan25021407iuhw

Since you are creating the banner in Illustrator, is there a reason you are bringing it into Photoshop or can you skip that step? Try this:

In Illustrator:

create an artboard that is 540px x 734 px and create your banner
file > export to .png

If it still looks distorted, share these screenshots:

the Illustrator version
the settings you use for the PNG
the PNG itself

Jane

J

Jonathan25021407iuhwAuthor

Participant

I open 72 dpi in photoshop (website standard) but the image is distorted, the same happens when I make illustrator.

jane-e

Community Expert

@Jonathan25021407iuhw

It's not clear: are you starting with another size and resizing? Or starting with an image that is 740px x 500px? Are you looking at the image zoomed in or are you zoomed to 100%?

~ Jane

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded