How can I get a favicon to show up in my django app

Question

I just want to drop the favicon ico in my staticfiles directory and then have it show up in my app   How can I accomplish this   I have placed the favicon ico file in my staticfiles directory  but it doesn t show up and I see this in my log   127 0 0 1 - -  21 Feb 2014 10 10 53   GET  favicon ico HTTP 1 1  404 -   If I go to http   localhost 8000 static favicon ico  I can see the favicon

User · Answer

Best practices     Contrary to what you may think  the favicon can be of any size and of any image type  Follow this link for details   Not putting a link to your favicon can slow down the page load   In a django project  suppose the path to your favicon is     myapp static icons favicon png   in your django templates  preferably in the base template   add this line to head of the page     lt link rel  shortcut icon  href      static  icons favicon png      gt    Note     We suppose  the static settings are well configured in settings py

User · Answer

lt link rel  shortcut icon  type  image png  href     static  favicon sample png        gt    Also run   python manage py collectstatic

User · Answer

One lightweight trick is to make a redirect in your urls py file  e g  add a view like so   from django views generic base import RedirectView  favicon view   RedirectView as view url   static favicon ico   permanent True   urlpatterns                 re path r  favicon  ico    favicon view               This works well as an easy trick for getting favicons working when you don t really have other static content to host

User · Answer

Now in 2020   You could add a base tag in html file   lt head gt   lt base href  quot https   www example com static  quot  gt    lt  head gt

User · Answer

Came across this while looking for help  I was trying to implement the favicon in my Django project and it was not showing -- wanted to add to the conversation  While trying to implement the favicon in my Django project I renamed the  favicon ico  file to  my filename ico         the image would not show  After renaming to  favicon ico  resolved the issue and graphic displayed  below is the code that resolved my issue   lt link rel  quot shortcut icon quot  type  quot image png quot  href  quot    static  img favicon ico     quot    gt

User · Answer

if you have permission then  Alias  favicon ico  var www aktel workspace1 PyBot PyBot static favicon ico   add alias to your virtual host   in apache config file   similarly for robots txt  Alias  robots txt  var www ---your path --- PyBot robots txt

User · Answer

If you have a base or header template that s included everywhere why not include the favicon there with basic HTML    lt link rel  shortcut icon  type  image png  href     static  favicon ico       gt

User · Answer

The best solution is to override the Django base html template  Make another base html template under admin directory  Make an admin directory first if it does not exist  app admin base html   Add    block extrahead    to the overriding template       extends  admin base html        load staticfiles       block javascripts           block super     lt script type  text javascript  src     static  app js action js      gt  lt  script gt      endblock        block extrahead         lt link rel  shortcut icon  href     static  app img favicon ico         gt     endblock       block stylesheets            block super       endblock

User · Answer

Universal solution  You can get the favicon showing up in Django the same way you can do in any other framework  just use pure HTML   Add the following code to the header of your HTML template  Better  to your base HTML template if the favicon is the same across your application    lt link rel  shortcut icon  href     static  favicon favicon png       gt    The previous code assumes    You have a folder named  favicon  in your static folder The favicon file has the name  favicon png  You have properly set the setting variable STATIC URL   You can find useful information about file format support and how to use favicons in this article of Wikipedia https   en wikipedia org wiki Favicon  I can recommend use  png for universal browser compatibility    EDIT  As posted in one comment   Don t forget to add    load staticfiles    in top of your template file

User · Answer

I tried the following settings in django 2 1 1 base html  lt head gt       load static       lt link rel  quot shortcut icon quot  type  quot image png quot  href  quot    static  images favicon ico     quot   gt   lt  head gt   settings py  STATIC ROOT   os path join BASE DIR   static    STATIC URL     static     lt br gt                 Project directory structure  view live here

User · Answer

lt link rel  shortcut icon  href     static  favicon favicon ico       gt    Just add that in ur base file like first answer but ico extension and add it to the static folder

User · Answer

Just copy your favicon on   yourappname mainapp ex core  static mainapp ex core  img  Then go to your mainapp template ex base html  and just copy this  after    load static    because you must load first the statics    lt link href     static  core img favi x png      rel  shortcut icon  type  image png    gt

User · Answer

In template file     load static      Then within  lt head gt  tag   lt link rel  shortcut icon  href      static  favicon ico      gt    This assumes that you have static files configured appropiately in settings py     Note  older versions of Django use load staticfiles  not load static

User · Answer

In your settings py add a root staticfiles directory      STATICFILES DIRS             os path join BASE DIR   static               Create  static images favicon ico  Add the favicon to your template base html       load static     lt link rel  shortcut icon  type  image png  href     static  images favicon ico       gt    And create a url redirect in urls py because browsers look for a favicon in  favicon ico  from django contrib staticfiles storage import staticfiles storage from django views generic base import RedirectView  urlpatterns                 path  favicon ico   RedirectView as view url staticfiles storage url  images favicon ico

[django] How can I get a favicon to show up in my django app?

Examples related to django

Examples related to favicon