一个简单的问题，我一直很难找到明确的答案：PNG文件有DPI吗？或者更重要的是，在构建支持视网膜的网站/应用时，它是否甚至相关？
我刚收到设计师为视网膜iPad应用程序提供的PSD资产，我必须将其转换为HTML才能在应用程序中显示。通常情况下，我会收到2048x1536 @ 72 DPI等文件 - 双倍尺寸但标准屏幕DPI。然后我通常使用CSS告诉浏览器如何显示它。
但这次设计师被指示以1024x768 @ 144 DPI（标准尺寸但双DPI）提供他的PSD。我认为这是不正确的，因为Photoshop中的DPI设置是用于打印目的。另外，当我将144 DPI PSD中的某些内容保存为PNG或JPG时，它与从72 DPI（或30,000 DPI）PSD保存的内容完全相同。 DPI似乎没有反映在我可以在结果文件中看到的任何设置中，也不会反映在不同的文件大小中。似乎充其量只是元数据。
所以，我的理解是DPI在这里并不重要，我们应该只是要求为视网膜项目提供双倍大小的资产，但我想在询问之前对这个问题进行一些确认/澄清。对于新资产。我与许多正在从印刷背景过渡的设计师合作，所以这是我遇到的一个常见问题，我希望将来能够提供更好的指导。
答案 0 :(得分：12)
PNG确实能够在PNG＆＃34; pHYs＆＃34;中分别为X和Y方向存储像素/米。块。不幸的是，这不允许精确转换（72 dpi是每米2834.64566929像素，存储为2835像素/米，当转换回DPI时变为72.009）;有些人觉得这很令人不安。
JPEG还可以存储X_density和Y_density，单位为像素/英寸或像素/厘米。
答案 1 :(得分：11)
DPI是图像的像素尺寸与显示时（或应该显示）的物理尺寸之间的关系，无论 如何显示（屏幕，打印等等）。没有图像格式本身具有DPI，但任何由像素组成并且应该以特定物理尺寸显示的实际图像都具有DPI。
就图像文件而言，你是正确的DPI只是元数据。图像本身是像素网格，没有固有的物理尺寸，但DPI值表示预期的物理尺寸。例如，144像素宽，DPI为144的图像在显示时应显示为1英寸宽，但显示为144英寸宽且DPI为72的图像应显示为2英寸宽。
存储在图像中的DPI值可用于在DPI也已知的设备上显示时自动将其缩放到正确的物理尺寸。例如，72dpi监视器上显示的144dpi图像应在每个维度上缩放50％，以便将144像素（1英寸）的图像映射到72像素（1英寸）的监视器表面。但是，Web浏览器通常不会这样做;图像像素只是直接映射到屏幕像素，因此您必须手动缩放图像，使其具有适合显示器的像素尺寸。
你提到在2048x1536 @ 72 DPI和1024x768 @ 144 DPI下获取图像，但这些图像完全不相同。 2048x1536 72DPI图像应出现约28.4英寸宽（2048/72），但1024x768 144DPI图像应出现约7.1英寸宽（1024/144）。你确定你不是指2048x1536 @ 144DPI和1024x768 @ 72DPI（两者都是14.2英寸宽）？
BTW，传统（非视网膜）显示器这些天通常是96到100 DPI，而不是72.例如，我的20英寸Dell 2007WFP的像素尺寸为1680x1050。这是对角线上的大约1981像素，大约是每英寸99像素。 CSS中的“px”单位实际上定义为1/96英寸，这可能对应于高DPI屏幕上的多个物理像素。答案 2 :(得分：2)
除了进行打印布局外，DPI很少有意义。如果您有蓝图，则DPI信息对于在页面上正确缩放至关重要。
JPEG不支持DPI。但是，各种JPEG文件格式都可以。
像Photoshop这样的软件是更大页面布局包（Creative Suite）的一部分。因此它（以及Illustrator和InDesign）利用DPI信息来说明如何布置页面。
您可以在100 DPI上获得100x100图像，500 DPI时500x500图像与页面尺寸相同。
答案 3 :(得分：1)
其他答案是正确的，但可能带有太多细节。重要的是像素数。 dpi将影响Photoshop或其他应用程序可能如何显示它们，但最终，非视网膜的全屏为1024x768，视网膜为2048x1536。请记住，iPhone 6 Plus增加了3倍的Retina HD。
如果你有足够的内存和足够快的机器，你可能想要以3倍的速度创建图形，这样你就可以重新采样并保存所有三种尺寸。
答案 4 :(得分：0)
它们并不完全相同。文件1的宽度加倍，高度加倍，因此是图片编号2的4倍像素。两个文件，无论DPI的像素尺寸如何，因此DPI在PC上无关紧要，因为计算机只使用这些px
DPI确实是印刷品。确保更好的质量而不改变尺寸（例如以英寸为单位）DPI仅告诉我们在纸张或不同的计算机屏幕上显示的像素与英寸的比率。
您应该告诉您的客户发送具有所需分辨率的其他照片。