好不容易做好了一个漂亮的立体文字，但导出后发现分辨率太低、背景不透明、发到社交媒体上被压缩得模糊。辛苦白费了。
掌握正确的导出流程和分辨率技巧，配合各平台的尺寸规格，就能确保你的立体文字在任何场景下都清晰亮眼。本指南教你从截图到分享的完整工作流。
01 截图导出的基本操作
在 Cube 3D Text 中完成文字设计后，点击工具栏中的"截图"按钮。工具会自动将当前 3D 画布的内容渲染为 PNG 格式的图片，并触发浏览器下载。
导出的 PNG 图片默认带有透明背景（Alpha 通道），这意味着你可以直接将它叠加到任何颜色的背景上——无论是黑色、白色还是渐变色，边缘都会自然融合，无需额外抠图。
部分浏览器可能会将 PNG 保存为白色背景——这通常是浏览器预览导致的视觉错觉。在 Photoshop 或 Figma 中打开会看到正确的透明背景。
02 提升导出分辨率的技巧
截图的分辨率取决于你的浏览器窗口大小和屏幕分辨率。窗口越大，截图的像素尺寸越高。最简单的提升方法是将浏览器窗口最大化后再截图。
如果你使用的是 Retina 显示屏（MacBook）或其他高 DPI 屏幕（如 4K 显示器），截图的实际像素会是显示尺寸的 2 倍甚至更高。这是获得超高清导出的最有效方法。
另一个技巧是使用浏览器的缩放功能（Ctrl + 鼠标滚轮），将页面放大到 125% 或 150%。但注意，放大太多可能会影响工具界面的布局。
- 全屏浏览器窗口：立刻提升分辨率
- Retina/4K 屏幕：自动获得 2 倍分辨率
- 浏览器缩放 125-150%：进一步提升
- 外接大显示器：更大画布 = 更高清截图
03 各社交平台尺寸适配指南
不同平台对图片尺寸有不同的要求。YouTube 缩略图推荐 1280×720 像素（16:9），公众号头图推荐 900×383 像素，Bilibili 封面推荐 1146×717 像素，Instagram 推荐 1080×1080 正方形。
导出的立体文字通常只占画面的一部分——你还需要添加背景、副标题等元素。推荐使用 Figma、Canva 等设计工具，新建对应尺寸的画布，将透明底的立体文字 PNG 拖入其中进行排版。
小技巧：在设计封面时，将立体文字放在画面左上角或中央偏上的位置，这样即使平台自动裁剪，关键文字部分也不会被截掉。
04 避免分享时画质损失
社交平台（尤其是微信和微博）会自动压缩上传的图片。为了让你的立体文字在压缩后仍然清晰，有几个策略：
第一，导出时确保分辨率足够高——至少要比目标显示尺寸大 1.5 倍。第二，避免大面积纯色渐变背景，这类内容在压缩后容易出现色带（banding）。第三，如果平台支持，尽量上传 PNG 而非 JPG，PNG 在压缩后的文字边缘更清晰。
微信发送原图：长按发送图片时选择"原图"选项，可以避免微信自动压缩，保留完整画质。
常见问题
导出的图片可以去掉透明背景变成白底吗？
可以。在 Figma、PS 或任何图片编辑器中打开导出的 PNG，在文字图层下方新建一个白色图层即可。也可以用系统画图工具直接打开——默认就会以白底显示。
为什么截图出来的尺寸比我预期的小？
截图尺寸取决于浏览器中 3D 画布的实际像素大小。如果窗口较小或浏览器缩放比例低于 100%，截图分辨率也会偏低。将窗口最大化后重新截图即可。
导出的 PNG 文件太大怎么办？
透明底的 PNG 文件通常较大（2-5MB）。如果需要减小文件大小，可以使用 Suried Tools 的图片压缩工具对 PNG 进行无损压缩，通常可以减少 30-60% 的体积而不影响画质。
可以导出为 SVG 矢量格式吗？
目前不支持。由于 3D 渲染的复杂性，导出格式为位图 PNG。如果需要矢量格式，可以使用 Illustrator 的 Image Trace 功能将 PNG 转为矢量图（适合简单图形）。
如何把立体文字用在视频里？
导出透明底 PNG 后，导入到 Premiere Pro、Final Cut、剪映等视频编辑软件中，作为覆盖图层即可。透明背景让文字自然叠加在视频画面上，效果就像是专业的开场动画。