favicon-checker.com

mashable.com favicon

https://mashable.com/ · checked

  • 14passed
  • 7warnings
  • 9missing
  • 4optional

The main favicon of mashable.com is favicon-32x32.jpg, a 32×32 WebP file (652 B). We found 5 icon files, 8.7 KB in total. None of its icons is one Google Search can use. The site scores 47 out of 100: 14 passed, 7 warnings, 9 missing. Missing: favicon.ico, JPG 512×512, SVG favicon and 6 more.

How it looks

Rendered from the files we found.

Mashable
Browser tab · lightPassed
Mashable
Browser tab · darkOptional

Check that the icon stays visible on a dark tab.

Mashablehttps://mashable.com
Mashable Mashable is a global, multi-platform media and entertainment company.
Google searchMissing
Mashable
iOS home screenWarning

iOS needs a PNG; this is WebP.

512
Android · maskableMissing

There are no manifest icons, so Android falls back to a screenshot or a letter.

splash
PWA install & splashMissing

No 512 px icon in the manifest, so there is no install prompt or splash screen.

All favicon files of mashable.com

5 found
FileFound throughFormatSizeWeight
favicon.svgrel="mask-icon"SVGvector982 B
favicon-16x16.jpgrel="icon"WebP16×16250 B
favicon-32x32.jpgrel="icon"WebP32×32652 B
apple-touch-icon.jpgrel="apple-touch-icon"WebP180×1803.3 KB
android-chrome-192x192.jpgrel="icon"WebP192×1923.6 KB

Classic favicon

3 warnings · 2 missing
ico

favicon.ico

Missing
GET /favicon.ico – not found
HTTP
200

Browsers, RSS readers and many crawlers request /favicon.ico even when the HTML declares other icons. The URL does not return an image (image/x-icon).

WebP 16×16

Warning
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
Declared
16×16
Actual
16×16
Format
WebP
File size
250 B
HTTP
200
Content-Type
image/webp

The type attribute says image/jpg, but the file is WebP.

WebP 32×32

Warning
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
Declared
32×32
Actual
32×32
Format
WebP
File size
652 B
HTTP
200
Content-Type
image/webp

The type attribute says image/jpg, but the file is WebP.

WebP 192×192

Warning
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
Declared
192×192
Actual
192×192
Format
WebP
File size
3.6 KB
HTTP
200
Content-Type
image/webp

The type attribute says image/jpg, but the file is WebP.

404

JPG 512×512

Missing
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
HTTP
404

The file returns HTTP 404.

SVG icon

1 missing
svg

SVG favicon

Missing
<link rel="icon" type="image/svg+xml" href="…"> – not found

An SVG icon stays sharp at any size and can switch colors for dark browser themes.

Apple

1 passed · 1 warning

Apple touch icon

Warning
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
Declared
180×180
Actual
180×180
Recommended
180×180
Background
not measured
File size
3.3 KB
HTTP
200

iOS needs a PNG; this is WebP.

Safari pinned tab (mask-icon)

Passed
<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
Color
not set
File size
982 B

Legacy. Safari 12+ uses the regular favicon.

Web app manifest file

1 passed
json

manifest.json

Passed
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/json
JSON
valid
File size
468 B
Same origin
yes
Cache
30 min

Manifest fields

5 passed · 1 warning · 3 missing · 1 optional
  • name
    Mashable
  • short_name
    Mashable
  • start_urlThe page that opens when the installed app starts.
    not set
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192The file returns HTTP 404.
    broken
  • icons · 512×512The file returns HTTP 404.
    broken
  • icons · purpose: maskableWithout it Android shrinks your icon onto a white circle.
    not found
  • id
    not set

Google search

1 passed · 1 warning · 2 missing
  • Supported file formatGoogle lists BMP, GIF, ICO, PNG, JPEG, PPM and TIFF, which leaves out SVG and WebP. Declare a PNG or ICO as well.
    WebP
  • Square, at least 8×8 pxGoogle needs a square (1:1) icon.
    no square icon
  • Larger than 48×48 pxGoogle recommends more than 48×48 so the icon looks sharp. A declared 96×96 PNG or the 180 px Apple touch icon works.
    –
  • Declared on the homepage
    yes

Meta & legacy

1 passed · 3 optional
  • theme-color
    #00aeef
  • theme-color for dark modemedia="(prefers-color-scheme: dark)"
    not set
  • msapplication-TileColorWindows tiles, legacy.
    not set
  • browserconfig.xmlWindows tiles, legacy.
    not found

Delivery & performance

5 passed · 1 warning · 1 missing
  • HTTPS for every icon
    5 of 5
  • No mixed content
    0 http:// links
  • No broken links/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
    3 errors
  • Cache headersIcons rarely change; cache them for at least a day.
    0 of 5 · ≥ 1 day
  • Total icon weight
    8.7 KB
  • Redirects
    0
  • Duplicate tags
    none

Icon tags found in <head>

<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
<meta name="theme-color" content="#00aeef">

Questions about the mashable.com favicon

Where is the mashable.com favicon?

The main one is at https://mashable.com/favicons/favicon-32x32.jpg.

What size is the mashable.com favicon?

favicon-32x32.jpg is 32×32. The largest raster icon on the site is android-chrome-192x192.jpg at 192×192 px.

Can Google Search show the mashable.com favicon?

Not as things stand: Google needs a square icon in ICO, PNG, GIF, JPEG or BMP, declared on the homepage.

Does mashable.com have an Apple touch icon and a maskable icon?

The Apple touch icon is 180×180. The manifest has no maskable icon, so Android shrinks the regular one onto a white circle.

More favicon reports

All checked sites