前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >超简单!3 分钟教你用腾讯元宝AI 生成网站 / App 图标

超简单!3 分钟教你用腾讯元宝AI 生成网站 / App 图标

原创
作者头像
喵喵侠
发布2025-03-11 20:05:43
发布2025-03-11 20:05:43
620
举报

前言

你好,我是喵喵侠。作为一名独立开发者,经常会遇到一些设计相关的问题,比方说去哪里找演示图,去哪里找背景图片等等。如果你是网站或者 App 应用开发者,那么难免会纠结到底是用什么样的图标的问题。接下来我将会手把手教你,如何生成属于自己的专属应用图标,包教包会,让我们一起开始吧!

提示词描述

这个步骤是最核心最关键的,首先你要知道你想要生成什么样的图标。比方说我最近做了一款 Markdown 相关的 Chrome 插件,我脑海里已经有了一个初步的想法,希望是一个憨态可掬的大熊猫形象,颜色尽量淡雅一点。经过我的简单思考后,我写的提示词如下:

代码语言:markdown
复制
帮我生成一个可爱的熊猫图标,熊猫主体要大,背景是浅蓝和浅白的色调。

这个提示词书写其实很简单,包含了下面两要素:

  1. 告诉 AI 你要做什么(生成图标);
  2. 做的这件事有什么要求(主体突出、背景色调)

其实做好这两点,你的提示词就到位了。

AI 画图

我这里用的是目前国内优秀的AI 工具——腾讯元宝。官网如下:

腾讯元宝 - 轻松工作 多点生活

然后我把这个提示词交给了元宝进行回车对话,紧接着它就帮我快速生成了 4 个图标。

我这里生成的提示词虽然简单,但涵盖了关键信息,那就是生成图标。这个就直接涵盖了生成图片的比例一定是 1:1 的,而且生成的图片也适合做图标。

如果你看到了满意的图标,你可以点击选择满意的放大,进行AI编辑。可以看到里面有很多 AI 编辑工具,我最常用的去水印,毕竟是要用在自己的项目里,水印看起来不太美观。

生成图标

看到这里你或许会好奇,刚刚图标不是生成好了么,为什么还要再生成图标?这里的生成图标,指的生成适用于网站或者 App 的各种尺寸的图标。这里推荐一个很好用的在线工具RealFaviconGenerator,官网如下:

Favicon Generator for perfect icons on all browsers

这个网站不光可以生成 iOS和 Android 图标,也能生成网站的 ico 图标。这个网站最好的一点是,你可以在线预览各个平台的图标效果。

确认好后点击 Next,如果想反悔,就只能刷新页面重新开始了。

生成完毕后,点击 Download 即可下载全部图标的压缩包。网站下面还贴心的告诉你怎么在网页中使用。

压缩包里面可以看到,favicon 是用于网站的,ico 一般就够用了,如果要更清晰,就选择最大的 svg。iOS 可以选择apple-touch-icon.png,也可以根据实际需要,选择 192 或者 512 尺寸的。

总结

生成一个 App 图标总结就两步:

  1. AI生成图标
  2. 生成各平台尺寸图标

相信看完了本文,你立马就学会了如何制作网站或应用图标。其他的 AI 绘图工具,也是类似的方法,希望你能够活学活用。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 提示词描述
  • AI 画图
  • 生成图标
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档