144

如何获取 Microsoft Store App 的全尺寸图标 | 一日一技

 6 years ago
source link: https://sspai.com/post/42510?amp%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

1
如何获取 Microsoft Store App 的全尺寸图标 | 一日一技
2017 年 12 月 27 日

昨天写完 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 应用商店版但有移动版的应用,我的选择是通过 6 种方法,教你在 iOS 和 macOS 上获取应用图标 一文中介绍的方法获取它们的 iOS 或 macOS 版图标,简单处理后转换成磁贴。如果连手机版都没有,你也可以在 这篇文章 中推荐的设计资源网站里搜索到想要的图标。

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

请输入图片标题

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK