mashable.com favicon
- 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.
Check that the icon stays visible on a dark tab.
iOS needs a PNG; this is WebP.
There are no manifest icons, so Android falls back to a screenshot or a letter.
No 512 px icon in the manifest, so there is no install prompt or splash screen.
All favicon files of mashable.com
5 found| File | Found through | Format | Size | Weight |
|---|---|---|---|---|
| favicon.svg | rel="mask-icon" | SVG | vector | 982 B |
| favicon-16x16.jpg | rel="icon" | WebP | 16×16 | 250 B |
| favicon-32x32.jpg | rel="icon" | WebP | 32×32 | 652 B |
| apple-touch-icon.jpg | rel="apple-touch-icon" | WebP | 180×180 | 3.3 KB |
| android-chrome-192x192.jpg | rel="icon" | WebP | 192×192 | 3.6 KB |
Classic favicon
3 warnings · 2 missingfavicon.ico
MissingGET /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.
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 missingSVG 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 warningApple 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 passedmanifest.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- nameMashable
- short_nameMashable
- start_urlThe page that opens when the installed app starts.not set
- displaystandalone
- 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
- idnot 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 homepageyes
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 icon5 of 5
- No mixed content0 http:// links
- No broken links/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png3 errors
- Cache headersIcons rarely change; cache them for at least a day.0 of 5 · ≥ 1 day
- Total icon weight8.7 KB
- Redirects0
- Duplicate tagsnone
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.