Again, the PPI is not relevant at all. When you save a PNG or JPEG or GIF from Photoshop, using the Save for Web and Devices exporter, the PPI header is stripped out (along with a lot of other metadata) because it is just going to be ignored by the browsers. When you open a file that has come out of SFW in Photoshop, it will appear to have 72ppi, but that’s just because that’s what Photoshop’s default is for images that don’t have a specified PPI.
So the only relevant and important measure is pixel dimensions (width and height), not PPI. If you want your image to take up half the width of your page, and you’ve set your page to 960px wide, then you will need an image to display at 480px wide (at 72ppi), so you need to make the actual image file 960px wide to get @2x size, or 1440px wide to get @3x (for the iPhone 6 Plus). Anything larger is a waste, although it sounds like Sparkle does a nice job of down-sizing images to the target dimensions.
Walter
On Aug 29, 2016, at 1:16 PM, redfeather email@hidden wrote:
I am following this discussion with much interest and trying to “get it”.
Very confusing for a print-oriented girl. Was easy to understand web images before Responsive came along. The lingo was familiar to me, as others have said.@Duncan: Using Sparkle, if I save my images as 288 ppi will that be a safe bet or ? The images need to look good.
Thanks to everyone who is contributing to this thread. It’s helpful and very interesting!
joette/redfeather
freewaytalk mailing list
email@hidden
Update your subscriptions at:
Information for existing FreewayTalk / Groups.io users - Site Feedback - Softpress Talk
freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options