Comments (3)
Mine is looking even more worse. Using Chrome... My favicon has all three resolutions (16px 24px 48px) in one file. Maybe that's the problem?
Another problem I have is that the transparency of the favicon gets removed when using tinycon.
from tinycon.
It could be, try using a plain png version of the favicon and see if you
get the same artifacts?
On Thu, Sep 1, 2016 at 8:55 AM, PranKe01 [email protected] wrote:
Mine is looking even more worse. Using Chrome... My favicon has all three
resolutions (16px 24px 48px) in one file. Maybe that's the problem?[image: image]
https://cloud.githubusercontent.com/assets/13560351/18174245/2b65c3c2-706d-11e6-9422-05d3775c08db.png—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#85 (comment), or mute
the thread
https://github.com/notifications/unsubscribe-auth/AAXP8vzYJq0uBzb4dKNgvzV_z0uLNaUOks5qlvV1gaJpZM4Iv90y
.
Tom Moor
http://tommoor.com
http://twitter.com/tommoor
from tinycon.
Okay, I see the problem. I read that the favicon should not be set in the of a page. But I needed to use to make it work with iOS.
Tinycon tries to get the first favicon it can find in the :
var getCurrentFavicon = function(){
if (!originalFavicon || !currentFavicon) {
var tag = getFaviconTag();
currentFavicon = tag ? tag.getAttribute('href') : '/favicon.ico';
if (!originalFavicon) {
originalFavicon = currentFavicon;
}
}
return currentFavicon;
};
That way it took a different image as favicon.
I fixed it that way:
Tinycon.setImage('@Url.Content("~/favicon.ico")');
Tinycon.setBubble(0); // I need to set it to 0 first, because setBubble only redraws the favicon the second time it is called (at least in current Chrome)
from tinycon.
Related Issues (20)
- Favicon not working correctly in Chrome
- tinycon
- Favicon path as a setting
- Rename "colour" to "color" HOT 2
- Having png icons seems to break getCurrentFavicon HOT 1
- Relying on window.devicePixelRatio causing issues when browser is zoomed
- publish this to bower and npm? HOT 5
- Support Edge Browser HOT 1
- In Chrome, Favicon not showing HOT 1
- Favicon tag is not matched case insenstively
- Doesnt fall back to title update in IE11
- Publish new version to npm HOT 1
- Request: Add bower.json to the repo HOT 4
- Take control of npm repository HOT 1
- Favicon location. HOT 1
- Regexp/Delete too aggressive? HOT 1
- Do not assume <link> tags are all in <head> HOT 3
- setBubble sometimes not working in Chrome HOT 4
- Favicon indicator is not working correctly in Chrome on Mac HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tinycon.