小编gba*_*nks的帖子

PNG(或JPG)有DPI吗?或者在建造视网膜时无关紧要?

一个简单的问题,我一直很难找到一个明确的答案:PNG文件有DPI吗?或者更重要的是,在构建支持视网膜的网站/应用时,它是否甚至相关?

我刚收到设计师提供的PSD资产用于视网膜iPad应用程序,我必须将其转换为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在这里并不重要,我们应该只是为视网膜项目寻求双倍大小的资产,但我想在询问新资产之前对这个问题进行一些确认/澄清.我与许多正在从印刷背景过渡的设计师合作,所以这是我遇到的一个常见问题,我希望能够在将来为我们的要求提供更好的指导.

html photoshop png retina-display responsive-design

12
推荐指数
2
解决办法
2万
查看次数

Google App Engine 标准环境中的 Gunicorn 服务器

我正在 Google App Engine 的标准环境中开发具有微服务架构的 Flask 应用程序。该应用程序需要维持突发的密集流量,因此它似乎非常适合标准环境。我的问题是这样的:

在我使用过的其他环境(Heroku、App EngineFlexible)中,您必须将 Flask 应用程序配置为使用生产质量的 WSGI Web 服务器(如 Gunicorn),因为内置 Flask 服务器仅适合开发。有针对灵活环境的相关文档,但没有针对标准环境的文档。我是否正确地假设这是因为标准环境(如 app.yaml 中配置的)管理请求处理以及 Gunicorn 以生产就绪方式执行的所有其他操作?真的有那么容易吗?

python google-app-engine gunicorn

3
推荐指数
1
解决办法
2713
查看次数

是否需要多个图标图标?

我正在重新设计网站,其中包括一个新的网站图标。当前站点指定了以下所有大小:

  <link rel="apple-touch-icon" sizes="57x57" href="/img/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/img/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/img/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/img/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/img/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/img/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/img/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/img/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="/img/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
Run Code Online (Sandbox Code Playgroud)

就我个人而言,我从未做到过。我一直只是简单地创建一个大(192x192)png,并允许浏览器/设备根据需要调整其大小。是的,从技术上讲,如果源大小和目标大小之间的关系不能被均分的话,这可能会导致一些假象。但是,如果源材料足够大(当前为192x192),这将是一个小问题。此外,单PNG方法似乎与所有主要的现代浏览器兼容,并且在我自己的测试中看起来不错。是的,文件大小略大,但是我们在这里只说几千字节的差异。

当然,如果要自定义每种尺寸的设计,则需要不同的文件。但是,假设您的192x192与16x16是相同的图形,那么在2019年,是否有任何理由指定这么多版本的收藏夹图标?

html favicon

1
推荐指数
1
解决办法
597
查看次数