slack.comのファビコン
- 11合格
- 4警告
- 3不足
- 5任意
slack.comのメインのファビコンはfavicon-32.pngで、35×34のPNGファイル(702 B)です。アイコンファイルは2件見つかり、合計は24.6 KBです。Google検索ではfavicon.ico(16、32、48、256 pxの画像を含むICOファイル(23.9 KB))を使えます。サイトのスコアは100点満点中69点で、合格11件、警告4件、不足3件です。不足: SVGファビコン、Apple touch icon、Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
slack.comのファビコンファイル一覧
2件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48, 256 px | 23.9 KB |
| favicon-32.png | rel="icon" | PNG | 35×34 | 702 B |
従来のファビコン
警告 2件favicon.ico
警告GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48 · 256
- ファイルサイズ
- 23.9 KB
- HTTP
- 302 → 200
- Content-Type
- image/vnd.microsoft.icon
- キャッシュ
- 10年
アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。
PNG 16×16 32×32 48×48
警告<link id="favicon" rel="shortcut icon" href="https://a.slack-edge.com/9cc0056/img/icons/favicon-32.png" sizes="16x16 32x32 48x48" type="image/png">
- 宣言値
- 16×16 32×32 48×48
- 実際の値
- 35×34
- 形式
- PNG
- ファイルサイズ
- 702 B
- HTTP
- 200
- Content-Type
- image/png
宣言したサイズとファイルの実サイズが一致しません。小さいタブで、ブラウザーが誤ったアイコンを選ぶ場合があります。アイコンが正方形ではないため、ブラウザーが縦横比を崩すか余白を足して表示します。
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
不足 1件 · 任意 1件Apple touch icon
不足<link rel="apple-touch-icon" href="…"> – 見つかりません
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 5件 · 警告 1件- 対応しているファイル形式ICO · favicon.ico
- 正方形で8×8 px以上256×256
- 48×48 pxより大きい256 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているGoogleは、変わったりリダイレクトされたりしないアイコンURLを好みます。リダイレクト 1回
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS2件中2件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー2件中2件 · 1日以上
- アイコンの合計容量24.6 KB
- リダイレクト/favicon.ico → https://a.slack-edge.com/cebaa/img/ico/favicon.ico1
- 重複するタグなし
<head>内のアイコンタグ
<link id="favicon" rel="shortcut icon" href="https://a.slack-edge.com/9cc0056/img/icons/favicon-32.png" sizes="16x16 32x32 48x48" type="image/png">
slack.comのファビコンに関するQ&A
slack.comのファビコンはどこにありますか?
メインのファビコンはhttps://a.slack-edge.com/9cc0056/img/icons/favicon-32.pngにあります。既定のパスhttps://slack.com/favicon.icoからもアイコンが返されます。
slack.comのファビコンのサイズは?
favicon-32.pngは35×34です。サイト内で最も大きいラスターアイコンはfavicon.icoで、256×256 pxです。
Google検索でslack.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。favicon.icoは16、32、48、256 pxの画像を含むICOファイル(23.9 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
slack.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconがないため、iOSはページのスクリーンショットか頭文字を使います。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。