All Elements Are Pixelated When Creating Small Image Size

Forum|Forum|4 years ago
February 15, 2021
3 replies
14413 views

I need to create a banner ad (size 300 x 250 pixels) and every element turns out blurry for me. The text is blurry, so are any photos I put in (photos are high quality, I do not have this problem for larger image files I'm working on). I am able to create a file perfectly at 1000 by 1000 pixels but I need a small image size to work for the client. Any help is appreciated, thank you!! (already tried resetting Preferences and have tried resolution at 72, 144, and 300dpi)

Correct answer Conrad_C

The banner should look as good as any other banner on the web that is 300 by 250 pixels. But that is not what you attached. The screen shot you attached (with the “test test” text) is a 1714 x 1244 pixels image, so it looks like you magnified that much larger than it would actually look on the web. If I resize your screen shot to 300 by 250 pixels, it looks fine:

@emilyw91360758 wrote:

(already tried resetting Preferences and have tried resolution at 72, 144, and 300dpi)

The ppi Resolution value will not make any difference. The only unit of measure that matters for web banners is pixel dimensions (width and height in pixels).

Conrad_CCorrect answer

Adobe Expert

The banner should look as good as any other banner on the web that is 300 by 250 pixels. But that is not what you attached. The screen shot you attached (with the “test test” text) is a 1714 x 1244 pixels image, so it looks like you magnified that much larger than it would actually look on the web. If I resize your screen shot to 300 by 250 pixels, it looks fine:

@emilyw91360758 wrote:

(already tried resetting Preferences and have tried resolution at 72, 144, and 300dpi)

The ppi Resolution value will not make any difference. The only unit of measure that matters for web banners is pixel dimensions (width and height in pixels).

Mohammad.Harb

Adobe Expert

There nothing wrong with your case.

The artwork size is very small, nothing less expected. View the artwork at 100% where the result will be the actual size.

for the text, you can turn off the antialiasing off to avoid blurriness of the text.

War Unicorn

Adobe Expert

Listen to this man. 100% is what you should be evaluating your document at, not "zoom to fit" or anything like that.

You're working with rasterized pixels and as such have to work within its limitations.

E

emilyw91360758Author

New Participant

Everything I've read says that this is due to zooming in past 100%. Not sure how you're supposed to work on the file if it's not zoomed in to fit the screen, but this is what I'm doing to solve the problem:

-create in larger image size in Photoshop, then once everything's ready I open the file in Illustrator. I'm able to scale the image down to an artboard that fits the size I need and export from there. No blurriness and quality looks great.

D Fosse

Adobe Expert

That's 300 pixels one way and 250 the other. Those are all the pixels you have. Yes, it will be pixelated, and that has nothing to do with Photoshop. It's a tiny image, that's all there is to it.

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