Skip to main content
MikelovichTM
Participant
April 28, 2024
Question

How to export a smaller .png without losing quality

  • April 28, 2024
  • 2 replies
  • 1495 views

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.

This topic has been closed for replies.

2 replies

Bojan Živković11378569
Community Expert
Community Expert
April 29, 2024

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.

Stephen Marsh
Community Expert
Community Expert
April 28, 2024

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?

MikelovichTM
Participant
April 28, 2024

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.

MikelovichTM
Participant
April 28, 2024

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.


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.