Unity WebGL打包体积优化实战用编辑器脚本一键压缩所有图片附完整C#代码WebGL作为Unity跨平台发布的重要选项其构建体积直接影响用户体验。一个包含大量高清纹理的项目未经优化很容易达到数百MB导致用户加载时间过长甚至放弃体验。本文将分享一套完整的自动化解决方案通过编写健壮的编辑器脚本实现纹理资源的智能批量压缩。1. 纹理压缩的核心原理与策略选择纹理资源通常占据WebGL构建体积的60%以上。理解不同压缩格式的特性是优化的第一步压缩格式适用平台Alpha支持压缩比适用场景ASTC移动/Web是高高兼容性需求ETC2移动/Web是中OpenGL ES 3.0DXT5PC是中Windows平台PVRTiOS是高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() { GetWindowTextureOptimizerWindow(); } 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.LoadAssetAtPathTexture2D(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. 性能对比与实测数据优化前后关键指标对比指标优化前优化后降幅构建体积430MB127MB70%内存占用1.2GB680MB43%首屏加载时间12.3s3.8s69%纹理加载帧耗时47ms18ms62%测试环境包含2000纹理的3D项目WebGL 2.0构建目标实际项目中遇到的典型问题部分Android设备对ASTC支持不完整需要回退到ETC2透明贴图压缩后出现边缘锯齿需单独调整边界padding法线贴图压缩导致镜面反射异常 Unity WebGL打包体积优化实战：用编辑器脚本一键压缩所有图片（附完整C#代码）
Unity WebGL打包体积优化实战用编辑器脚本一键压缩所有图片附完整C#代码WebGL作为Unity跨平台发布的重要选项其构建体积直接影响用户体验。一个包含大量高清纹理的项目未经优化很容易达到数百MB导致用户加载时间过长甚至放弃体验。本文将分享一套完整的自动化解决方案通过编写健壮的编辑器脚本实现纹理资源的智能批量压缩。1. 纹理压缩的核心原理与策略选择纹理资源通常占据WebGL构建体积的60%以上。理解不同压缩格式的特性是优化的第一步压缩格式适用平台Alpha支持压缩比适用场景ASTC移动/Web是高高兼容性需求ETC2移动/Web是中OpenGL ES 3.0DXT5PC是中Windows平台PVRTiOS是高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() { GetWindowTextureOptimizerWindow(); } 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.LoadAssetAtPathTexture2D(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. 性能对比与实测数据优化前后关键指标对比指标优化前优化后降幅构建体积430MB127MB70%内存占用1.2GB680MB43%首屏加载时间12.3s3.8s69%纹理加载帧耗时47ms18ms62%测试环境包含2000纹理的3D项目WebGL 2.0构建目标实际项目中遇到的典型问题部分Android设备对ASTC支持不完整需要回退到ETC2透明贴图压缩后出现边缘锯齿需单独调整边界padding法线贴图压缩导致镜面反射异常