图像文件类型 – .jpeg、.svg 和 .png 图片格式扩展说明(下)

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第12天,点击查看活动详情

什么是 TIFF?TIFF 图像格式(.tif 文件格式)

TIFF 是一种文件类型,最适合用于需要编辑的高质量图像。TIFF 文件很大,因此它们不适合在线共享。

当质量比文件大小更重要时,你应该使用 TIFF。在实践中,PNG 几乎总是更好的选择——尤其是在处理网络上的图像时。

什么是 SVG?SVG 文件格式(.svg 文件扩展名)

SVG 是可缩放矢量图形。这意味着图形可以缩放到任何大小而不会损失质量。

与我们在本文中讨论的所有其他文件格式不同,SVG 文件是矢量文件。(JPEG、PNG、GIF 和 TIFF 是光栅文件。)

这意味着 SVG 文件可以缩放到任何大小而不会降低质量,而光栅文件在放大时会降低质量。

你可以使用矢量编辑软件编辑 SVG 文件(或者只是手动更新图形的坐标和颜色)。你只能使用光栅编辑软件编辑 PNG 文件。

这是来自Mozilla Developer Network的示例 SVG 文件。这是 SVG 在其原生 XML 代码形式中的样子:

<svg version="1.1"
     width="300" height="200"
     xmlns="http://www.w3.org/2000/svg">

  <rect width="100%" height="100%" fill="red" />

  <circle cx="150" cy="100" r="80" fill="green" />

  <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text>

</svg>
复制代码

这个简单的代码渲染了这个图像:

示例-svg-文件

一个带有绿点和字母“SVG”的红色正方形。

SVG 文件通常比 PNG 文件小,因为它们只包含绘制图像所需的数据,而 PNG 文件包含整个图像的数据。

你还可以使用名为 SMIL 的工具为 SVG 文件制作动画。因此,它们可以用作非常节省空间的 GIF 文件。如果你真的很喜欢冒险,你可以编写 SVG。

JPEG VS PNG——哪种图像格式最适合网络?

随着我们铺设越来越多的光缆,高速卫星互联网变得越来越普遍,未来网络可能看起来会大不相同。

但就目前而言,我的建议是对大多数图像使用 JPEG。

如果你有公司徽标或质量至关重要的非常重要的照片,那么 PNG 是一个不错的选择。

对于徽标,我建议使用 SVG,因为它可以无限缩放,而且尺寸非常紧凑。

结论

希望可以帮助到你!

猜你喜欢

转载自juejin.im/post/7085586627656941581