: Creating a 300dpi png in photoshop Ive creating an email footer in Photoshop. The footer is 650px W x 300 px H. I want to set the resolution of the footer to 300dpi so that the text is

@Si6392903

In general, ppi has NO meaning on footers or emailing.


The footer is 650px W x 300 px H


That is the end of the story. for email thoose are the only measures you need. You do not need ppi settings, or physical units.

If the text do not show well, the only 2 options you have are changing the size of your font or choosing another one.



A special case

I am adding an extra explanation but this is for a diferent case.

When you are doing some web images for retina displays (not email ones) you can set an aditional image with increased resolution.

Theese images are in fact 2x or 3x the original size.

You need a 1300x600px image,that with the correct html code will display at 650x300 with "increased" sharpeness compared with the same 650x300px image. But this is only for "esthetic purposes", not for important text information inside an image.

But that is not the case for an email footer with text.

(And again, you do not need ppi or physical units)

Vote Up Vote Down

@Rambettina927

First, you don't need 300ppi for a email footer. Already at 150ppi it should be much clearer than 72ppi for example.

Second, you're mixing the units. When you speak of pixels, it includes already the ppi information in itself. What I mean is it's not the right unit when speaking of resolution. You should use imperial or metric units for size when speaking of resolution + size (eg. inches, millimeters, etc.)

For example, a 650x300 pixels at 72 ppi = 9.029" x 4.167"... and at 300ppi the size will be the same (9.029" x 4.167") but the number of pixels will be increased to 2709 x 1250 pixels because there's more information in your image. That's why you kind of need to ignore the pixels as dimension when you need resolution, unless you shrink inline your image 2-3x in your code.

Third thing is... you can save with a higher resolution but you can't "save for web" it and optimize it as much as a normal web image. You can use the "save as..." instead if you need to keep that resolution information. By default the "save for web..." will remove that resolution information and convert it to the pixel size. That's why your image is bigger. Unfortunately your PNG saved with a "save as..." will be heavier than "save for web".

Finally, don't forget that some clients might not interpret your resolution either and will show the image using the pixels information only, eg. bigger. You'll need to make tests with this or make sure you specify a size for the image.

I think for an email footer, it's safer to simply find another way to increase your text size instead and adjust your layout. Maybe have a look at the anti-aliasing of your text to put them to sharp for example. This way your footer banner will look the same for everybody. Some people have their email client set to "text-only".

Vote Up Vote Down

@Kimberly620

Change the resolution setting to 300.

Leave the measurement at pixels/inch. Notice that the size of the image goes from 8" × 10" to 4" × 5", as shown below. That’s because you’re only changing the distance between pixels as you modify the resolution of the file. You have fixed overall pixel dimensions of 1200 × 1500. When you set your resolution to 300 ppi, the math dictates that the image is 4" × 5" (4" × 300 ppi = 1200 pixels, and 5" × 300 ppi = 1500 pixels). When the resolution is set to 150 ppi, the image must be 8" × 10" in size (8" × 150 ppi = 1200 pixels, and 10" × 150 ppi = 1500 pixels).

Check this out:

Doing the Simple Math Heading.
www.graphics.com/article-old/photoshop-fundamentals-changing-image%E2%80%99s-resolution-and-size

Vote Up Vote Down