Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improved old icons #11190

Merged
merged 6 commits into from Jan 21, 2017
Merged

Improved old icons #11190

merged 6 commits into from Jan 21, 2017

Conversation

Findus23
Copy link
Member

@Findus23 Findus23 commented Jan 13, 2017

While looking through the UI icons I found the following improvements: (#11177)

  • plugins/DevicesDetection/images/brand/*.ico are PNG files with a wrong file extentions
  • converted all icons to png (no more jpg or gif (except for loading icons/animated gifs))
  • deleted plugins/Live/images/visitor_profile_background.jpg (this .less file doesn't seem to be used any more)
  • What about plugins/CoreHome/images/bg_header.png? I guess it can also be deleted.
  • plugins/CoreHome/images/favicon.ico was a PNG. I replaced it with a real multisize ico file.
  • I found this comment. Is it still relevant?

@mattab
Copy link
Member

mattab commented Jan 17, 2017

Thanks for the PR!

Feedback:

  • an integration test fails with png format failed for following icons /home/travis/build/piwik/piwik/plugins/CoreHome/images/favicon.ico. Would it be possible to make the favicon PNG format?

I found this comment. Is it still relevant?

I'd say it's still relevant, but maybe the code below won't be useful / executed anymore as you seem to have converted all icons away from gif? If that's the case you could maybe try remove the code (or we can leave it as a fail safe in case icons in gif are later added)

@mattab mattab modified the milestone: 3.0.2 Jan 17, 2017
@Findus23
Copy link
Member Author

an integration test fails with png format failed for following icons /home/travis/build/piwik/piwik/plugins/CoreHome/images/favicon.ico. Would it be possible to make the favicon PNG format?

What is the reason behind having a wrong file extension for png files and as a result sending the wrong mime type to the browser.
If you want to have a png favicon, we could add two icons (16px and 32px) and reference them as png. (As realfavicongenerator.net does it)

<link rel="icon" type="image/png" href="/plugins/CoreHome/images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/plugins/CoreHome/images/favicon-16x16.png" sizes="16x16">

I'd say it's still relevant, but maybe the code below won't be useful / executed anymore as you seem to have converted all icons away from gif? If that's the case you could maybe try remove the code (or we can leave it as a fail safe in case icons in gif are later added)

I'd just keep it there.

@mattab
Copy link
Member

mattab commented Jan 19, 2017

If you want to have a png favicon, we could add two icons (16px and 32px) and reference them as png. (As realfavicongenerator.net does it)

Would be great to do remove our favicon.ico completely and do it properly with png files as you suggest 👍

@sgiehl
Copy link
Member

sgiehl commented Jan 19, 2017 via email

@Findus23
Copy link
Member Author

@sgiehl you are right, I forgot about this possibility.
It gets even more complicated because chrome (also opera and chrome mobile) prefer ico favicons over png, if it has a higher resolution (mine includes 16,32,48,64px)
Safari (desktop always preferes the ico, even if it is smaller.
And the "old" Android Browser always picks the last defined icon.
http://caniuse.com/#feat=link-icon-png

I assume there is no way to generate multisize ico files in Piwik, so maybe it's really best to drop the .ico so it can't interfere with the custom favicon. (Which would have to be rewritten to generate the correct png files).

@RMastop
Copy link
Contributor

RMastop commented Jan 19, 2017

Could the project from @chrisbliss18 be of help here?
https://github.com/chrisbliss18/php-ico

@mattab
Copy link
Member

mattab commented Jan 21, 2017

I'll update the integration test so it does not check the format of favicon.ico. Merging now, Thanks @Findus23 for the PR!

@mattab mattab merged commit 4a27689 into matomo-org:3.x-dev Jan 21, 2017
@Findus23 Findus23 deleted the better-old-icons branch January 22, 2017 07:59
@mattab mattab added the c: Design / UI For issues that impact Matomo's user interface or the design overall. label Feb 28, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
c: Design / UI For issues that impact Matomo's user interface or the design overall.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants