プログラミング favicon

14

簡単な質問：基本的にお気に入りの小さなアプリをシステムトレイに置いて、よく使用するサイト/フォルダー/ファイルを同じ場所から開くことができるようにしています。既知のファイルタイプのシステムからデフォルトのアイコンを取得することはそれほど複雑ではありませんが、ウェブサイトからファビコンを取得する方法がわかりません。（たとえば、SOはアドレスバーに灰色からオレンジのスタックアイコンを持っています）誰か私がそれについてどうやって行くのか知っていますか？

115 c# .net-4.0 favicon

2

ファビコン標準-2020-svg、ico、png、および寸法？

2020年現在、どのファビコンディメンション、ファイル形式、メタ/リンクタグを使用する必要がありますか？これには、今日使用されているアップルのアイコン、Windows、Androidなどのデバイスが含まれます。 Operaを使用していますが、svg形式をサポートしていることがわかります。今日、svgを使用するのに最適なソリューションですか？「1つのファイルですべてに対応」というオプションはありますか？私は多くのウェブサイトを閲覧していて、さまざまな「ファビコンジェネレータ」をチェックしてきました。それらはすべて古いものであり、ほとんどが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

5

ファビコンとしてフォント素晴らしいアイコンを使用する

Font Awesomeアイコンをファビコンアイコンとして使用することはできますか？ブラウザのタブでウェブサイトのタイトルの横に表示される小さなアイコンですか？

109 favicon font-awesome

9

ブックマークレットをツールバーにドラッグしたときにファビコン/アイコンを設定するにはどうすればよいですか？

私は自分でブックマークレットを作成しましたが、正常に機能しますが、OperaまたはFirefoxのツールバーに追加すると、ブラウザのデフォルトのブックマークアイコン（それぞれ地球と星）になります。私のサイトにはファビコンがあり、ウィンドウ、タブ、および[サイト]ブックマークでさえ、私が指定したファビコンを使用しています。ブックマークレットだけじゃない。ブックマークレットもファビコンを取得できるように、サイトまたはブックマークレットをどのようにコーディングできますか？私は、ユーザーがファビコンを設定するために使用できるさまざまな手動ハッカー技術を知っていますが、それは望ましくない解決策です。

108 browser icons bookmarklet favicon

5

ファビコン-ベストプラクティス

私は、ファビコン、タッチアイコン、そしてタイルアイコンにも必要なこれらすべてのさまざまなサイズとフォーマットを理解しようとしています。私はこの投稿を読みました：http : //www.jonathantneal.com/blog/understand-the-favicon ですが、すべてのデバイスとブラウザで適切に表示されるようにするために何を使用するかについてはまだ漠然としています> = IE8 。私は以下を作成する必要があると思います： ICO favicon.ico（32x32） PNG favicon.png（96x96）タイルアイコン tileicon.png（144x144）これに基づくApple Touch Icon apple-touch-icon-precomposed.png（152x152）https://github.com/h5bp/html5-boilerplate/issues/1367 ...そして、このコードを使用してそれらを提供しますか？ <link rel="apple-touch-icon" href="path/to/touchicon.png"> <link rel="icon" href="path/to/favicon.png">   <meta name="msapplication-TileColor" content="#D83434"> <meta name="msapplication-TileImage" content="path/to/tileicon.png"> 何か不足していますか？これがIE 10をカバーするかどうかはわかりませんか？

106 favicon apple-touch-icon

3

Webサイトにファビコンを作成するためのベストプラクティスは何ですか？

質問 Webサイトにファビコンを作成するためのベストプラクティスは何ですか？また、16x16と32x32の両方の画像を含む.icoファイルは、16x16のみを含む.pngファイルよりも優れていますか？今日推奨される適切な方法が、かなり古いブラウザで機能しないのでしょうか？方法1 favicon.icoメインディレクトリに名前が付けられたファイルを配置するのも1つの方法です。ブラウザは常にそのファイルを要求します。これは、Apacheログファイルで確認できます。方法2 <head>セクション内のHTMLタグ： <link rel="shortcut icon" href="/images/favicon.png (or ico?)" type="image/x-icon" />

103 html favicon

5

Webサイトのロゴをブラウザタブのアイコン画像にするにはどうすればよいですか。

ブラウザタブのページタイトルの横にある画像-ここに画像をリンクするにはどうすればよいですか。

99 html favicon

10

ファビコンの作成[終了]

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 3年前休業。この質問を改善する Webサイトのファビコンを作成するにはどうすればよいですか？

95 html favicon

3

vue.js webpackプロジェクトでfavicon.icoを適切に設定する方法は？

をvue webpack使用してプロジェクトを作成しましたvue-cli。 vue init webpack myproject そして、プロジェクトをdevモードで実行しました： npm run dev 私はこのエラーを受け取りました：リソースの読み込みに失敗しました：サーバーはステータス404（見つかりません）http：// localhost：8080 / favicon.icoで応答しましたでは、webpack内で、favicon.ico正しくインポートする方法は？

91 html ecmascript-6 webpack vue.js favicon

9

現在、ファビコンをサポートするすべてのブラウザにファビコンを表示するための最良の方法は何ですか？

現在ファビコンをサポートしているすべてのブラウザにファビコンを表示するための現在の最良の方法は何ですか？以下を含めてください：どの画像形式がどのブラウザでサポートされているか。さまざまなブラウザのどの場所にどの行が必要か。

83 html standards favicon

7

Spring Boot：ファビコンのオーバーライド

Spring Bootのファビコンをオーバーライドするにはどうすればよいですか？注：これは、コーディングを含まない別のソリューションを提供する別の質問です。SpringBoot：ファットジャーを使用して任意のディレクトリで外部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）であり、SpringBootのメインリソースディレクトリに配置される「緑の葉」アイコンを提供します。 @EnableWebMvcを持つクラスを自分で実装せずにオーバーライドして、Spring BootのWebMvcAutoConfigurationクラスのデフォルト構成機能全体を無効にするにはどうすればよいですか？また、クライアント（Webブラウザ）側でアイコンファイルをできるだけ早く更新したいので、ファビコンファイルのキャッシュ期間を0に設定したいと思います（次のコードのように、「静的」なWebアプリケーションコンテンツとスクリプトファイル。ファイルを変更した後、できるだけ早くクライアント側で更新する必要があります。） public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/**") .addResourceLocations("/") .setCachePeriod(0); } したがって、SpringBootのfaviconRequestHandlerが尊重するfavicon.icoファイルを保存する場所を見つけるだけでは不十分な場合があります。更新これで、ファビコンファイルをsrc / main / resourcesディレクトリに配置することで、デフォルトのファイルを上書きできることがわかりました。しかし、キャッシュ期間の問題は依然として残っています。また、ファビコンファイルは、リソースディレクトリではなく、静的Webファイルが配置されているディレクトリに配置することをお勧めします。更新わかりました、私はなんとかデフォルトのものを上書きすることができました。私がしたことは次のとおりです。 @Configuration public class WebMvcConfiguration { @Bean public WebMvcConfigurerAdapter faviconWebMvcConfiguration() { return new FaviconWebMvcConfiguration(); } public class FaviconWebMvcConfiguration extends …

83 spring-mvc favicon spring-boot

タグ付けされた質問 「favicon」

タグ付けされた質問「favicon」