4

I've seen a few questions similar to this, but haven't found an exact answer. Please direct me if you find a thread that can answer this.

I've tried exporting a png and a jpg for a email signature and now matter what I do they are blurry. What is the best way to export a png or jpg for an email signature? (I've recreated the signature in indesign, illustrator and photoshop, it doesn't matter the program or how I export, nothing seems to change)

There is a logo and text in the signature, it needs to be somewhere around 440px wide by 80px high. I cannot upload screen shots of the actual design.

NOW, the weird thing-- so if I export the signature at a higher dpi and resize it in gmail as an embedded image it is perfectly sharp no matter how small I make it. Why can I make the signature smaller in gmail, but not in illustrator, indesign, or photoshop?

I need to be able the export the file at the correct size as either a jpg or png because of the way my company distributes the imagery for signatures, so I can't just resize within gmail. The actual file needs to be the correct size for upload.

Things I've tried...

Anti-aliasing vs. no antialiasing changing dpi changing size of file before exporting and then reducing size save for web and every single preference you can possibly imagine different quality levels art vs. type optimized

I've exported way too many of these. I would really appreciate any hep anyone has to offer. Thanks!

1
  • 2
    don't touch dpi. If it needs to be 440x80. then it needs to be 440x80. there is absolutely no difference between 440x80 @ 1,000dpi and 440x80 @ 10 dpi. they are both precisely 440x80
    – Yorik
    Dec 2, 2015 at 15:09

4 Answers 4

2

I'm going to give you an example - hope this helps!

Since I don't know what your signature/logo looks like, I just used basic text... and started with an image 6.11in x 1.11in @ 300ppi since it's the same proportion as your 440x80.

enter image description here

I'm not sure which version of Photoshop you're using, but if it's the latest, follow these steps:

  1. File > Export > Export As
  2. Select either JPG or PNG..whichever you prefer. From my experimenting, they both come out with the same image quality with separate settings..

    • JPG, 440x80, bicubic smoother

      enter image description here RESULT: enter image description here

    • PNG, 440x80, preserve details

      enter image description here RESULT: enter image description here

...now if you're using an older version of Photoshop, you can do the same thing by going to File > Save for Web... then adjusting there!

Hope this helps!

2

If you are saving for web from Illustrator, make sure to use "snap to pixel" enter image description here for type, for objects, use the Transform panel and use "align to pixel grid" and when you save for web, use png24 and select "type optimized). You can reduce the file size using this very useful website: "Tiny png" https://tinypng.com/

0

I couldn't completely understand the real problem. But may be about the bit settings.

When you upload an image to facebook it goes like broken. It's about the bit of the images.

You can try to save your images as 8 bit.

https://superuser.com/questions/568282/how-to-convert-a-24-bit-jpeg-image-into-8-bit-image

0

I've had success using Illustrator and enabling snap to pixel by going to View > Snap to Pixel and then going to File > Export > Export As and select PNG:

PNG Options

And then choosing the Small or Medium option in the Signature settings:

enter image description here

And it should look pretty good

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.