无损
PNG 是无损压缩, JPEG 是有损压缩
JPEG 优点是占空间很小.
失真
图片主要有两种类型, 位图和矢量图, 各有各的优点.
相较于矢量图可以任意缩放, 位图缩放会导致失真.
位图由一系列的点 (Pixel) 表示, 以电脑显示器举例来说, 肉眼观察屏幕有时会有颗粒感, 点就是屏幕上的点. 分辨率 1920 * 1080 就代表横向有 1920 个点, 竖向有 1080 个点, 这些点组成屏幕图形, 手机屏幕同理.
缩小位图时, 比如 512 * 512 缩小到 256 * 256, 缩小后点集减少, 数据丢失, 无法还原到原图, 造成失真.
放大位图时, 比如 3 * 3 到 4 * 4, 横向 4 个点无法回到 3 个点, 造成失真,如果同用一种算法, 4 * 4 也能够回到 3 * 3.
补偿办法
抗锯齿
说明
这里只做浅要描述, 可以使用搜索引擎索引关键字进一步理解
- 位图 (Raster graphics)
- 矢量图 (Vector graphics)
- 位图失真
- 抗锯齿
- PNG
- JPEG