App icon preview
图标实机预览。
把图标放到真实的手机主屏、应用商店和各种小尺寸里看看,旁边是同类示例 App——好图标经得起每个场景的检验。
纯前端 · 图片不离开浏览器
你的图标
PNG、JPG 或 WebP,正方形最好。也可以直接拖到页面里,或粘贴(⌘V / Ctrl+V)。
iPhone 外观
Android 形状
壁纸
看看你的图标放在手机上的样子
在左边选一个图标,iPhone、Android、应用商店和网页里的样子都能看,还能放几个方案一起对比。
图标会出现的每一个地方
六个场景,按系统的真实细节画出来。
iPhone 主屏
最新 iOS 样式的主屏、Dock 和文件夹,可以切换深色、着色、透明图标,也能换壁纸。
Android 主屏
圆形、方圆、圆角、水滴四种形状,还有主题图标,和安卓桌面裁切图标的方式一样。
App Store
搜索结果列表,旁边是同类示例 App,看你在一排结果里的辨识度。
Google Play
Play 商店的详情页样式,看看你的图标装进另一种商店里的样子。
小尺寸
通知、设置、搜索,按实际像素显示到 16 px,还认得出来吗?
网页
浏览器标签页和官网页头,带上你的图标和 App 名字。
怎么预览 App 图标
免费,不用注册。
放进你的图标
上传正方形的 PNG、JPG 或 WebP,也可以直接粘贴、拖进来。图片只在你的浏览器里用,不会上传。
最多 6 个方案对比
多放几个设计,每个场景都会并排显示,挑出最好的那个。
下载、分享
每个场景都能复制或下载图片,也能按手机原尺寸下载,发到自己手机上全屏看真机效果。
为什么要和真实 App 放在一起看
单独看很好看的图标,放到主屏上可能就淹没了。
在同类里脱颖而出
屏幕上放的是同类别的示例 App,你能看清楚在搜索结果里和谁站在一起。
小尺寸也要看清
1024 像素下很清楚的细节,到 29 pt 可能糊成一团。上线前先发现。
试试深色、着色、透明
iOS 用户可以把图标换成深色、着色或透明样式,看看你的图标扛不扛得住。
App 图标预览常见问题
关于测试 App 图标,大家常问的。
图标预览要钱吗?▾
不要。预览免费,也不用注册。复制、下载预览图也是免费的。
我的图标会被上传吗?▾
不会。你上传或粘贴的图标只在你的浏览器里用,预览图也是在你自己的设备上画出来的。
App 图标应该做多大?▾
先做一张 1024 × 1024 像素的正方形 PNG。iOS 不要透明背景,也不要自己加圆角,系统会加;Google Play 用 512 × 512 像素。用图标素材包生成器能一次导出 iOS、安卓、网站和 macOS 需要的全套尺寸。
为什么图标在安卓上看起来不一样?▾
安卓桌面会把图标裁成不同形状,比如圆形、方圆、圆角或水滴,还可能按主题重新着色。在这里切换形状,确认重要的部分没被裁掉。
能预览 iOS 的深色和着色图标吗?▾
能。把外观切换成深色、着色或透明就行。这些是按 iOS 的效果模拟出来的近似效果,最终版本最好再在真机上看一下。
能同时比较几个设计吗?▾
能。最多放 6 个方案,每个场景都会并排显示,在真实环境里挑。
怎么在自己的手机上看?▾
点每个场景的下载按钮,拿到按手机原尺寸生成的截图,发到手机上全屏打开,看起来就和你的主屏一样。