Visual Studio 2010 图像优化器扩展

在观看 Mads Kristensen 在 MIX11 上分享的会议时，我注意到他正在编写的 图像优化器扩展。 当您尝试优化 ASP.NET 应用程序（无论是 Web Forms 还是
MVC 3）时，此扩展将非常有用。

图像优化器扩展

该扩展增加了使用行业领先的算法，例如 SmushIt 和 PunyPNG 来优化解决方案中图像的机会。 这通过在解决方案资源管理器中右键单击时添加的一组新的菜单项来实现。 您可以优化单个图像文件或整个图像文件夹。 优化不会影响图像质量，因此您无需担心使用它。 当前支持的图像类型包括 PNG、GIF 和 JPEG。 要使用此扩展，请转到扩展管理器并在在线库中搜索图像优化器。 另一种方法是下载 图像优化器扩展 并安装它。

让我们看一个用例场景

如上图所示，我指向 ASP.NET MVC 3 项目中的 images 目录，然后使用“优化图像”菜单项来优化图像。 优化摘要将写入“输出”窗口。

扩展支持的另一个功能，目前处于 Beta 版本，是将图像转换为 base64 字符串，以便嵌入到样式表中。 与使用图像 Url 相比，嵌入 base64 字符串 可以减少应用程序产生的 HTTP 请求数量。 当然，这应该谨慎使用，因为从图像创建 base64 字符串 应该在小图像上完成。 在大图像中，生成的 字符串 可能会非常长，并且您的网页下载速度会变慢。

以下是 base64 字符串 用于样式表嵌入的用例场景

在样式表文件中，将鼠标放在图像 Url 上，然后使用“将图像嵌入到样式表”菜单项，将 Url 替换为 base64 字符串。 此操作的输出

div 
{
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ
   6AAAAXElEQVRo3u3OAQ0AAAgDIO3f5CW1hnOQgE4ydVgLCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg
   oKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKfgkubNIrSDutzqcAAAAASUVORK5CYII=)
}

摘要

图像优化器扩展是一个很有前景的扩展，如果您正在寻找优化应用程序的方法，它将非常有用。 它可以帮助减小您使用的图像大小，或将小图像作为 base64 字符串 嵌入到样式表中。 我鼓励您尝试使用它，看看它是否可以帮助您完成当前或下一个应用程序。