HQ ICON

想找高清的苹果应用图标（iOS / macOS）却总是找不到原图？或者每次都要去网页源代码里辛苦抠图？这篇文章会手把手教你如何使用 Vercel 零成本搭建一个属于自己的 HQ ICON 高清图标获取工具，全程无需自己购买服务器。

HQ ICON 是一个非常实用的开源项目，专门用于获取 App Store 中的应用图标。对于写博客、做UI设计、或者单纯想美化桌面的小伙伴来说，这简直就是一款效率神器。

为什么选择部署 HQ ICON？

  • 极致高清： 支持提取 256px、512px，甚至最高 1024px 的超高清原图图标。
  • 格式自由： 提供 JPG、PNG 和 WEBP 等多种主流图片格式下载，无缝对接各类工作流。
  • 智能处理： 支持一键裁切图标圆角（完美还原 iOS 视觉效果），强迫症狂喜。
  • 全球覆盖： 支持跨区搜索，包括中/CN、美/US、日/JP 和 韩/KR 等多国 App Store 商店。
  • 部署成本： 0元（完美利用 Vercel 或 Cloudflare Pages 的免费额度）。

如果你不想自己部署，也可以直接体验我搭建好的演示站点：
HQ ICON 演示网站： https://icon.zrfme.com/

界面预览

在开搞之前，我们先来看看部署完成后的实际效果。界面非常干净简洁，输入应用名称就能直接搜索并下载所需尺寸和格式的图标。

HQ ICON 搜索界面预览
HQ ICON 详情与下载界面

部署前准备

  1. 一个 GitHub 账号
    • 用于 Fork 原作者的源码，方便后续授权 Vercel 调取代码。
  2. 一个 Vercel 账号
    • 可以通过 GitHub 直接授权登录，我们将把项目免费托管在这里。

HQ ICON 部署教程

第一步：Fork 项目源码

首先，我们需要把大佬的开源代码复刻到咱们自己的 GitHub 仓库里。

  1. 打开 HQ ICON 的 GitHub 开源地址：https://github.com/YuKongA/HQ-ICON
  2. 来到页面右上角，顺手给原作者大佬点个 Star ⭐️，然后点击 Fork 按钮，将项目复制到你自己的账号下。
    HQ ICON GitHub 源码 Fork 步骤 1
    HQ ICON GitHub 源码 Fork 步骤 2

第二步：一键部署到 Vercel

这步非常丝滑，完全不需要敲懂代码，动动鼠标点几下就能上线。

  1. 打开并登录 Vercel 官网，在控制台首页点击右上角的 Add New… ➜ 选择 Project。
    Vercel 控制台新建项目

  2. 在弹出的列表中，找到你刚刚 Fork 好的 HQ-ICON 项目，点击右侧的 Import（导入）。
    导入 HQ-ICON 项目

  3. 进入部署设置页面，这里不需要修改任何环境变量，保持默认设置，直接点击底部的 Deploy（部署）按钮。
    点击 Deploy 部署

  4. 稍等个一两分钟，当屏幕上出现撒花的动画时，就说明部署成功啦！
    部署成功提示

  5. 点击 Continue to Dashboard，然后点击 Vercel 为你分配的域名，就可以直接访问你专属的高清图标提取网站了。一键部署超简单的，这就完事了！
    访问部署好的站点

完结撒花！发哥小提示！

到这里，你就拥有了一个完全免费且无广告的高清图标提取工具了！不管是写文章配图，还是开发 App 做素材，这个工具绝对能大幅提升你的效率。

关于国内访问的特别说明：
由于 Vercel 免费分配的 .vercel.app 域名在国内地区被墙，如果你发现部署后网站打不开，强烈建议绑定一个你自己购买的域名。

关于如何给 Vercel 绑定自定义域名并进行国内提速，你可以参考我之前写的这篇教程，完美解决访问痛点：Vercel托管站点提速小技巧

最后，吃水不忘挖井人，特别感谢该项目的开源作者 YuKongA，大家如果觉得好用，记得去 GitHub 给原作者点个赞！

相关链接汇总