在Azure网站中为SVG启用GZip压缩？

4 回答

• 0

  以下是如何在web.config中启用它：

  <configuration>
     <system.webServer>
        <staticContent>
           <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
        </staticContent>
        <httpCompression>
           <staticTypes>
             <remove mimeType="*/*" />
             <add mimeType="image/svg+xml" enabled="true" />
             <add mimeType="*/*" enabled="false" />
           </staticTypes>
        </httpCompression>
     </system.webServer>
  </configuration>
  

  关键是删除全部（以及后来的重新添加） . 如果没有，那么svg行基本上会被忽略，因为catch-all是从applicationhost.config继承的，并且在它到达svg行之前捕获所有内容 .

  回复于 2024-04-29T16:44:51+08:00
• 4

  遗憾的是，无法在Azure网站上使用内置的http压缩来实现 image/xml+svg mime类型 . 如果您使用的是Azure Web角色，则必须更改某些IIS设置才能执行 is .

  我不想经历那么麻烦，所以我只是在MVC中创建了一个控制器来处理.svg文件 .

  [AttributeRouting.RoutePrefix("static")]
  public class ContentController : Controller
  {
      [GET(@"fonts/{fileName:regex(^[\w-\.]+\.svg$)}")]
      [Compress, OutputCache(
          Duration = 3600 * 24 * 30,
          Location = OutputCacheLocation.Any,
          VaryByContentEncoding = "gzip;deflate",
          VaryByParam = "fileName")]
      public ActionResult SvgFont(string fileName)
      {
          var path = Server.MapPath("~/Content/fonts/" + fileName);
          if (!System.IO.File.Exists(path)) return HttpNotFound();
          return File(path, "image/svg+xml");
      }
  }
  
  public class CompressAttribute : ActionFilterAttribute
  {
      public override void OnActionExecuting(ActionExecutingContext filterContext)
      {
          filterContext.HttpContext.CompressResult();
      }
  }
  
  public static class HttpContextExtensions
  {
      public static bool CompressResult(this HttpContextBase context)
      {
          var request = context.Request;
          var response = context.Response;
          if (request == null || response == null) return false;
          var filter = response.Filter;
          if (filter is GZipStream || filter is DeflateStream) return false;
          var acceptEncoding = (request.Headers["Accept-Encoding"] ?? string.Empty).ToLowerInvariant();
          if (acceptEncoding.Contains("gzip"))
          {
              response.Filter = new GZipStream(filter, CompressionMode.Compress);
              response.AddHeader("Content-Encoding", "gzip");
              response.AppendHeader("Vary", "Content-Encoding");
              return true;
          }
          if (acceptEncoding.Contains("deflate"))
          {
              response.Filter = new DeflateStream(filter, CompressionMode.Compress);
              response.AddHeader("Content-Encoding", "deflate");
              response.AppendHeader("Vary", "Content-Encoding");
              return true;
          }
          return false;
      }
  }
  

  您还需要将其添加到Web.config文件中，以便MVC处理扩展名为.svg的路由

  <system.webServer>
    <handlers>
      <add name="StaticMvcHandler" path="static/fonts/*.svg" verb="GET" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
    </handlers>
  </system.webServer>
  

  回复于 2024-04-29T16:44:51+08:00
• 1

  我有Azure网站的以下配置条目：

  <system.webServer>
         <urlCompression doStaticCompression="true" doDynamicCompression="true" />
      </system.webServer>
  

  和

  <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    <!-- Scalable Vector Graphics iPhone, iPad -->
    <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
  

  我也添加了.svgz扩展名（对于压缩的svg） .

  回复于 2024-04-29T16:44:51+08:00
• 0

  上面的解决方案对我有用，但我首先要删除文件扩展名 . 之后我得到了我想要的结果 .

  <staticContent>        
      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
  </staticContent>
  

  回复于 2024-04-29T16:44:51+08:00