做了一个 Favicon 生成器 PWA

2023-12-07 08:47:45 +08:00
hzcer  hzcer

做了一个 Favicon 生成器 PWA ,生成网站所需的 favicon.ico, favicon.svg, apple-touch-icon.png 等多种格式的资产。网站功能类似 realfavicongenerator 。

网站地址: https://favicon.inbrowser.app/tools/favicon-generator

主要特点有以下几点:

2439 次点击
所在节点   分享创造  分享创造
27 条回复
cowcomic
cowcomic
2023-12-07 08:57:58 +08:00
看着不错啊
yafoo
yafoo
2023-12-07 09:00:19 +08:00
谢谢,收藏了
xudashan
xudashan
2023-12-07 09:03:35 +08:00
点个赞
subframe75361
subframe75361
2023-12-07 09:07:12 +08:00
很棒👍已 Star

希望可以支持 icns ,electron 中需要使用。现有库只支持 nodejs ,比如 https://github.com/akabekobeko/npm-icon-gen
totoro625
totoro625
2023-12-07 09:07:14 +08:00
提问:仅在 PWA "purpose": "maskable"设置界面可以放大图标,其他界面只能缩小图标
而 Desktop Browser & Google Result ,既不能缩小也不能放大
这是出于什么考虑的呢?
Seanfuck
Seanfuck
2023-12-07 09:14:56 +08:00
正好用上了,已收藏
hzcer
hzcer
2023-12-07 09:16:14 +08:00
@totoro625 其实 PWA "purpose": "maskable" 设置界面也不可以放大图标,只是 "purpose": "maskable" 的外面存在很大的 margin ,具体你可以看看 https://web.dev/articles/maskable-icon
Desktop Browser & Google Result ,你取消 Use the original image as is 就可以缩小。不过确实可以将 marigin 改成 scale 然后支持放大。谢谢建议。
marcong95
marcong95
2023-12-07 09:41:48 +08:00
好东西,mark 一下,之后可能用得上~~
bjfane
bjfane
2023-12-07 09:51:43 +08:00
页面风格不错,喜欢。
Ma4cus
Ma4cus
2023-12-07 10:23:00 +08:00
好+活,做的比我之前用的国外网站好看
hzcer
hzcer
2023-12-07 10:25:31 +08:00
@subframe75361 icns 格式看起来挺复杂的,试试看能不能将这个库移植到到浏览器环境
jiannei
jiannei
2023-12-07 11:26:49 +08:00
感谢,效果不错,已 star ~
另外,我在做工具收集,希望能收纳进 https://sinan.fun/links
dianso
dianso
2023-12-07 11:55:37 +08:00
支持 emoji 吗
ivershuo
ivershuo
2023-12-07 12:43:07 +08:00
LZ 这个 https://inbrowser.app 的工具都很不错啊,网站风格也深得我心
mokeyjay
mokeyjay
2023-12-07 12:48:59 +08:00
favicon 不是支持 ico 以外的格式了吗(例如 png ),现在使用 ico 还有什么优势?
hzcer
hzcer
2023-12-07 13:25:19 +08:00
@mokeyjay 新时代 IE (说的就是 Safari )不支持 svg 格式的 favicon ( svg 格式可以用来实现黑暗模式不同图标)。还有很多老系统还是需要 ico 格式的。参考链接: https://dev.to/masakudamatsu/favicon-nightmare-how-to-maintain-sanity-3al7
hzcer
hzcer
2023-12-07 13:26:57 +08:00
@mokeyjay 从这个链接你可以看到浏览器选择 favicon 多么的拧巴,随随便便就有坑
hzcer
hzcer
2023-12-07 13:32:57 +08:00
@dianso 有计划支持从不同的 icon set 包括 emoji 和 font awesome 之类的直接生成,但还没做
hzcer
2023-12-07 13:37:58 +08:00
@jiannei 可以收纳
szmx
2023-12-07 14:00:41 +08:00
不错不错,之前一直用标小智,下个产品换着看看

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/998236

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX