图案只有主体、四周要露壳底色 → 透明 PNG;图案是整幅画面 → 满版图。白底 JPG 是最常见的出片事故来源,套进样机会出现一个白色方块。
像素按 打印尺寸(英寸)× 300 算。手机壳图案区约 6.5×13cm,对应至少 768×1536 像素。低于这个值,放到实际尺寸就会发虚。
色彩空间统一用 sRGB。CMYK 文件拿去屏幕出图,颜色会整体偏灰。
一、先分清三种底
所有出片报错里,至少一半来自"底"搞错了。三种情况对应三种文件,不能混:
二、300dpi 到底怎么换算成像素
"300dpi"是印刷概念,意思是每英寸 300 个像素点。它单独没有意义,必须配上实际打印尺寸才有意义。公式很简单:
所需像素 = 打印尺寸(英寸)× 300 | 1 英寸 = 2.54 厘米
| 机型 / 壳型 | 图案区(约) | 英寸 | 300dpi 所需像素 |
|---|---|---|---|
| iPhone 标准款(6.1") | 6.5 × 13 cm | 2.56 × 5.12 | 768 × 1536 |
| iPhone Plus / Pro Max | 7.2 × 14.5 cm | 2.83 × 5.71 | 850 × 1713 |
| 大孔壳(图案区更小) | 5.8 × 11.5 cm | 2.28 × 4.53 | 685 × 1359 |
| 防摔加高边 | 6.0 × 12.2 cm | 2.36 × 4.80 | 709 × 1441 |
实操上不要卡着底线做。建议按 1.5 倍余量准备:iPhone 标准款直接给 1200×2400,这样图案在壳上可以微调位置和缩放,不用重新找源文件。
三、文件格式与色彩空间怎么选
四、最常见的五个报错
- 图案四周有白方块:用了白底 JPG 而非透明 PNG 占比最高
- 图案边缘一圈脏边:抠图残留半透明白像素,或 JPG 压缩振铃
- 图案发糊:像素不足,或把位图放大硬撑
- 颜色整体发灰:源文件是 CMYK,没转 sRGB
- 图案被填成黑色:alpha 通道预乘处理错误,多见于从某些设计工具导出时
最后一条值得多说一句:如果你导出的 PNG 在别的软件里打开,透明区域变成了黑色,那不是图坏了,是查看器不认 alpha。上传前用浏览器打开看一眼,浏览器认的是标准 alpha,能正常显示就说明文件没问题。
五、命名与归档
出片规模一上来,命名混乱造成的返工比修图还多。建议固定三段式:
图案名_版本_色彩模式.png floral-01_v2_sRGB.png # 透明底,第二版 landscape-full_v1_sRGB.jpg # 满版图,第一版 cat-line_v3_sRGB.png # 透明底,第三版
规则只有三条:不用中文和空格、版本号必须存在、同一图案的所有文件放在同一目录。批量出片时,文件名就是匹配键,错一个字就会把 A 图案套到 B 款上。
六、出片前自检清单
- 底色对了吗:主体型图案是透明 PNG,满版图案是满版图 先查这条
- 像素够吗:≥768×1536(iPhone 标准款),建议 1200×2400
- 是 sRGB 吗:属性里能看到的色彩配置
- 边缘干净吗:放大到 200% 看有没有白边或灰边
- 透明区是棋盘格吗:用浏览器打开,透明区应显示棋盘格而非黑色
- 命名对了吗:图案名 + 版本 + 色彩模式,无中文无空格
常见问题
手机壳图案要用透明 PNG 还是白底 JPG?
要看图案是否有底色。图案只有主体、四周要露出壳本身颜色,必须用透明 PNG;用白底 JPG 套进样机后主体四周会出现一个白色方块,这是最常见的出片事故。图案本身是整幅画面(带渐变背景、满版插画),则用满版图,不需要透明。
300dpi 对应多少像素?
像素 = 打印尺寸(英寸)× 300。手机壳图案区约 6.5×13cm,换算成英寸是 2.56×5.12,对应 768×1536 像素。低于这个值放到实际尺寸就会发虚。建议按 1.5 倍余量准备到 1200×2400。
图案用 RGB 还是 CMYK?
屏幕展示与样机合成统一用 sRGB。CMYK 是为印刷分色准备的,屏幕显示会偏灰偏暗,套进模板后颜色不对。如果工厂要 CMYK,保留 sRGB 母版,交付时再转一次。
图案放大后模糊,有办法救吗?
没有真正的办法。位图放大只能插值,边缘变软,套进样机后细节糊成一片。可用的补救只有找到原始矢量文件重新导出,或用高清源重新生成。不要用放大软件硬撑。
图案边缘有一圈白边是怎么回事?
三种原因:从白底图抠图时没把边缘半透明白像素清干净;JPG 压缩在边缘产生振铃;导出时没有保留 alpha 通道。回到原图重新抠,羽化 0.3–0.5px,导出 PNG-24。