Page MenuHomePhabricator

Add SVG icon for Safari 9's pinned tabs
Closed, ResolvedPublic

Description

Safari 9 support "pinned tabs", and Apple introduced a new meta-header to specify the image that should be used there: <link rel="mask-icon" href="website_icon.svg" color="red"> Without the meta tag it picks a letter from the text/title of the page (for some reason, it chooses "A" on my install):

Phabricator_and_PhabricatorBarePageView_php_—_phabricator.png (226×384 px, 15 KB)

Phabricator should serve that meta tag, and add a .svg file to the favicons folder.

Documentation: https://developer.apple.com/library/prerelease/ios/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html
Blog post on implementing it: http://blog.iconfactory.com/2015/11/the-new-favicon/

Revisions and Commits

Event Timeline

rodbegbie updated the task description. (Show Details)
rodbegbie added a project: User Delight.
rodbegbie added a subscriber: rodbegbie.

why can't they use a favicon like everybody else?

It chooses an A for your default icon because pinned tabs are per domain, not per subdomain.

@avivey: Moving to a scalable SVG is probably a better long-term solution than the multiple sizes of apple-touch-icon Phabricator already has to support!

epriestley claimed this task.
epriestley added a subscriber: epriestley.

Fixed by D14527.