× 套图宝客服微信二维码
扫码领 体验额度
卖家指南/操作教程/图案文件标准
教程 · 出片前的第一道关

手机壳图案文件准备标准:透明 PNG、300dpi 与像素换算

出片报错 · 减少客诉 更新于 2026-11-03 约 8 分钟读完
先看结论

图案只有主体、四周要露壳底色 → 透明 PNG;图案是整幅画面 → 满版图。白底 JPG 是最常见的出片事故来源,套进样机会出现一个白色方块。

像素按 打印尺寸(英寸)× 300 算。手机壳图案区约 6.5×13cm,对应至少 768×1536 像素。低于这个值,放到实际尺寸就会发虚。

色彩空间统一用 sRGB。CMYK 文件拿去屏幕出图,颜色会整体偏灰。

一、先分清三种底

所有出片报错里,至少一半来自"底"搞错了。三种情况对应三种文件,不能混:

透明底图案只有主体,四周透出壳的颜色。用 PNG-24。
白底最常见的错。套进样机后主体外多出一个白方块。要处理
满版图案自带完整背景,铺满整个壳。需要留出血,不做抠图。
为什么白底图一定会出事:样机模板的图案层是"叠加"关系。透明区域的像素不参与计算,壳的底色会透出来;白色像素是不透明的,它会老老实实盖在壳上,形成一块边界清晰的方形色块。肉眼一看就知道图是贴上去的。

二、300dpi 到底怎么换算成像素

"300dpi"是印刷概念,意思是每英寸 300 个像素点。它单独没有意义,必须配上实际打印尺寸才有意义。公式很简单:

换算公式

所需像素 = 打印尺寸(英寸)× 300 | 1 英寸 = 2.54 厘米

手机壳常见图案区尺寸与所需像素 · 按 300dpi 计算
机型 / 壳型图案区(约)英寸300dpi 所需像素
iPhone 标准款(6.1")6.5 × 13 cm2.56 × 5.12768 × 1536
iPhone Plus / Pro Max7.2 × 14.5 cm2.83 × 5.71850 × 1713
大孔壳(图案区更小)5.8 × 11.5 cm2.28 × 4.53685 × 1359
防摔加高边6.0 × 12.2 cm2.36 × 4.80709 × 1441

实操上不要卡着底线做。建议按 1.5 倍余量准备:iPhone 标准款直接给 1200×2400,这样图案在壳上可以微调位置和缩放,不用重新找源文件。

一个快速判断方法:把图案按 100% 显示,看它在屏幕上占多大。手机壳的图案区大约是一张银行卡的 3 倍长。如果图案在屏幕上缩到很小才刚好装下,说明像素不够,印出来会糊。

三、文件格式与色彩空间怎么选

格式
PNG-24 用于透明底图案 必须保留 alpha 通道;JPG 只用于满版图,质量 90 以上
色彩模式
sRGB 是唯一推荐。CMYK 文件在屏幕上看会偏灰,套进模板整体失真 不要用 CMYK 做出片源
位深
8 bit / 通道足够。16 bit 只在后期大幅调色时需要,出片环节没有收益
边缘处理
抠图羽化 0.3–0.5px,不要用 1px 以上,否则边缘会发虚发灰
分辨率标记
PNG 里的 dpi 元数据只是标记,真正决定清晰度的是像素总数 改成 300 不会让图变清晰
文件大小
单张建议 5MB 以内。透明 PNG 过大可以做无损压缩,不要转 JPG 省体积

四、最常见的五个报错

  • 图案四周有白方块:用了白底 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。

文件标准对了,出片就不会返工

套图宝会自动检查图案的透明通道与像素尺寸,不达标直接提示,避免整批出片后才发现问题。注册送 3 条视频 + 3 条套图。

免费注册试用