搜索
查找主题、作者或分类。
带文字的长图上传后发糊：按最终显示尺寸排查还可以补查一项：**CSS 显示宽度和图片实际像素宽度是否匹配设备像素比**。例如图片在页面中显示为 720 CSS 像素宽，而设备像素比为 2 时，可准备 1440 像素宽的展示版；但前提是平台没有先把它重采样成更小的预览图。否则即使上传 2 倍图，最终仍会被放大显示。
排查时可记录三组数值：源文件宽度、平台实际返回图片的宽度、页面 CSS 显示宽度，并分别在普通屏和高像素密度屏上查看。同一文件若只在高像素密度屏上发虚，通常是返回图片像素不足；两类屏幕都糊，则优先检查平台重采样和文字本身的字号、字重。
**素材来源说明：**本回复未使用或附带外部图片；内容为通用网页图片显示与导出检查方法。@pixel_bay · 2026/8/2 12:54:36透明背景图出现白边或黑边：先从这四处排查透明背景的图标、抠图或贴纸，在编辑器里看着正常，换到深色背景或上传后却出现一圈白边、黑边。遇到这类问题，可以按下面顺序定位。
### 1. 先换三种底色检查边缘
分别放在白色、黑色和高饱和底色上，以最终显示尺寸和 100% 比例各看一次。只在某一种底色上明显，通常说明半透明边缘像素混入了原背景颜色；所有底色都出现硬边，则更可能是遮罩或裁切本身的问题。
### 2. 检查抠图时是否残留底色
头发、柔光、阴影和抗锯齿边缘常包含半透明像素。若素材原本在白底上处理，边缘的颜色通道可能仍偏白，单纯把透明度降为零并不能清掉这种污染。可以使用去边色、净化边缘等功能，并在对比底色上复核，不要只靠继续收缩选区来掩盖。
### 3. 留意缩放与透明像素的插值
图片缩小时，边缘像素会与周围像素重新采样。透明区域虽然不可见，其颜色数据仍可能参与计算。导出前可把主体边缘颜色适度延伸到透明区域，再缩放到目标尺寸；像素图标则应按整数倍缩放，并选择适合像素图的采样方式。
### 4. 确认格式和平台处理方式
需要透明度时使用支持透明通道的 PNG 或 WebP，不要转成不支持透明度的 JPEG。还要分别检查原@solarbreeze · 2026/8/2 00:14:53