显示测试卡生成器｜制作1080p、4K与自定义测试图

测试卡设置

分辨率预设

输出宽度（px）

输出高度（px）

导出格式

测试卡已准备，可调整设置或直接导出。

背景颜色

测试卡标签

测试图层

边框宽度

网格间距

安全区比例（%）

测试卡预览与输出

输出摘要可导出

测试卡尺寸1920 × 108016:9 · PNG

总像素数: 2,073,600
RGBA内存估算: 7.9 MB
启用图层: 8
文件名: display-test-card-1920x1080.png

当前图层

像素边框
网格
几何圆形
中心十字
安全区
标准色条
灰阶条
角点标记

预览使用缩放画布，下载文件仍按目标像素尺寸或 SVG viewBox 生成。

固定像素与可缩放测试卡怎么选

PNG：用于1:1像素检查

PNG 有固定宽高，适合电视、显示器和投影仪在不缩放条件下检查裁切、网格、圆形变形和像素映射。

SVG：用于多尺寸与矢量输出

SVG 使用相同 viewBox 保存图层，可无损缩放；但显示端缩放后，1px 线条可能被重采样，不适合作为严格像素证据。

了解更多

生成和使用测试卡

先选择目标分辨率，再组合网格、圆形、中心十字、安全区、色条和灰阶。用于1:1像素检查时下载 PNG，并在播放端关闭缩放、Overscan 和画面增强；用于印刷或多尺寸演示时可选择 SVG。

生成方法与尺寸计算

预览仅按可用空间缩放绘制，导出时才创建目标尺寸。安全区宽高等于输出宽高乘以所选比例，边距在四周平均分配；圆形按较短边计算半径，用于观察几何拉伸。

性能与适用边界

网页无法保证每台设备都能创建同样大的 Canvas。8K PNG 可能占用约 126.6 MB 的原始 RGBA 内存，浏览器还可能需要额外缓存；生成失败时应改用 SVG、降低尺寸或减少图层。

PNG 和 SVG 测试卡怎么选？

严格检查像素映射、裁切和单像素线时选 PNG；需要无损缩放、印刷或多尺寸复用时选 SVG。SVG 被浏览器缩放后不再代表原始单像素宽度。

生成4K或8K测试卡失败怎么办？

先改用 SVG；必须输出 PNG 时，关闭不需要的图层、减少网格密度、关闭其他占内存页面，或降低尺寸。不同浏览器和设备的 Canvas 上限并不相同。

为什么圆形在电视上看起来变成椭圆？

通常说明输入信号、播放器或电视进行了非等比缩放。确认输出分辨率与屏幕模式一致，并关闭拉伸、缩放和 Overscan 后再观察。

安全区比例应该设多少？

90% 可作为通用视觉参考，但广播、直播、字幕和特定平台可能有自己的安全区规范。正式项目应按目标平台的交付标准设置。

隐私、实现与来源

所有预览和导出均在当前浏览器本地完成，不上传设置或生成文件，不调用第三方运行接口。

工具使用原生 HTML、CSS 和 JavaScript 独立实现，不包含第三方运行库。