favicon-checker.com
サイトをチェック
日本語
EnglishenEspañolesPortuguêsptFrançaisfrDeutschdeItalianoitPolskiplРусскийruTürkçetrBahasa Indonesiaid日本語ja한국어ko简体中文zh

heroku.comのファビコン

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

  • 14合格
  • 4警告
  • 2不足
  • 4任意

heroku.comのメインのファビコンはapple-touch-icon-180x180-1.pngで、32×32のWebPファイル（616 B）です。アイコンファイルは3件見つかり、合計は8.7 KBです。Google検索ではfavicon.ico（16 pxの画像を含むICOファイル（198 B））を使えます。サイトのスコアは100点満点中80点で、合格14件、警告4件、不足2件です。不足: SVGファビコン、Webアプリマニフェスト。

表示イメージ

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

Heroku | The Cloud Application Platform For Developers
ブラウザータブ · ライト合格
Heroku | The Cloud Application Platform For Developers
ブラウザータブ · ダーク任意

ダークテーマのタブでもアイコンが見えるか確認してください。

Herokuhttps://www.heroku.com
Heroku | The Cloud Application Platform For Developers Experience fully managed app hosting that just works. Build, deploy, and scale on the battle-tested platform that defines the industry.
Google検索警告
Heroku
iOSのホーム画面警告

iOSにはPNGが必要です。このファイルはWebPです。

512
Android · maskable不足

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

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

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

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

3件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16 px198 B
apple-touch-icon-180x180-1.pngrel="icon"WebP32×32616 B
apple-touch-icon-180x180-1.pngrel="icon" · rel="apple-touch-icon"WebP180×1807.9 KB

従来のファビコン

合格 2件 · 警告 1件

favicon.ico

合格
GET /favicon.ico · HTMLで宣言されていません（ルートで検出）
形式
ICO（本物）
含まれる画像
16
ファイルサイズ
198 B
HTTP
200
Content-Type
image/x-icon
キャッシュ
4時間

WebP 32×32

合格
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
宣言値
32×32
実際の値
32×32
形式
WebP
ファイルサイズ
616 B
HTTP
200
Content-Type
image/webp

WebP 192×192

警告
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
宣言値
192×192
実際の値
180×180
形式
WebP
ファイルサイズ
7.9 KB
HTTP
200
Content-Type
image/webp

宣言したサイズとファイルの実サイズが一致しません。小さいタブで、ブラウザーが誤ったアイコンを選ぶ場合があります。

SVGアイコン

不足 1件
svg

SVGファビコン

不足
<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません

SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。

Apple

警告 1件 · 任意 1件

Apple touch icon

警告
<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
宣言値
サイズ指定なし
実際の値
180×180
推奨
180×180
背景
未計測
ファイルサイズ
7.9 KB
HTTP
200

iOSにはPNGが必要です。このファイルはWebPです。

mask

Safariのピン留めタブ（mask-icon）

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

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

Webアプリマニフェスト

不足 1件
json

Webアプリマニフェスト

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

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

Google検索

合格 5件 · 警告 1件
  • 対応しているファイル形式
    ICO · favicon.ico
  • 正方形で8×8 px以上
    16×16
  • 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。
    16 px
  • トップページで宣言されている
    はい
  • robots.txtでブロックされていない
    許可
  • URLが安定している
    リダイレクトなし

メタタグと旧仕様

合格 1件 · 任意 3件
  • theme-color
    #5A1BA9
  • ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"
    未設定
  • msapplication-TileColorWindowsのタイル用。旧仕様です。
    未設定
  • browserconfig.xmlWindowsのタイル用。旧仕様です。
    なし

配信とパフォーマンス

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

<head>内のアイコンタグ

<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
<meta name="theme-color" content="#5A1BA9">
<meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">

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

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

メインのファビコンはhttps://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32にあります。既定のパスhttps://www.heroku.com/favicon.icoからもアイコンが返されます。

heroku.comのファビコンのサイズは？

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

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

サイトはGoogleの条件を満たしています。favicon.icoは16 pxの画像を含むICOファイル（198 B）で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。

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

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

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

チェック済みサイト一覧