做网站设计，最头疼的莫过于切图导出。很多新手用cdr做完设计稿，直接导出jpg，结果上线后图片糊成马赛克，客户直接骂娘。这篇不扯虚的，直接告诉你cdr做网站怎么导出高清、无损的图片，解决你切图模糊、尺寸不对的痛点。

我干这行15年了，见过太多设计师在导出环节栽跟头。特别是刚入行的朋友，总觉得cdr是矢量软件，导出肯定清晰。大错特错！网页用的是位图，你导出分辨率不对，或者颜色模式搞错，上线后全完蛋。

先说核心问题：cdr做网站怎么导出才不模糊？

很多人习惯直接点文件-导出，然后选jpg。这时候默认分辨率往往是72dpi。对于普通屏幕够用，但现在的手机屏幕、4k显示器，72dpi根本不够看。你得把分辨率调到150dpi甚至300dpi，虽然文件变大，但清晰度提升肉眼可见。

记得有个客户，之前找外包做的官网，手机端看logo全是锯齿。我接手一看，原来他们导出时没勾选“抗锯齿”，也没设置高DPI。我重新导出后，把抗锯齿勾选上，分辨率设为150，瞬间清爽。这就是细节决定成败。

再说颜色模式。网页设计必须用RGB模式。如果你用了CMYK，导出的颜色会发灰、发暗，跟屏幕显示完全两样。这点至关重要，千万别搞混。在导出前，检查你的文档属性，确保颜色模式是RGB。如果不确定，可以在cdr里新建一个RGB文档，把矢量图复制过去再导出，这样最保险。

关于格式选择。jpg适合照片类，png适合透明背景，svg适合矢量图标。如果你问cdr做网站怎么导出svg，其实cdr本身对svg支持一般，容易乱码。建议用Illustrator转svg更稳妥。但如果只是简单的矢量图形，cdr导出的eps转svg也行，不过步骤麻烦。一般情况，用png-24格式，保留透明通道，通用性最强。

这里分享一个我的土办法。如果你要做响应式网站，一套图肯定不够。你得导出多套尺寸。比如1x, 2x, 3x。在cdr里，你可以把画板放大两倍，设计时按200%画，导出时再缩小。这样导出的图片在Retina屏上极其清晰。虽然工作量大点，但客户满意度高，回头客也多。

别忽视压缩。高清图片文件太大，加载慢，SEO权重会掉。导出后，用TinyPNG这种在线工具压一下。体积能减30%-50%，肉眼几乎看不出区别。这一步省下的流量费，都是利润。

还有个小陷阱。cdr里的文字，导出前最好转曲。虽然网页一般不用嵌入字体，但转曲能防止设计师电脑没字体导致错位。不过，如果是纯矢量图标，建议保留文字属性，方便后期修改。视情况而定。

最后，检查一下边框。有时候导出图片周围有一圈白边，看着很丑。在导出设置里，把“裁剪到内容”勾选上，或者手动调整裁剪框。别嫌麻烦，这点细节体现专业度。

总结一下，cdr做网站怎么导出？记住三点：RGB模式、高DPI、抗锯齿。再配合合适的格式和压缩，你的网站图片就能既清晰又快速。

别总抱怨工具不好用，很多时候是方法不对。多试几次，多对比效果，慢慢就摸出门道了。希望这些经验能帮你少走弯路。如果有其他问题，欢迎在评论区留言，我们一起探讨。毕竟，在这个行业，分享才能走得更远。