任何 Web、桌面或移动开发人员都经常使用图像。你可以从 C#、HTML、XAML、CSS、C++、TypeScript 甚至代码注释中引用它们。有些图像是本地的，有些存在于线上或网络共享中，而其他图像仅以 base64 编码字符串的形式存在。我们在代码中以多种方式引用它们，但总是作为字符串值，不能显示图像的样子。如果这些图像引用可以显示出图像那就太好了。

　　可以在鼠标悬停时预览图像的功能请求最近得到了一些关注，我们认为这个听起来是个很棒的想法。如果你也这么认为，记得投票支持它。问题是，最好的解决方案是什么?

　　不同的编辑器已经存在各种各样的图像预览器，但它们的工作方式都略有不同。如果我们要构建它，我们必须以一种对 Visual Studio 来说原生和自然的方式来做。为了做到这一点，我们正在开展一项实验，以弄清楚这可能是什么样子。

实验

　　与我们所有其他的社区实验一样，我们将以一个扩展开始这个实验。我们称它为图像预览，因为它就是这么做的。

　　当鼠标悬停在代码编辑器中的图像引用上时，将出现一个工具提示，显示所呈现的图像。

　　它支持 GIF, PNG, JPG, ICO 和 SVG 在以下图像引用语法:

* 绝对 URL (http, https, and ftp)

* 相对 URL (. /, .. / 和 /)

* 文件路径 (c:\, c:/, \ 和 /)

* Data URI (data:image/png;base64,…)

* Pack URI (pack://application:,,,/Images/MyImage.png)

　　在 ASP. NET Core 项目中，当引用一个根相对路径，如/file.png，扩展将尝试相对于项目根文件夹或 wwwroot 文件夹来解析它。

　　它是否具有所需的所有功能?我们是否遗漏了一些常见的语法?

　　给图像预览一个尝试，让我们知道你的想法。您可随时在 GitHub 中提交反馈。

原文链接：https://devblogs.microsoft.com/visualstudio/working-with-images-just-got-easier-in-visual-studio/