tumblr.comのファビコン
- 31合格
- 0警告
- 0不足
- 2任意
tumblr.comのメインのファビコンはfavicon-cfddd25f.svgで、611 BのSVGファイルです。アイコンファイルは14件見つかり、合計は93.6 KBです。Google検索ではapple-touch-icon-f8ea2554.png(192×192のPNGファイル(3.1 KB))を使えます。サイトのスコアは100点満点中100点で、合格31件、警告0件、不足0件です。
表示イメージ
見つかったファイルから生成しています。
ダークテーマのタブでもアイコンが見えるか確認してください。
tumblr.comのファビコンファイル一覧
14件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 14.7 KB |
| favicon-0e3d244a.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| favicon-cfddd25f.svg | rel="icon" | SVG | ベクター | 611 B |
| safari-pinned-tab-ad5440dd.svg | rel="mask-icon" | SVG | ベクター | 762 B |
| apple-touch-icon-f8ea2554.png | rel="apple-touch-icon" | PNG | 192×192 | 3.1 KB |
| icon_48-c73a9a7f.png | マニフェスト、maskable | PNG | 48×48 | 1.8 KB |
| icon_72-5073ca87.png | マニフェスト、maskable | PNG | 72×72 | 1.8 KB |
| icon_96-fd166d1c.png | マニフェスト、maskable | PNG | 96×96 | 2.2 KB |
| icon_144-f8ea4b2f.png | マニフェスト、maskable | PNG | 144×144 | 2.4 KB |
| icon_192-f8ea2554.png | マニフェスト、maskable | PNG | 192×192 | 3.1 KB |
| icon_512-b1e6d65e.png | マニフェスト、maskable | PNG | 512×512 | 5.3 KB |
| icon_1024-68ae29e6.png | マニフェスト、maskable | PNG | 1024×1024 | 21.6 KB |
| icon_transparent_192-11c337ee.png | マニフェスト | PNG | 192×192 | 7.2 KB |
| icon_transparent_512-f2cb4399.png | マニフェスト | PNG | 512×512 | 14.5 KB |
従来のファビコン
合格 2件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 10年
ICO
合格<link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-0e3d244a.ico" rel="shortcut icon" type="image/x-icon">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVGアイコン
合格 1件SVGファビコン
合格<link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-cfddd25f.svg" rel="icon" sizes="any" type="image/svg+xml">
- 正方形のviewBox
- はい
- ダークモード
- いいえ
- スクリプト
- なし
- ファイルサイズ
- 611 B
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。
Apple
合格 2件Apple touch icon
合格<link data-rh="" href="https://assets.tumblr.com/pop/manifest/apple-touch-icon-f8ea2554.png" rel="apple-touch-icon" sizes="180x180">
- 宣言値
- 180×180
- 実際の値
- 192×192
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 3.1 KB
- HTTP
- 200
Safariのピン留めタブ(mask-icon)
合格<link data-rh="" color="#001935" href="https://assets.tumblr.com/pop/manifest/safari-pinned-tab-ad5440dd.svg" rel="mask-icon">
- 色
- #001935
- ファイルサイズ
- 762 B
旧仕様です。Safari 12以降は通常のファビコンを使います。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 2.7 KB
- 同一オリジン
- はい
- キャッシュ
- 5分
マニフェストのフィールド
合格 10件- nameTumblr
- short_nameTumblr
- start_url/
- displaystandalone
- theme_color#36465d
- background_color#36465d
- icons · 192×192PNG · 7.2 KB · 200
- icons · 512×512PNG · 14.5 KB · 200
- icons · purpose: maskable48×48
- idhttps://www.tumblr.com/
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon-f8ea2554.png
- 正方形で8×8 px以上192×192
- 48×48 pxより大きい192 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 2件 · 任意 2件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColor#001936
- browserconfig.xmlあり
配信とパフォーマンス
合格 7件- すべてのアイコンがHTTPS14件中14件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー14件中14件 · 1日以上
- アイコンの合計容量93.6 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="manifest" href="/manifest.json"> <link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-0e3d244a.ico" rel="shortcut icon" type="image/x-icon"> <link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-cfddd25f.svg" rel="icon" sizes="any" type="image/svg+xml"> <link data-rh="" color="#001935" href="https://assets.tumblr.com/pop/manifest/safari-pinned-tab-ad5440dd.svg" rel="mask-icon"> <link data-rh="" href="https://assets.tumblr.com/pop/manifest/apple-touch-icon-f8ea2554.png" rel="apple-touch-icon" sizes="180x180"> <meta data-rh="" content="#001936" name="msapplication-TileColor"> <meta data-rh="" content="https://assets.tumblr.com/pop/manifest/mstile-150x150-b040e390.png" name="msapplication-TileImage">
tumblr.comのファビコンに関するQ&A
tumblr.comのファビコンはどこにありますか?
メインのファビコンはhttps://assets.tumblr.com/pop/manifest/favicon-cfddd25f.svgにあります。既定のパスhttps://www.tumblr.com/favicon.icoからもアイコンが返されます。
tumblr.comのファビコンのサイズは?
favicon-cfddd25f.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはicon_1024-68ae29e6.pngで、1024×1024 pxです。
Google検索でtumblr.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon-f8ea2554.pngは192×192のPNGファイル(3.1 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
tumblr.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは192×192です。マニフェストにmaskableアイコンがあります。