Favicon errors and tester #89
Comments
|
|
jbampton
added a commit
to jbampton/mruby.github.io
that referenced
this issue
Dec 23, 2020
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `robots.txt` - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - refs mruby#85 - refs mruby#89 https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
jbampton
added a commit
to jbampton/mruby.github.io
that referenced
this issue
Dec 23, 2020
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `robots.txt` - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - refs mruby#85 - refs mruby#89 https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
jbampton
added a commit
to jbampton/mruby.github.io
that referenced
this issue
Dec 23, 2020
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `robots.txt` - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - refs mruby#85 - refs mruby#89 https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
jbampton
added a commit
to jbampton/mruby.github.io
that referenced
this issue
Dec 23, 2020
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `robots.txt` - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - Fix missing HTTPS on link - refs mruby#85 - refs mruby#89 https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
jbampton
added a commit
to jbampton/mruby.github.io
that referenced
this issue
Dec 23, 2020
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `robots.txt` - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - Fix missing HTTPS on link - refs mruby#85 - refs mruby#89 https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
jbampton
added a commit
to jbampton/mruby.github.io
that referenced
this issue
Dec 23, 2020
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `robots.txt` - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - Fix missing HTTPS on link - refs mruby#85 - refs mruby#89 https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Found an icon tester:
https://realfavicongenerator.net/favicon_checker?protocol=https&site=mruby.org
Looks like we are doing fine on Chrome and iOS Safari.
But on Windows 8 and 10, Mac OS Safari and classic desktop browsers we need to fix 9 issues.
refs #86
refs #84
refs #82
refs #85
Lighthouse also checks for the existence of a mask icon.
https://web.dev/maskable-icon/
https://web.dev/maskable-icon-audit/
https://maskable.app/editor
The text was updated successfully, but these errors were encountered: