• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

All Elements Are Pixelated When Creating Small Image Size

Community Beginner ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

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)

Views

8.7K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Feb 15, 2021 Feb 15, 2021

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:

 

Photoshop 300 x 250 px.jpg

 


@emilyw91360758 wrote:

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



The ppi Resolution

...

Votes

Translate

Translate
Adobe
Community Beginner ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

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.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

LATEST

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:

 

Photoshop 300 x 250 px.jpg

 


@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).

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines