Html 如何创建纯文本图标?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/1291736/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 00:37:03  来源:igfitidea点击:

How to create a text-only favicon?

htmlfavicon

提问by Shreeni

Is there a free and easy text-only favicon generator? There are numerous online favicon generators asking for a image+text to create a favicon. I am interested in putting only text into my favicon, probably with a choice of different fonts. Anybody knows of a a good online text-only favicon generator?

是否有免费且简单的纯文本图标生成器?有许多在线图标生成器要求图像+文本来创建图标。我有兴趣只将文本放入我的图标中,可能会选择不同的字体。有人知道一个好的在线纯文本图标生成器吗?

Also, any desktop solution that does not involve paid software will also do. Does anybody know of such an option (I use a MAC)?

此外,任何不涉及付费软件的桌面解决方案也可以。有人知道这样的选项吗(我使用 MAC)?

采纳答案by zombat

I don't know a good online one, but why not just boot up MacPaint and put some black text on a white background? You could save the result as an image in the right size yourself, or upload it to one of the generators to get the sizing and formatting done for you. Your font choice would be quite large, as you could use any of the free fonts available on the web.

我不知道一个好的在线版本,但为什么不启动 MacPaint 并在白色背景上放一些黑色文本呢?您可以自己将结果保存为正确尺寸的图像,或将其上传到其中一个生成器以完成尺寸和格式设置。您的字体选择会非常大,因为您可以使用网络上提供的任何免费字体。

回答by nathanvda

A simple only solution is http://antifavicon.com/

一个简单的唯一解决方案是http://antifavicon.com/

Not the prettiest favicons, but very simple, with a retro look ;)

不是最漂亮的图标,但非常简单,具有复古外观;)

回答by jdhao

I have found one site which exactly does what you want, the site address is https://favicon.io/. (see the image below) enter image description here

我找到了一个完全符合您要求的站点,站点地址是https://favicon.io/。(见下图) 在此处输入图片说明

It can generate 16X16 and 32x32 favicon image. It can also generate a 1024x1024 png image. You can use this siteto generate various favicon from the big image.

它可以生成 16X16 和 32x32 的图标图像。它还可以生成 1024x1024 的 png 图像。您可以使用此站点从大图像生成各种图标。

回答by The Disintegrator

http://www.animatedfavicon.com

http://www.animatedfavicon.com

With this one you can generate an animated gif of a scrolling text (and an icon). It's very easy to use. Rename the gif to favicon.ico and put it in the root folder of your webpage.

使用这个,您可以生成滚动文本(和图标)的动画 gif。它非常容易使用。将 gif 重命名为 favicon.ico 并将其放在网页的根文件夹中。

For the "no icon" part. Simply use a 16px white gif as "icon"

对于“无图标”部分。只需使用 16px 白色 gif 作为“图标”

alt text http://www.animatedfavicon.com/iconz/5d7acd6919b25b7651ee9bd9fefbbb69_extra_animated_favicon.gif

替代文字 http://www.animatedfavicon.com/iconz/5d7acd6919b25b7651ee9bd9fefbbb69_extra_animated_favicon.gif

回答by Siva

http://faviconist.com/

http://faviconist.com/

It has nice font collection and simple color scheme.

它有漂亮的字体集合和简单的配色方案。

Faviconist is a Favicon generator with a difference: No need for image uploading or editing. Just provide a letter (or another character) and a color scheme, and we'll make the icon for you. Click "Save Favicon" to keep it.

Faviconist 是一个 Favicon 生成器,不同之处在于:无需上传或编辑图像。只需提供一个字母(或其他字符)和一个配色方案,我们就会为您制作图标。单击“保存 Favicon”以保留它。

回答by Doreen Zheng

I think this is the easiest way:

我认为这是最简单的方法:

  1. Open up Microsoft's Paint.
  2. Type the texts you want.
  3. From Paint's menu, "Resize" by "Pixels" to 16x16.
  4. Save image as .png to get a clear background.
  5. Go to http://www.favicon-generator.org/
  6. Follow favicon-generator instruction accordingly.
  7. Done!
  1. 打开微软的画图。
  2. 键入您想要的文本。
  3. 从“画图”菜单中,按“像素”“调整大小”到 16x16。
  4. 将图像另存为 .png 以获得清晰的背景。
  5. 转到http://www.favicon-generator.org/
  6. 相应地遵循 favicon-generator 说明。
  7. 完毕!

回答by Karl

Personally, I would just boot up some image editor and make a 16x16 png image, then use the png image as the favicon. It doesn't have to be an ico file, and even if it does just convert it using something (I don't know what software would do this on a mac, gimp maybe?)

就个人而言,我会启动一些图像编辑器并制作一个 16x16 的 png 图像,然后使用 png 图像作为 favicon。它不一定是 ico 文件,即使它只是使用某些东西来转换它(我不知道什么软件会在 Mac 上执行此操作,可能是 gimp?)

No matter what it's going to be an image, but if you want the image to just be a letter or something you can do that.

不管它是什么图像,但如果你想让图像只是一个字母或其他东西,你可以这样做。