If you have a base or header template that’s included everywhere why not include the favicon there with basic HTML? <link rel=”shortcut icon” type=”image/png” href=”https://stackoverflow.com/questions/21938028/{% static”favicon.ico’ %}”/>
Delete static_path from the app settings. Then set your handler like: handlers = [ (r’/(favicon\.ico)’, tornado.web.StaticFileHandler, {‘path’: favicon_path_dir}), (r’/static/(.*)’, tornado.web.StaticFileHandler, {‘path’: static_path_dir}), (r”https://stackoverflow.com/”, WebHandler) ]
You can use Pillow: from PIL import Image filename = r’logo.png’ img = Image.open(filename) img.save(‘logo.ico’) Optionally, you may specify the icon sizes you want: icon_sizes = [(16,16), (32, 32), (48, 48), (64,64)] img.save(‘logo.ico’, sizes=icon_sizes) The Pillow docs say that by default it will generate sizes [(16, 16), (24, 24), (32, 32), (48, 48), (64, 64), … Read more
To avoid duplicating anything of the original file, you can actually override the template while extending it (docs). So create your own template/admin/base_site.html: {% extends “admin/base_site.html” %} {% load static %} {% block extrahead %} <link rel=”shortcut icon” href=”{% static ‘yourapp/img/favicon.ico’ %}” /> {% endblock %}
A relative href is relative to the current request URI. Likely it resolved to an invalid URL. You need to prepend with the context path so that it becomes relative to the domain root. Also, the rel has better to be shortcut icon to get it to work in older browsers too. In case of … Read more
You can make an image with the canvas element, and then just replace the current favicon. Check out the following link for a good explanation on it. Reference Code is from the above reference. Markup <link id=”favicon” rel=”icon” type=”image/png” href=”image.png” /> JS (function () { var canvas = document.createElement(‘canvas’), ctx, img = document.createElement(‘img’), link = … Read more
You can use Base64 data of an image. Put something like this: <link href=”data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD9/f0F/Pz8DP///wD///8P////Dv///xL///8P////A////wD///8A/v7+Cf///wX///8A////APv7+wr9/f0D+/v7Dv///wb///81+vv8i/v7/Iv3+PqL4+nxi+ru9JHy9Piu5+zzru3w9ZD+/v5x/v7+H////wr///8A9/f3H/7+/g7///8J////HNDX5Pyaq8j/m6zJ/5esy/+QpcX/larK/5uwzv+MoMH/mqrG/5qlv+7Q0Nty/f3+Af///wD///8A/v7+A////wz+/v6b2d/q/4abvf+Emr7/jKHD/5Gnyf+Uqsz/fpW5/4mXuP/U1OL/e3ui+MPE0l7///8A////AP///wD///8P////Xa680/9/lrr/kafJ/5yy0/+WrM7/nbPT/52uyv+ktM7/1NTi/8LC1f+lpr3n////AP///wD///8A////AP7+/mDo7PL/ytPi/5yv0fehsuXuuMvl0Kq81drS2uf8+/z9bff3+SG5uM1r8vL1ff///wD///8A////AP///wr+/v4H/v7+jufq8umIg/Sut7L9YKul/W7PzvlMnZn03Ozq/x/+/v4H////AP///wD///8A////AP///wD///8A5OH/IpuS/pF3cfPploz/hH5y/6F/dP+gl47/gkw++e7Hwv9Fta//XPj4/gf///8A////AP///wD///8A+vn/BoyB/pGlnf5vfHfxy4mA/JlIOf/lmZD+f1lK/89kWPrPmZD+f9zY/yu3sP5ar6j/ZP///wD///8A6uj/GbSt/l6imv9yVkf/1HBm+MJ5eOrlhX/1s2JY+dRpYPfPv7/zb4+F/41WR//Uloz/hI6E/47///8A////AOro/xmnn/9teW3/qH5y/6HKxf9B9/n7Fc3N9VfMyvlQraj6cbWv/1zj4f4h2tf/Lks7/+NmWP+/0s7/OP///wCvqP9kjoT/jo6E/46Sif+I+vn/Bt3a/ypsX/+5////AH90/6Dj4f4h0Mz/OrWv/1yyq/9gkon/iNzY/yv///8A19P/MvLx/g////8A////APX0/wxvYv6119P/MtzY/ytmWP+/oZj/df///wBQQP/dt7D+Wv///wD///8A////AP///wD///8A////AKyk/2makf9+UUL/283J/z/l4/8f1dH/M////wD///8At7D+Wv39/gH///8A////AP///wD///8A////AP///wDa1/8u2tf/LtrX/y719P8M////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A//8AAOAfAADgBwAA4AMAAPABAADwHwAA8d8AAPAfAADonwAA8CEAAOf5AADGvQAA/bcAAP3/AAD//wAA//8AAA==” rel=”icon” type=”image/x-icon” /> into the <head> section of an html file. Base64 data can be received, for example, by favicon.cc
/favicon.ico might do the trick I have tried this on my sample website <link rel=”shortcut icon” type=”image/x-icon” href=”https://stackoverflow.com/questions/9963584/~/ows.ico” /> Try this one in your site put the link in MasterPage,It works 🙂 <link rel=”shortcut icon” type=”image/x-icon” href=”https://stackoverflow.com/questions/9963584/~/favicon.ico” /> I have tested in , FireFox. Chrome. Opera. Some troubleshoots: 1. Check if your favicon is accessible … Read more
I think the address should be without the slash: <%= favicon_link_tag ‘favicon.ico’ %>
The short answer: IE11 is the first version of Internet Explorer to support the direct usage of .png and .gif file format favicons. Why the confusion? As you mentioned, some seem to have implied that .png favicons are supported in IE7+, while others have stated the opposite. I believe the confusion is caused by the … Read more