favicon-checker.com

snapchat.comのファビコン

https://www.snapchat.com/ · リダイレクト 1回 · 確認日

  • 15合格
  • 1警告
  • 5不足
  • 3任意

snapchat.comのメインのファビコンはfavicon.icoで、16、32、48 pxの画像を含むICOファイル(15.0 KB)です。アイコンファイルは2件見つかり、合計は17.6 KBです。Google検索ではapple-touch-icon.png(180×180のPNGファイル(2.6 KB))を使えます。サイトのスコアは100点満点中70点で、合格15件、警告1件、不足5件です。不足: PNG 192×192、SVGファビコン、Apple touch iconほか2件。

表示イメージ

見つかったファイルから生成しています。

Snapchat - Say It In A Snap
ブラウザータブ · ライト警告

明るい色のアイコンは、ライトテーマのタブに溶け込みます。輪郭か背景を付けてください。

Snapchat - Say It In A Snap
ブラウザータブ · ダーク合格
Snapchathttps://www.snapchat.com
Snapchat - Say It In A Snap Chat, send Snaps, explore Stories, and try Lenses on desktop, or download the app on mobile! See how to connect & create with friends on Snapchat, wherever you are.
Google検索合格
Snapchat
iOSのホーム画面合格
512
Android · maskable不足

マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。

splash
PWAのインストールとスプラッシュ不足

マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。

snapchat.comのファビコンファイル一覧

2件検出
ファイル検出元形式サイズ容量
favicon.icorel="icon" · 既定のパスICO16, 32, 48 px15.0 KB
apple-touch-icon.pngrel="apple-touch-icon" · 既定のパスPNG180×1802.6 KB

従来のファビコン

合格 1件 · 不足 1件

favicon.ico

合格
<link rel="icon" href="/favicon.ico" type="image/x-icon">
形式
ICO(本物)
含まれる画像
16 · 32 · 48
ファイルサイズ
15.0 KB
HTTP
200
Content-Type
image/x-icon
キャッシュ
4時間
404

PNG 192×192

不足
<link rel="icon" href="/favicon-192x192.png" type="image/png" sizes="192x192">
HTTP
404

ファイルがHTTP 404を返しています。

SVGアイコン

不足 1件
svg

SVGファビコン

不足
<link rel="icon" href="/favicon.svg" type="image/svg+xml">

ファイルがHTTP 404を返しています。

Apple

合格 1件 · 不足 1件 · 任意 1件

Apple touch icon

合格
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
宣言値
180×180
実際の値
180×180
推奨
180×180
背景
不透過
ファイルサイズ
2.6 KB
HTTP
200
180

Apple touch icon

不足
<link rel="apple-touch-icon" href="/apple-touch-icon-yellow-192.png" sizes="192x192">

ファイルがHTTP 404を返しています。

mask

Safariのピン留めタブ(mask-icon)

任意
<link rel="mask-icon" href="…" color="…"> – 見つかりません

旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。

Webアプリマニフェスト

不足 1件
json

Webアプリマニフェスト

不足
<link rel="manifest" href="…"> – 見つかりません

Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。

Google検索

合格 6件
  • 対応しているファイル形式
    PNG · apple-touch-icon.png
  • 正方形で8×8 px以上
    180×180
  • 48×48 pxより大きい
    180 px
  • トップページで宣言されている
    はい
  • robots.txtでブロックされていない
    許可
  • URLが安定している
    リダイレクトなし

メタタグと旧仕様

合格 2件 · 任意 2件
  • theme-color
    #ffffff
  • ダークモード用のtheme-color
    #121212
  • msapplication-TileColorWindowsのタイル用。旧仕様です。
    未設定
  • browserconfig.xmlWindowsのタイル用。旧仕様です。
    なし

配信とパフォーマンス

合格 5件 · 警告 1件 · 不足 1件
  • すべてのアイコンがHTTPS
    2件中2件
  • 混在コンテンツなし
    http://リンク 0件
  • リンク切れなし/favicon.svg, /favicon-192x192.png, /apple-touch-icon-yellow-192.png
    エラー 3件
  • キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。
    2件中0件 · 1日以上
  • アイコンの合計容量
    17.6 KB
  • リダイレクト
    0
  • 重複するタグ
    なし

<head>内のアイコンタグ

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-192x192.png" type="image/png" sizes="192x192">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="apple-touch-icon" href="/apple-touch-icon-yellow-192.png" sizes="192x192">
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#121212" media="(prefers-color-scheme: dark)">

snapchat.comのファビコンに関するQ&A

snapchat.comのファビコンはどこにありますか?

メインのファビコンはhttps://www.snapchat.com/favicon.icoにあります。

snapchat.comのファビコンのサイズは?

favicon.icoは16, 32, 48 pxです。サイト内で最も大きいラスターアイコンはapple-touch-icon.pngで、180×180 pxです。

Google検索でsnapchat.comのファビコンは表示されますか?

サイトはGoogleの条件を満たしています。apple-touch-icon.pngは180×180のPNGファイル(2.6 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。

snapchat.comにApple touch iconとmaskableアイコンはありますか?

Apple touch iconは180×180です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。

ほかのファビコンレポート

チェック済みサイト一覧