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

How to export a smaller .png without losing quality

Community Beginner ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

Hello guys,

I want to start by saying sorry if this has already been posted multiple times, but the issue is this:

 

I have a .psd file sized 6000x2010 with very nice quality, however this is suposed to be an email signature. The only way I can have it nicely fit in the email is by cutting the dimensions to 10% (600x201) however the logo turns a bit blury and the worst is the text: turns very low-quality and blurry.

 

I've tried to re-do the image again in a file with original size of 600x201 however it is already blury from scratch. The text is blury while I type in and I don't find a way to create an image 600x201 that looks high quality, even by increasing the ppi. Is there any way I can make this look perfect as if it was text and not an image in this size?

I've already seen people online saying to use Illustrator, however I tried but as I've never used it before, I am not sure if I'm doing things correctly and it still looks bad. I've only used Photoshop for my entire life.

 

Also, I've added a screenshot of our previous signature in text (above) next to the signature in image (below) so you see as a comparison.

TOPICS
macOS , Web

Views

385

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
Adobe
Community Expert ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

HTML Email signatures are ideally created with actual text, not rasters, whether for aesthetics or accessibility screen readers or just the ability to easily reply via email or phone link etc.

 

Have you looked at the text rendering options such crisp, smooth etc?

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 Beginner ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

Yes, this is created with text as you referred, the picture I added is actually displaying the text on "Strong" setting. I've already tried all the options but this is the better looking one, toe-to-toe with "Mac LCD", the others look even worse.

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 ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

As best practice, I was referring to coding the text as HTML rather doing it in Photoshop at all. I always curse people who send me a signature as an image.

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 Beginner ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

Oh, so do I believe me, some images are just absurdly bad. However, I was trying to do this to avoid misformat from some email clients and to make sure people are efectively seeing the same as I do.
And also to avoid any HTML in the email, because I know some clients like Apple Mail (Mac or iOS) take any email with HTML and simply set the background as white, which may not be ideal for someone getting an email from me while using dark mode. Maybe I'm being too perfectionist here trying to get the best out of 2 worlds.

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 ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

Photoshop is the wrong tool for this. All you ever get out of Photoshop is pixels, and you only have 600 x 200 of them. Of course it's going to look bad, and especially text.

 

This isn't a limitation in Photoshop. There are no "tricks" to make it look good. It's just pixels. It's an image at a fixed resolution.

 

Text should always be live text. Vector data are rendered at native screen resolution regardless of size.

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 Beginner ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

I understand that but the problem is that I cannot use a vector image in a signature because multiple mail clients will ignore the image and the email receiver will not see it due to the image format. Maybe I will still with the text signature, may actually be the least problematic solution. Thank you for the help.

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 ,
Apr 28, 2024 Apr 28, 2024

Copy link to clipboard

Copied

LATEST

If you possess a PSD file, it likely contains layered files with Type layers. When you duplicate the document and scale it down while the type remains live and editable, what is the outcome? Always judge at a 100% view. The comparison suggests that there may be a misjudgment, as I observe two images side by side with identical dimensions, yet you claim the original is ten times larger.

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