网页上的EPS矢量图为什么会出现锯齿
做印刷设计的客户把一张EPS矢量图交给网站维护人员上传，文件在专业软件里放大数倍依然边缘干净，可放到网页上一看，轮廓却像被细碎的小台阶啃过。第一反应往往是文件坏了，但多数情况下文件本身没有问题，锯齿是在从矢量到屏幕显示的过程中产生的。想清楚这件事，需要按顺序核三层。
先核对文件内部是否真的是纯矢量。EPS可以同时容纳矢量路径和位图对象，有些文件看着是矢量图，里面却嵌了一张低分辨率预览图，或者某个图层是从位图自动描摹出来的。这类内容在专业软件里放大到一定程度也会露馅，只是平时查看倍率小没注意。核对方法是把文件分别放大到百分之二百、百分之四百观察边缘，如果锯齿始终固定在同一位置、不随放大变得更细密，基本可以判断该部分是位图或描摹结果，需要回到原始设计文件替换为真正的矢量路径。
再核对网页端的渲染方式与缩放倍率。浏览器并不直接以矢量方式绘制EPS，常见做法是先转成位图或另一种可显示格式再呈现。转换时的目标分辨率、显示尺寸和缩放比例，共同决定了边缘是否平滑。同一张图在页面里按原尺寸显示很干净，被样式强制拉大后出现锯齿，问题就出在显示环节而非文件。核对时先确认图片在页面中的实际显示宽高，再确认转换输出是否按显示尺寸的倍数准备，避免小图被放大使用。
第三层核对上传转换流程是否发生格式降级或精度压缩。有些维护流程为了减小体积，会把上传文件统一转成常见位图格式，并顺手压低质量参数，矢量信息在这一步就丢失了。这类问题有迹可循：同一文件在本地打开正常，上传后所有边缘都变粗糙，且不同尺寸的图表现一致。核对方法是取转换后的中间文件单独查看属性，确认格式、尺寸和压缩参数，再与原始文件对照。
把三层串起来，可以按下面的顺序逐项确认。第一，打开原始EPS，放大观察边缘是否随倍率变细密，排除内嵌位图与低精度描摹。第二，记录页面中的实际显示尺寸，确认转换输出分辨率是否匹配。第三，检查上传转换环节的输出格式与压缩参数，确认矢量信息未被丢弃。第四，在真实浏览器中按用户常见窗口宽度查看，而不是只在设计稿里判断。第五，把以上判断结果记录在维护台账中，注明文件类型、显示尺寸和转换参数。
网站维护中，这类问题反复出现的原因往往不是技术难，而是判断依据没有沉淀。it数运在处理类似问题时习惯把核对顺序固定下来，先分清文件性质，再看显示环节，最后查转换流程，每一步留下可复查的记录。这样下次遇到边缘异常，不必从头猜起，照着顺序走一遍，问题通常就落在某一层里。
