Questions tagged «favicon»

与特定网站关联的图标。它通常显示在Web浏览器的地址字段（通常留在URL中），选项卡栏或书签中。

14
如何获得网站的收藏夹图标？
问题很简单：我已经创建了一个小应用程序，它基本上只是位于系统托盘中的收藏夹，因此我可以从同一位置打开常用的网站/文件夹/文件。从我的系统中获取已知文件类型的默认图标并不十分复杂，但是我不知道如何从网站获取该图标。（例如，SO在地址栏中具有灰色->橙色堆栈图标） 有人知道我该怎么做吗？
115 c#  .net-4.0  favicon 
2
Favicon Standard-2020-SVG，ICO，PNG和尺寸？
截至2020年，应使用哪些网站图标尺寸，文件格式和元/链接标签？其中包括Apple图标，Windows，Android和当今人们使用的其他设备。 我使用Opera，可以看到它支持svg格式。是当今使用svg的最佳解决方案吗？是否有“一个文件可以容纳所有文件”的选项？ 我浏览了许多网站，并检查了不同的“网站图标生成器”。他们都已经岁了，并且大多数使用png文件。 例如： ico和svg应该使用什么代码？ <link rel="icon" href="favicon.ico" type="image/ico"> <link rel="icon" href="favicon.svg" type="image/svg+xml"> 还是应该指定尺寸（如果ico包含更多尺寸）？我找不到一个好的答案。 <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" href="favicon.ico"> 请提供应该使用哪些图标的尺寸，文件格式和元/链接标签。
113 html  svg  png  favicon 
9
小书签拖动到工具栏时如何设置图标/图标？
我已经为自己创建了一个书签，它的功能还不错，但是当添加到Opera或Firefox中的工具栏时，它只是采用了浏览器的默认书签图标（分别是一个地球仪和一个星星）。我的网站有一个网站图标，并且窗口，选项卡甚至[网站]书签都使用了我指定的网站图标。只是不是我的书签。 我该如何编码我的网站或小书签，以便小书签也能获得收藏夹图标？ 我知道事实发生后，用户可以使用各种手动黑客技术来设置图标，但这是不受欢迎的解决方案。
5
Favicons-最佳做法
我正在努力寻找Favicons，Touch图标以及现在的Tile图标所需的所有这些不同大小和格式的信息。 我已经阅读了这篇文章：http : //www.jonathantneal.com/blog/understand-the-favicon， 但是我仍然对使用什么模糊不清，在所有设备和浏览器> = IE8上看起来都相当不错。 我认为我应该创建以下内容： ICO favicon.ico（32x32） PNG favicon.png（96x96） 平铺图标 tileicon.png（144x144） 基于此https://github.com/h5bp/html5-boilerplate/issues/1367的 Apple Touch图标 apple-touch-icon-precomposed.png（152x152） ...然后使用此代码为他们服务？ <link rel="apple-touch-icon" href="path/to/touchicon.png"> <link rel="icon" href="path/to/favicon.png"> <!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]--> <!-- or, set /favicon.ico for IE10 win --> <meta name="msapplication-TileColor" content="#D83434"> <meta name="msapplication-TileImage" content="path/to/tileicon.png"> 我有什么想念的吗？ 我不清楚这是否涵盖IE 10？
3
在网站上创建收藏夹图标的最佳做法是什么？
题 在网站上创建收藏夹图标的最佳做法是什么？ 并且具有16x16和32x32图像的.ico文件是否比仅具有16x16 的.png文件更好？ 当今首选的正确方法可能无法在相当老的浏览器中工作吗？ 方法1 将命名文件放置favicon.ico在主目录中是一种方法。浏览器始终请求该文件。您可以在apache日志文件中看到它。 方法2 部分中的HTML标记<head>： <link rel="shortcut icon" href="/images/favicon.png (or ico?)" type="image/x-icon" />
103 html  favicon 
10
创建收藏夹图标[关闭]
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 3年前关闭。 改善这个问题 如何为我的网站创建收藏夹图标？
95 html  favicon 
7
春季启动：覆盖图标
如何覆盖Spring Boot的图标？ 注意：这是我的另一个问题，提供了不涉及任何编码的另一个解决方案：Spring Boot：是否可以在带有胖子的任意目录中使用外部application.properties文件？它用于application.properties，但也可以应用于收藏夹图标。实际上，我现在正在使用该方法来替换图标图标。 如果我实现的类具有@EnableWebMvc，则不会加载Spring Boot的WebMvcAutoConfiguration类，并且可以通过将其放置在静态内容的根目录中来提供自己的图标。 否则，WebMvcAutoConfiguration会注册faviconRequestHandler bean，（请参见源https://github.com/spring-projects/spring-boot/blob/master/spring-boot-autoconfigure/src/main/java/org/springframework/boot/autoconfigure/ web / WebMvcAutoConfiguration.java），并提供“绿叶”图标，该图标位于Spring Boot的主资源目录中。 如何在不实现自己具有@EnableWebMvc的类的情况下覆盖它，从而禁用Spring Boot的WebMvcAutoConfiguration类的整个默认配置功能？ 另外，由于我希望在客户端（Web浏览器）端尽快更新图标文件，因此我想将收藏图标的缓存周期设置为0。（例如下面的代码，我将其用于更改文件后，必须尽快在客户端上更新“静态” webapp内容和脚本文件。） public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/**") .addResourceLocations("/") .setCachePeriod(0); } 因此，仅找到保存Spring Boot的faviconRequestHandler认可的favicon.ico文件的位置可能不够。 更新 现在，我知道可以通过将图标图标放置到src / main / resources目录中来覆盖默认值。但是缓存期问题仍然存在。 此外，最好将收藏夹图标放置在放置静态Web文件的目录中，而不是资源目录中。 更新 好的，我设法覆盖了默认值。我所做的如下： @Configuration public class WebMvcConfiguration { @Bean public WebMvcConfigurerAdapter faviconWebMvcConfiguration() { return new FaviconWebMvcConfiguration(); } …
14
使用React和Webpack添加Favicon
我试图将图标添加到使用webpack创建的基于React的网站上。添加favicon完全是一场噩梦，而我尝试了许多解决方案都无济于事。向我推荐的最新解决方案称为“ favicons-webpack-plugin”，可在以下位置找到：https : //github.com/jantimon/favicons-webpack-plugin。 如果有人能告诉我我做错了什么，将非常感谢您的协助。 当我运行'npm run start'时出现以下错误 这是我的目录结构： 这是我的webpack.config.js文件： const path = require('path'); const merge = require('webpack-merge'); const webpack = require('webpack'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const TARGET = process.env.npm_lifecycle_event; const FaviconsWebpackPlugin = require('favicons-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const CleanPlugin = require('clean-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); var favicons = require('favicons'), …
11
如何在Rails 3.2中添加Favicon
我知道新的Rails应用程序附带一个空的favicon.ico文件。我想知道如何添加收藏夹图标。我知道您可以使用该favicon_link_tag帮助程序，但是我不确定如何填充favicon.ico文件。您是否使用网站图标生成器？如果是这样，哪个最好？ 我还希望能够对其进行缓存，rails是否也可以自动进行缓存？ 谢谢
3
使用Imagemagick将GIF，PNG和JPG转换为.ICO文件
从：JPG，到：ICO; /usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.jpg \ -transparent white -colors 256 output/favicon.ico 这是命令行的输出。 从：GIF，PNG到：ICO； /usr/bin/convert -resize x16 -gravity center -crop 16x16+0+0 input.png \ -flatten -colors 256 output/favicon.ico 我在透明度方面遇到问题。我似乎无法获得正确的代码，我尝试了-channel alpha -negate等 这将创建一个图像，当我将其应用于该网站时，它可与Firefox一起使用，但没有其他浏览器。IE，Chrome，Opera和Safari都出于某种原因而讨厌它，这是一个简单的favicon.ico文件。我的结论是，一定是我的命令在某个地方中断了。请帮忙？
11
苹果触摸图标的正确像素尺寸是多少？
我不确定正确的尺寸是多少。 许多网站似乎都在重复苹果触摸图标应为57x57像素，但引用断开的链接作为其来源。 Hanselman和游乐场的评论建议使用不同的尺寸，包括163x163和60x60。 苹果自己的apple.com图标是129x129！ 看到我的相关问题： 如何为我的网站提供iPhone图标？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.