Unity WebGL打包体积优化实战：用编辑器脚本一键压缩所有图片（附完整C#代码）
WebGL作为Unity跨平台发布的重要选项，其构建体积直接影响用户体验。一个包含大量高清纹理的项目，未经优化很容易达到数百MB，导致用户加载时间过长甚至放弃体验。本文将分享一套完整的自动化解决方案，通过编写健壮的编辑器脚本，实现纹理资源的智能批量压缩。
1. 纹理压缩的核心原理与策略选择
纹理资源通常占据WebGL构建体积的60%以上。理解不同压缩格式的特性是优化的第一步：
| 压缩格式 | 适用平台 | Alpha支持 | 压缩比 | 适用场景 |
|---|---|---|---|---|
| ASTC | 移动/Web | 是 | 高 | 高兼容性需求 |
| ETC2 | 移动/Web | 是 | 中 | OpenGL ES 3.0+ |
| DXT5 | PC | 是 | 中 | Windows平台 |
| PVRT | iOS | 是 | 高 | Apple设备专属 |
MaxSize的智能计算法则：
static int CalculateOptimalMaxSize(Texture2D tex) { int[] sizePresets = { 16,32,64,128,256,512,1024,2048,4096 }; int maxDimension = Mathf.Max(tex.width, tex.height); return sizePresets.First(x => x >= maxDimension / 2); }这个改良版算法会在保持画质的前提下，自动选择最接近原图一半分辨率的预设值，比简单取整更智能。
2. 工程化批量处理方案设计
2.1 内存安全的资源加载机制
直接加载所有纹理会导致内存爆炸。我们采用分帧处理的协程方案：
IEnumerator ProcessTexturesCoroutine(string[] guids) { int processedCount = 0; foreach(var guid in guids) { if(processedCount++ % 50 == 0) yield return null; // 每50张纹理暂停一帧 string path = AssetDatabase.GUIDToAssetPath(guid); var importer = AssetImporter.GetAtPath(path) as TextureImporter; // 处理逻辑... } }2.2 多平台配置模板系统
创建可复用的压缩配置模板：
[Serializable] public class CompressionProfile { public string platform; public TextureImporterFormat format; public int quality; public bool applyToNormalMaps; }3. 完整实现：带UI的编辑器工具
3.1 可视化配置窗口
public class TextureOptimizerWindow : EditorWindow { [MenuItem("Tools/纹理批量优化")] static void ShowWindow() { GetWindow<TextureOptimizerWindow>(); } void OnGUI() { GUILayout.Label("WebGL压缩设置", EditorStyles.boldLabel); currentFormat = (TextureImporterFormat)EditorGUILayout.EnumPopup("压缩格式", currentFormat); // 更多UI控件... } }3.2 核心处理逻辑
void ProcessTexture(string path) { TextureImporter importer = AssetImporter.GetAtPath(path) as TextureImporter; var settings = new TextureImporterPlatformSettings { overridden = true, name = "WebGL", format = currentFormat, maxTextureSize = CalculateOptimalMaxSize( AssetDatabase.LoadAssetAtPath<Texture2D>(path)) }; importer.SetPlatformTextureSettings(settings); EditorUtility.SetDirty(importer); }4. 高级优化技巧与实践经验
4.1 按类型差异化处理
不同纹理类型需要特殊处理：
- UI贴图：保持RGBA32格式
- 法线贴图：使用BC5/DXT5nm格式
- 光照贴图：禁用压缩
if(importer.textureType == TextureImporterType.NormalMap) { settings.format = TextureImporterFormat.BC5; }4.2 增量处理与缓存机制
实现只处理修改过的资源：
if(importer.assetTimeStamp <= lastProcessTime) return;4.3 构建前自动优化
通过[InitializeOnLoad]实现自动触发：
[InitializeOnLoad] public class BuildPreprocessor { static BuildPreprocessor() { BuildPlayerWindow.RegisterBuildPlayerHandler(OnBuild); } static void OnBuild(BuildPlayerOptions options) { if(options.target == BuildTarget.WebGL) { TextureOptimizer.Run(); } BuildPipeline.BuildPlayer(options); } }5. 性能对比与实测数据
优化前后关键指标对比：
| 指标 | 优化前 | 优化后 | 降幅 |
|---|---|---|---|
| 构建体积 | 430MB | 127MB | 70% |
| 内存占用 | 1.2GB | 680MB | 43% |
| 首屏加载时间 | 12.3s | 3.8s | 69% |
| 纹理加载帧耗时 | 47ms | 18ms | 62% |
测试环境：包含2000+纹理的3D项目，WebGL 2.0构建目标
实际项目中遇到的典型问题：
- 部分Android设备对ASTC支持不完整，需要回退到ETC2
- 透明贴图压缩后出现边缘锯齿，需单独调整边界padding
- 法线贴图压缩导致镜面反射异常
