同一张 logo，有的放大到海报那么大依然锐利，有的放大一点就全是锯齿。区别在于它们是两种完全不同的图：矢量图和位图。
位图：用像素点阵画出来的图
位图（也叫点阵图、栅格图）把图像记录成一张密密麻麻的彩色方格，每个方格是一个像素。你看到的照片、截图、JPG/PNG，几乎都是位图。
- 特点：擅长表现色彩丰富、细节复杂的画面，比如照片
- 致命弱点：分辨率固定。一张 800×800 的图放大到 1600×1600，像素不够，只能靠"猜"着补，结果就是模糊和锯齿
- 常见格式：JPG、PNG、GIF、WebP、BMP、HEIC
矢量图：用数学公式描述的图
矢量图不存像素，而是存"从 A 点到 B 点画一条多粗的线""以 C 为圆心画一个半径 R 的圆"这样的数学指令。显示时按当前尺寸实时计算，所以放大多少倍都清晰。
- 特点：无限缩放不失真，文件通常很小
- 弱点：不适合表现照片这类复杂色彩，画不出"真实感"
- 常见格式：SVG、AI、EPS、PDF（可含矢量）
- 典型用途：logo、图标、字体、图表、印刷排版
怎么判断一张图是哪种
最直观的办法：放大看边缘。位图放大到一定程度会出现马赛克方块；矢量图无论怎么放大边缘都是光滑的。
另一个办法看格式：`.svg`、`.ai`、`.eps` 基本是矢量；`.jpg`、`.png`、`.webp` 一定是位图。PDF 比较特殊，可能同时含矢量和位图。
实践中怎么选
- logo、品牌图标、需要印在各种尺寸上的 → 一定要矢量源文件（SVG/AI）。只有位图 logo 的，放大印刷必糊，建议找设计方要矢量源
- 照片、实拍图、复杂插画 → 位图，别无选择
- 网页图标、简单图形 → SVG，体积小又清晰
- 要在网页展示又想清晰 → 位图就按目标尺寸导出足够大的分辨率，别指望事后放大。调整尺寸见 修改图片尺寸
两个高频误区
"把位图转成矢量就清晰了"——不完全对。 位图转矢量（描摹）只是把现有像素重新用曲线拟合，原本的模糊信息救不回来，还容易把照片描成色块。它适合线条清晰的图标，不适合照片。
"位图分辨率越高越好"——看用途。 屏幕显示 72～96 DPI 足够，打印才需要 300 DPI。盲目用超大分辨率只会让文件暴涨，见 分辨率与文件大小的关系。
理解了"点阵"和"公式"这个根本区别，你就知道为什么 logo 要存矢量、照片只能存位图，以及放大糊不糊到底是哪回事。