如何获取 Microsoft Store App 的全尺寸图标

昨天写完 EdgeTile Creators 的应用推荐,我就决心要把开始屏幕的磁贴翻新一遍。于是问题就来了:如何才能获取到想要的 App 图标资源呢?

其实,我电脑里安装的很多软件都有对应的 UWP 或 Metro 版本,但由于其中大部分年久失修或功能缺失,使得我不得不下载 Win32 桌面版应用程序。因此,只要想办法把它们在应用商店中显示的图标信息提取出来,就能在开始屏幕用上好看的磁贴了。

为了达成这个目的,让我们首先在浏览器中打开 微软官网,然后在右上角的搜索框内输入你想要的 App 名称,例如,QQ。

在搜索框提示栏中看到自己想要找的 App 后,不要忙着点进详情页。只需要直接右键单击那个 App 图标,然后选择「在新标签页中打开图片」。(非 Chrome 浏览器叫法可能有所不同)

更新:现在右键单击不会弹出「在新标签页打开图片」选项,你可以通过审查元素找到对应图片链接。

在打开的标签页中,你所看到的应该是 150 * 150 像素的图标缩略图。这时,让我们把光标移到地址栏最后,你会发现 URL 中有一项 ?w=150&h=150,这就是网页中控制图标显示尺寸的相关代码了。其中,w 代表 width,宽度;h 代表 height,高度。

因此,只需要修改这两项变量数值,我们就能获取到任意尺寸的 App 图标了。据我本人实验,这个数值最大可以达到 4096 * 4096,只是用来生成磁贴都有点儿杀鸡用牛刀的感觉了。

你可能会问:为什么要从搜索框进入,而不直接在 App 详情页查看图标呢?这是因为在应用商店的 App 详情页所显示的图标已经过裁切,虽然在 URL 中仍含有尺寸代码 ?w=180&h=180&q=60 ,但修改后只是简单放大,而非重新生成。例如,在下图中左侧是在搜索框内显示的 Nebo 图标,右侧是从 App 详情页中进入的图标页面。虽然尺寸都修改成了 1024 * 1024,但可以明显看出右侧图片细节失真,非常模糊。

对于一些没有 Windows 应用商店版,但有移动版的应用,我的选择是通过少数派之前 这篇文章 中介绍的方法获取它们的 iOS 或 macOS 版图标,简单处理后转换成磁贴。如果连手机版都没有,你也可以在 这篇文章 中推荐的设计资源网站里搜索到想要的图标。

获取到想要的图标后,你就可以利用 EdgeTile Creators 或我之前这篇 Windows 美化教程 中介绍的方式为桌面版软件生成漂亮的磁贴了。祝你玩得开心 ✧(≖ ◡ ≖✿

本文首发于 [少数派](https://sspai.com/post/42510。


如何获取 Microsoft Store App 的全尺寸图标
https://shunyu.wang/2017/get-uwp-icon/
作者
Wang Shunyu
发布于
2017年12月26日
许可协议
CC BY-NC-SA 4.0