当前位置： 首页 > article >正文

Unity减少发布打包文件的体积（二）——设置WebGL发布时每张图片的压缩方式

article 2024/11/20 13:19:35

一个项目在发布成WebGL后，其体积至关重要，体积太大，用户加载会经历一个漫长的等待…轻则骂娘，重则用脚把电脑踢烂(扣质保金)…

那么如何减少发布后的体积呢，本文从图片的压缩开始入手。

前传回顾：
Unity减少发布打包文件的体积（一）——获取精灵图片的信息限制它的大小

一、徒手设置每张图片的压缩方法

在assets文件夹里选中一个Image，在Inspector底部有一个各发布平台的压缩设置，如下图中4的部分。
在此处设置压缩格式时，只针对发布时进行压缩，不会修改工程资源的原始文件，这样如果你发布成exe时，可以用高清的设置（而如果直接改了原始图片，则发布成exe时，画质被降低）。
在这里插入图片描述

1、压缩格式Format的说明（来源Claude.ai）：

  • ASTC (Adaptive Scalable Texture Compression): 这是一个非常灵活的纹理压缩格式，可以提供一系列不同的压缩比，以适应各种不同的应用需求。ASTC由ARM开发，旨在为各种不同的2D和3D内容提供优质的可压缩性能。它被广泛用于移动设备，特别是那些使用ARM集成电路的设备。

  • ETC (Ericsson Texture Compression): ETC是一种开放的、有损的纹理压缩格式，使用在OpenGL和OpenGL ES。ETC1版本不支持alpha通道，而ETC2支持alpha通道。由于其广泛的设备支持和合理的压缩效果，ETC被广泛应用于移动设备。

  • DXT (DirectXTex): 也被称为S3TC，这是一种有损的纹理压缩格式，主要应用在DirectX场景。DXT格式为纹理提供5:1的压缩比率且支持alpha通道，对于PC和一些游戏主机上的3D应用，通常采用DXT格式。

  • BC (Block Compression): BC是一系列DirectX的一部分提供的纹理压缩方法，这其中包括DXT。BC系列（包括BC1-BC7）是几种特殊用途的格式，它们在纹理分辨率、细节和压缩比率上提供多种选择，但并非所有设备都支持。

  • EAC (Ericsson Alpha Compression): 这是ETC2压缩方法的一部分，用于对alpha通道进行压缩。EAC提供了更好的颜色和alpha通道保真度，特别适合那些需要用到透明效果的游戏或者带有alpha混合的特效。

2、MaxSize的计算

Unity中如果你不单独设置，它的默认值大概就是2048，你可以写一个函数，根据分辨力来计算maxSize的值。
在这里插入图片描述

/// <summary>
/// 获取图片的分辨率，取分辨率中高宽的最大值，然后返回图片的【MaxSize】
/// MaxSize的定义：assets->Image->【Texture2D ImportSettings】->【Override For WebGL】->【Max Size】 
/// 区间：16,32,64,128,256,512,1024,2048,4096,8192,16384
///
/// 举例：图片分辨率 = 12 * 24，那么图片的MaxSize = 32
/// </summary>
/// <param name="texture"></param>
/// <returns></returns>
public static int GetMaxSize(Texture2D texture)
{
   //分辨率区间的预备
   var start = new List<int> { 0, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096, 8192, 16384 };
   var end = new List<int> { 16, 32, 64, 128, 256, 512, 1024, 2048, 4096, 8192, 16384, 100000 };
   var zones = start.Zip(end, (item1, item2) => (startIdx: item1, endIdx: item2)).ToList();

   //取分辨率高宽的最大值
   var size = new List<int> { texture.width, texture.height }.Max();  //取【宽】【高】中的最大值

   //判断所属的区间
   var maxSize = zones.First(x => x.startIdx <= size && size <= x.endIdx).endIdx;
   //Debug.Log($"图的分辨率 = {texture.width} * {texture.height} size = {size}, MaxSize = {maxSize}");
   return maxSize;
}

3、 Format的设置：

Unity面板上提供的各种压缩算法：
在这里插入图片描述
自己亲自指挥亲自部署时，代码中可选的压缩格式：
在这里插入图片描述

4、提问：所有的图片能不能一键设置呢？

可以的，你可以自己写一个编辑器脚本（俗称插件），也可以让AI帮你写一个…然后自己慢慢改

二、一键设置所有图片的Build时的压缩选项

1、快捷菜单入口

右键全选图片 -> 【设置发布WebGL时贴图的压缩格式】
在这里插入图片描述

处理中…
在这里插入图片描述
在这里插入图片描述

2、压缩效果

压缩结束后，发现包的大小从230M减少到138兆。

3、实现的基本思路

  • （1）找到所有的全选物体
Object[] textures = Selection.GetFiltered(typeof(Texture2D), SelectionMode.DeepAssets);

  • （2）单个物体的压缩选项设定

      创建特定平台压缩实例
  勾选压缩
  设置参数
  Apply

// 创建特定平台压缩实例
TextureImporterPlatformSettings platformSettings = new TextureImporterPlatformSettings();
platformSettings.overridden = true;
platformSettings.name = "WebGL";

// 设置为压缩
platformSettings.textureCompression = TextureImporterCompression.Compressed;

// 设置压缩格式
platformSettings.format = format;                                     //TextureImporterFormat.ASTC_12x12;
platformSettings.compressionQuality = compressionQuality;             //40
platformSettings.maxTextureSize = GetMaxSize(texture as Texture2D);   //32

//设置importSettings
TextureImporter importer = AssetImporter.GetAtPath(AssetDatabase.GetAssetPath(texture)) as TextureImporter;
importer.SetPlatformTextureSettings(platformSettings);

//Apply 设置
importer.SetPlatformTextureSettings(platformSettings);

//保存资源
importer.SaveAndReimport();

三、附录（代码）

运行方式，放到任何Editor文件里

using System.Collections.Generic;
using System.Linq;
using UnityEngine;
using UnityEditor;

public class SetTextureCompression
{
    //****************************************参数设置区**********begin
    //TODO 做成EditWindow类型

    private static TextureImporterFormat format = TextureImporterFormat.ASTC_12x12;  //图片压缩格式
    private static int compressionQuality = 60;                                      //压缩比例
    private static string platform = "WebGL";                                        //发布的平台 

    //************************************************************end

    /// <summary>
    /// 设置贴图在build时的压缩选项
    /// </summary>
    [MenuItem("Assets/设置发布WebGL时贴图的压缩格式")]
    static void SetCompression()
    {
        int count = 0;

        Object[] textures = Selection.GetFiltered(typeof(Texture2D), SelectionMode.DeepAssets);
        if (textures.Length > 0)
        {
            foreach (Object texture in textures)
            {
                // 创建特定平台压缩实例
                TextureImporterPlatformSettings platformSettings = new TextureImporterPlatformSettings();
                platformSettings.overridden = true;
                platformSettings.name = platform;

                // 设置为压缩
                platformSettings.textureCompression = TextureImporterCompression.Compressed;

                // 设置压缩格式
                platformSettings.format = format;                                     //TextureImporterFormat.ASTC_12x12;
                platformSettings.compressionQuality = compressionQuality;             //40
                platformSettings.maxTextureSize = GetMaxSize(texture as Texture2D);   //32

                //设置importSettings
                TextureImporter importer = AssetImporter.GetAtPath(AssetDatabase.GetAssetPath(texture)) as TextureImporter;
                importer.SetPlatformTextureSettings(platformSettings);

                //Apply 设置
                importer.SetPlatformTextureSettings(platformSettings);

                //保存资源
                importer.SaveAndReimport();

                count++;
            }
            //Debug.Log("Texture Compression Set!");
        }
        else
        {
            Debug.LogWarning("没有选中图片!");
        }
        Debug.Log($"一共处理了{count}张图片！");
    }

    /// <summary>
    /// 获取图片的分辨率，取分辨率中高宽的最大值，然后返回图片的【MaxSize】
    /// MaxSize的定义：assets->Image->【Texture2D ImportSettings】->【Override For WebGL】->【Max Size】 
    /// 区间：16,32,64,128,256,512,1024,2048,4096,8192,16384
    ///
    /// 举例：图片分辨率 = 12 * 24，那么图片的MaxSize = 32
    /// </summary>
    /// <param name="texture"></param>
    /// <returns></returns>
    static int GetMaxSize(Texture2D texture)
    {
        //分辨率区间的预备
        var start = new List<int> { 0, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096, 8192, 16384 };
        var end = new List<int> { 16, 32, 64, 128, 256, 512, 1024, 2048, 4096, 8192, 16384, 100000 };
        var zones = start.Zip(end, (item1, item2) => (startIdx: item1, endIdx: item2)).ToList();

        //取分辨率高宽的最大值
        var size = new List<int> { texture.width, texture.height }.Max();  //取【宽】【高】中的最大值

        //判断所属的区间
        var maxSize = zones
            .First(x => x.startIdx <= size && size <= x.endIdx)
            .endIdx;
        //Debug.Log($"图的分辨率 = {texture.width} * {texture.height} size = {size}, MaxSize = {maxSize}");
        return maxSize;
    }
}

http://www.kler.cn/a/132424.html

相关文章：

  • 【分布式技术】ES扩展知识-Elasticsearch分词器的知识与选择
  • 解决 Spring Boot 中 `Ambiguous mapping. Cannot map ‘xxxController‘ method` 错误
  • Linux ：进程间通信之管道
  • 学了Arcgis的水文分析——捕捉倾泻点，河流提取与河网分级，3D图层转要素失败的解决方法，测量学综合实习网站存着
  • “fc-async”提供了基本的异步处理能力
  • .NET 9.0 中 System.Text.Json 的全面使用指南
  • 【STM32】DMA（直接存储器访问）
  • IDEA中安装Docker插件实现远程访问Docker
  • 【Spring篇】使用注解进行开发
  • TensorFlow：GPU的使用
  • redis+python 提取免费代理ip/验证/留接口
  • TensorFlow C++编译及推理
  • 生活总是自己的，请尽情打扮，尽情可爱，，
  • 【2023春李宏毅机器学习】快速了解机器学习基本原理
  • 【数据结构】单链表基本操作的实现
  • pytorch的backward()的底层实现逻辑
  • 滑动窗口题目总结(持续更新中)
  • CGAL Mesh网格分割（基于平面）
  • “流量为王”的时代一去不返！如何押注互联网下一个黄金十年
  • [RK-Linux] recovery分区详解（一）
  • 3GPP TS38.201 NR； Physical layer； General description （Release 18）
  • GEM5 Garnet DVFS / NoC DVFS教程：ruby.clk_domain ruby.voltage_domain
  • Unity 问题 之 Text 组件空格导致 自动/强制 换行 的问题处理
  • JVM虚拟机：垃圾回收器ZGC和Shenandoah算法
  • Unity中Shader纹理的多级渐远Mipmap
  • LLVM学习笔记（62)