知道PNG和SVG之间的差异,当使用每个

通过 卷叶蛾Velarde的 3个月前

作为设计师,外围体育平台网站使用许多不同类型的图像格式。每一个不同的目的和可用性。但在某些情况下,它可以是一个有点混乱,因为这是最出于什么目的。 

今天外围体育平台网站将看看PNG和SVG格式的文件明确。这两个经常在响应式设计的网站和应用程序使用的图像文件类型。但 什么时候应该使用PNG,当你应该使用SVG? 

在这里 外围体育平台网站外围体育平台网站为您提供这两个文件类型 flaticon 而新 故事 特征。外围体育平台网站两个图标和插图可下载为PNG两种或SVG。如果你经常发现自己想知道哪一个选择,外围体育平台网站在这里帮助。

让外围体育平台网站来看看两种图像文件加上每个的利弊。

什么是PNG?

PNG 代表 便携式网络图形。这是一个光栅图像文件类型。这意味着所有的PNG图像和图形是由像素组成的。因此它们不能被缩放到任何尺寸为矢量图形可以。

PNG是一种通常用于发布到网页中的图像文件格式。它往往比JPEG更好的分辨率,是数字化设计更好。它是标志和说明具有透明背景选择的文件类型。 

让外围体育平台网站来评价这两个数字和印刷设计中使用PNG的利弊。

利弊

  • 它支持透明背景。
  • 它适用于将切出标识任何类型的设计;打印,数字化和网络。
  • 质量优于JPEG数字。

缺点:

  • 当您放大时,它就会像素化。
  • 在响应式设计,大小保持从桌面相同的移动。
  • 无层。
  • 不容易编辑。
  • 不正确的文件类型,以供印刷设计中使用的图像。

什么是SVG?

SVG 代表 可缩放矢量图形。这是一个矢量图像文件类型。所有SVG视觉效果是可扩展到任意大小而不会丢失的决议。 

SVG和PNG之间的主要区别是,SVG支持动画和可扩展性。另一个原因是,作为一个设计师,你可以改变SVG图像的色彩更容易,因为它有层。

这里的优点和使用SVG数字和印刷设计的利弊。

利弊:

  • 它可以是动画。
  • 它具有可编辑的图层。
  • 它的响应,这意味着根据屏幕尺寸的图形的大小变化。 
  • 它可以用CSS来定制。

缺点:

  • 它不是用来拍照正确的格式。
  • 旧的浏览器和电子邮件应用程序有时无法读取SVG。
  • 不适合打印。

何时使用PNG或SVG?

现在,外围体育平台网站已经看到每种格式的优点和缺点,让外围体育平台网站来看看什么时候应该使用每个。外围体育平台网站将使用一些真实的例子。

让外围体育平台网站说你是 从下载图标 flaticon,你必须下载一个PNG或SVG之间做出选择。 

  • 下载为PNG,如果你在设计一个无响应的数字化设计和印刷设计。使用最大尺寸可以保持其酥脆。
  • 下载为SVG,如果你正在使用的UI / UX设计的应用程序或回应式网站的图标。

现在让外围体育平台网站假设你在 故事 并希望 下载您的插图。你可以下载设计为静态插图或为动画。

  • 作为一个 静态即时下载:
    • 如果你想说明无法编辑在色彩和层次方面作为下载PNG。例如,对于无响应的数字化设计或打印。
    • 如果你希望能够改变后的颜色或设计作为一个整体的层下载为SVG。
  • 作为 动画:
    • 一旦你一个动画故事插图,您不再可以选择下载为PNG。
    • 下载为SVG(在所提供的选项之一)的应用程序和网页设计中使用。 

现在,想象一下你 设计了一款商标为客户。什么文件类型,你给他们?

  • 最好的办法是给他们一个PNG。他们可以在其网站上头,任何数字或打印设计使用。送他们三个版本;低质量,中等质量,和高品质。

如果你是什么 设计自定义图标 对于一个应用程序或网站?

  • 发送客户端都PNG和SVG文件。这是最好的给他们自己的品牌的所有选项。

你是不是一位 flaticon贡献者?

  • 上传所有图标设计为SVG。

你是 设计一个网站 不知道作为PNG或SVG使用哪些项目?

  • 照片应该是PNG。
  • 在报头的标志可以是PNG或SVG,取决于报头的设置方式。大多数网站的主题将有头集成萎缩运动。如果没有,用SVG。
  • 如果你需要他们具有可扩展性动画插图应该是SVG。如果你希望他们留在同样大小的GIF。
  • 如果你希望他们与屏幕尺寸和PNG规模,如果他们将停留在同样大小的图标应该是SVG。

最后的想法

知道什么时候使用什么样的文件类型是关键,因为在任何领域设计师增长。不只是为自己,也教育你的客户。这就是为什么在这里flaticon和故事,外围体育平台网站给你的所有选项。外围体育平台网站知道,您在各种项目的工作,外围体育平台网站要支持你的最好的方式。 

现在你知道png格式和SVG之间的区别,你觉得在你的选择更加自信下载图形并将它们添加到您的项目是什么时候?让外围体育平台网站评论如下。

通过 卷叶蛾Velarde的

分享:

评论

回复ekaterina100

ekaterina100
ekaterina100

3个月前

是的,这资料是新的,对我来说非常有用

你好叶卡捷琳娜!外围体育平台网站很高兴对您有所帮助:)

回复amarillaslocales

amarillaslocales
amarillaslocales

3个月前

与图形/图像的任何工作优秀信息。一如既往...非常好,详细的信息。这种通讯是唯一要的是随时欢迎我的收件箱!

感谢您的客气话!外围体育平台网站很高兴你喜欢阅读外围体育平台网站的博客:)

回复的DJ冯

DJ冯
DJ冯

3个月前

有用的信息.....谢谢你们

回复弗朗西斯aldeano

Francisca+Aldeano
弗朗西斯aldeano

3个星期前

FUI MUY interesanteŸ重要提示,没有萨比亚边拉diferencia,格拉西亚斯POR compartirla

阿梅利亚卢比奥
阿梅利亚卢比奥

3个星期前

¡号阿莱格拉阙TE哈亚锡多UTIL! :)

回复凯莫理智

Kemo+Sane
凯莫理智

4天前