{"title":"Gerenciamento de arquivos estáticos (ex.: imagens, JavaScript, CSS)","version":"3.2","locale":"pt-br","docname":"howto/static-files/index","url":"/pt-br/3.2/howto/static-files/","canonical":"https://djangodocs.dev/pt-br/3.2/howto/static-files/","summary":"Sites geralmente precisam servir arquivos adicionais como imagens, JavaScript, ou CSS. No Django, nós nos referimos a estes arquivos como “arquivos estáticos”. O…","html":"<h1>Gerenciamento de arquivos estáticos (ex.: imagens, JavaScript, CSS)<a class=\"heading-anchor\" href=\"#managing-static-files-e-g-images-javascript-css\"><span class=\"visually-hidden\">Link para este cabeçalho</span><span aria-hidden=\"true\">#</span></a></h1>\n<p>Sites geralmente precisam servir arquivos adicionais como imagens, JavaScript, ou CSS. No Django, nós nos referimos a estes arquivos como “arquivos estáticos”. O Django fornece  <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#module-django.contrib.staticfiles\" title=\"django.contrib.staticfiles: An app for handling static files.\"><code class=\"xref py py-mod docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code></a> para ajudar você a gerenciar eles.</p>\n<p>Está página descreve como você pode servir estes arquivos estáticos.</p>\n<section id=\"configuring-static-files\">\n<h2>Configurando arquivos estáticos<a class=\"heading-anchor\" href=\"#configuring-static-files\"><span class=\"visually-hidden\">Link para este cabeçalho</span><span aria-hidden=\"true\">#</span></a></h2>\n<ol class=\"arabic\">\n<li><p>Certifique-se de que <code class=\"docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code> está incluído no seu <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-INSTALLED_APPS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">INSTALLED_APPS</span></code></a>.</p></li>\n<li><p>Em seu arquivo de configurações, defina <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATIC_URL\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATIC_URL</span></code></a>, por exemplo:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"n\">STATIC_URL</span> <span class=\"o\">=</span> <span class=\"s1\">&#39;/static/&#39;</span>\n</code></pre></div>\n</li>\n<li><p>Nos seus templates, use a template tag <a class=\"reference internal\" href=\"/pt-br/3.2/ref/templates/builtins/#std-templatetag-static\"><code class=\"xref std std-ttag docutils literal notranslate\"><span class=\"pre\">static</span></code></a> para construir a URL para o caminho relativo fornecido usando o valor configurado em <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATICFILES_STORAGE\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATICFILES_STORAGE</span></code></a>.</p>\n<div class=\"code-block\" data-language=\"html+django\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Django template</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Django template code\"><code><span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">static</span> <span class=\"cp\">%}</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">img</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">&#39;my_app/example.jpg&#39;</span> <span class=\"cp\">%}</span><span class=\"s\">&quot;</span> <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">&quot;My image&quot;</span><span class=\"p\">&gt;</span>\n</code></pre></div>\n</li>\n<li><p>Armazene seus arquivos estáticos no diretório chamado <code class=\"docutils literal notranslate\"><span class=\"pre\">static</span></code> dentro da sua app. Por exemplo <code class=\"docutils literal notranslate\"><span class=\"pre\">my_app/static/my_app/example.jpg</span></code>.</p></li>\n</ol>\n<aside class=\"admonition-serving-the-files admonition\">\n<p class=\"admonition-title\">Servindo os arquivos</p>\n<p>Além desses passos de configuração, você também vai precisar servir os arquivos estáticos.</p>\n<p>Durante o desenvolvimento, se você usar <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#module-django.contrib.staticfiles\" title=\"django.contrib.staticfiles: An app for handling static files.\"><code class=\"xref py py-mod docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code></a>, isso será feito automaticamente pelo <a class=\"reference internal\" href=\"/pt-br/3.2/ref/django-admin/#django-admin-runserver\"><code class=\"xref std std-djadmin docutils literal notranslate\"><span class=\"pre\">runserver</span></code></a> quando <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-DEBUG\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">DEBUG</span></code></a> está definido como <code class=\"docutils literal notranslate\"><span class=\"pre\">True</span></code> (veja <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#django.contrib.staticfiles.views.serve\" title=\"django.contrib.staticfiles.views.serve\"><code class=\"xref py py-func docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles.views.serve()</span></code></a>).</p>\n<p>Este método é <strong>grosseiramente ineficiente</strong> e provavelmente <strong>inseguro</strong>, então isso é <strong>impróprio para produção</strong>.</p>\n<p>Veja <a class=\"reference internal\" href=\"/pt-br/3.2/howto/static-files/deployment/\"><span class=\"doc\">Deploy de arquivos estáticos</span></a> para estratégias apropriadas para servir arquivos estáticos em ambientes de produção.</p>\n</aside>\n<p>Seu projeto irá provavelmente ter ativos estáticos que não estão amarrados a uma app em particular. Além de usar um diretório <code class=\"docutils literal notranslate\"><span class=\"pre\">static/</span></code> dentro de sua app, você pode definir uma lista de diretórios (<a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATICFILES_DIRS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATICFILES_DIRS</span></code></a>) no seu arquivo de configurações onde o Django também irá procurar por arquivos estáticos. Por exemplo:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"n\">STATICFILES_DIRS</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"n\">BASE_DIR</span> <span class=\"o\">/</span> <span class=\"s2\">&quot;static&quot;</span><span class=\"p\">,</span>\n    <span class=\"s1\">&#39;/var/www/static/&#39;</span><span class=\"p\">,</span>\n<span class=\"p\">]</span>\n</code></pre></div>\n<p>Veja a documentação para a definição do <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATICFILES_FINDERS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATICFILES_FINDERS</span></code></a> para detalhes sobre como o <code class=\"docutils literal notranslate\"><span class=\"pre\">staticfiles</span></code> encontra seus arquivos.</p>\n<aside class=\"admonition-static-file-namespacing admonition\">\n<p class=\"admonition-title\"><em>Namespacing</em> de arquivos estáticos</p>\n<p>Now we <em>might</em> be able to get away with putting our static files directly\nin <code class=\"docutils literal notranslate\"><span class=\"pre\">my_app/static/</span></code> (rather than creating another <code class=\"docutils literal notranslate\"><span class=\"pre\">my_app</span></code>\nsubdirectory), but it would actually be a bad idea. Django will use the\nfirst static file it finds whose name matches, and if you had a static file\nwith the same name in a <em>different</em> application, Django would be unable to\ndistinguish between them. We need to be able to point Django at the right\none, and the best way to ensure this is by <em>namespacing</em> them. That is,\nby putting those static files inside <em>another</em> directory named for the\napplication itself.</p>\n<p>You can namespace static assets in <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATICFILES_DIRS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATICFILES_DIRS</span></code></a> by\nspecifying <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#staticfiles-dirs-prefixes\"><span class=\"std std-ref\">prefixes</span></a>.</p>\n</aside>\n</section>\n<section id=\"serving-static-files-during-development\">\n<span id=\"serving-static-files-in-development\"></span><h2>Servindo arquivos estáticos durante o desenvolvimento<a class=\"heading-anchor\" href=\"#serving-static-files-during-development\"><span class=\"visually-hidden\">Link para este cabeçalho</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Se você usa o <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#module-django.contrib.staticfiles\" title=\"django.contrib.staticfiles: An app for handling static files.\"><code class=\"xref py py-mod docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code></a> como explicado acima, <a class=\"reference internal\" href=\"/pt-br/3.2/ref/django-admin/#django-admin-runserver\"><code class=\"xref std std-djadmin docutils literal notranslate\"><span class=\"pre\">runserver</span></code></a> vai fazer isso automaticamente quando <a href=\"#id1\"><span class=\"problematic\" id=\"id2\">:settings:`DEBUG`</span></a> estiver configurado como <code class=\"docutils literal notranslate\"><span class=\"pre\">True</span></code>. Se você não tem <code class=\"docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code> em <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-INSTALLED_APPS\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">INSTALLED_APPS</span></code></a>, você ainda pode manualmente servir arquivos estáticos usando a view <a class=\"reference internal\" href=\"/pt-br/3.2/ref/views/#django.views.static.serve\" title=\"django.views.static.serve\"><code class=\"xref py py-func docutils literal notranslate\"><span class=\"pre\">django.views.static.serve()</span></code></a>.</p>\n<p>Isso não é apropriado para uso em produção! Para algumas estratégias de deploy, veja <a class=\"reference internal\" href=\"/pt-br/3.2/howto/static-files/deployment/\"><span class=\"doc\">Deploy de arquivos estáticos</span></a>.</p>\n<p>Por exemplo, se seu <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATIC_URL\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATIC_URL</span></code></a> está definido como <code class=\"docutils literal notranslate\"><span class=\"pre\">/static/</span></code>, você pode fazê-lo adicionando o seguinte pedaço de código no seu urls.py:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.conf</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">settings</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.conf.urls.static</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">static</span>\n\n<span class=\"n\">urlpatterns</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"c1\"># ... the rest of your URLconf goes here ...</span>\n<span class=\"p\">]</span> <span class=\"o\">+</span> <span class=\"n\">static</span><span class=\"p\">(</span><span class=\"n\">settings</span><span class=\"o\">.</span><span class=\"n\">STATIC_URL</span><span class=\"p\">,</span> <span class=\"n\">document_root</span><span class=\"o\">=</span><span class=\"n\">settings</span><span class=\"o\">.</span><span class=\"n\">STATIC_ROOT</span><span class=\"p\">)</span>\n</code></pre></div>\n<aside class=\"admonition admonition-note\" role=\"note\">\n<p class=\"admonition-title\">Nota</p>\n<p>Esta função auxiliar funciona somente em modo de depuração e somente se o dado prefixo for local (ex.: <code class=\"docutils literal notranslate\"><span class=\"pre\">/static/</span></code>)  e não uma URL  (ex.: <code class=\"docutils literal notranslate\"><span class=\"pre\">http://static.example.com/</span></code>).</p>\n<p>Esta função de auxiliar serve somente o diretório atual <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATIC_ROOT\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATIC_ROOT</span></code></a>; ela não faz a busca de arquivos estáticos como <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#module-django.contrib.staticfiles\" title=\"django.contrib.staticfiles: An app for handling static files.\"><code class=\"xref py py-mod docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code></a>.</p>\n</aside>\n</section>\n<section id=\"serving-files-uploaded-by-a-user-during-development\">\n<span id=\"serving-uploaded-files-in-development\"></span><h2>Servindo arquivos que foram enviados pelo usuário durante o desenvolvimento<a class=\"heading-anchor\" href=\"#serving-files-uploaded-by-a-user-during-development\"><span class=\"visually-hidden\">Link para este cabeçalho</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Durante o desenvolvimento, você pode entregar arquivos de mídia enviados pelos usuários através do <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-MEDIA_ROOT\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">MEDIA_ROOT</span></code></a> usando a view <a class=\"reference internal\" href=\"/pt-br/3.2/ref/views/#django.views.static.serve\" title=\"django.views.static.serve\"><code class=\"xref py py-func docutils literal notranslate\"><span class=\"pre\">django.views.static.serve()</span></code></a>.</p>\n<p>Isso não é apropriado para uso em produção! Para algumas estratégias de deploy, veja <a class=\"reference internal\" href=\"/pt-br/3.2/howto/static-files/deployment/\"><span class=\"doc\">Deploy de arquivos estáticos</span></a>.</p>\n<p>For example, if your <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-MEDIA_URL\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">MEDIA_URL</span></code></a> is defined as <code class=\"docutils literal notranslate\"><span class=\"pre\">/media/</span></code>, you can do\nthis by adding the following snippet to your <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-ROOT_URLCONF\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">ROOT_URLCONF</span></code></a>:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.conf</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">settings</span>\n<span class=\"kn\">from</span><span class=\"w\"> </span><span class=\"nn\">django.conf.urls.static</span><span class=\"w\"> </span><span class=\"kn\">import</span> <span class=\"n\">static</span>\n\n<span class=\"n\">urlpatterns</span> <span class=\"o\">=</span> <span class=\"p\">[</span>\n    <span class=\"c1\"># ... the rest of your URLconf goes here ...</span>\n<span class=\"p\">]</span> <span class=\"o\">+</span> <span class=\"n\">static</span><span class=\"p\">(</span><span class=\"n\">settings</span><span class=\"o\">.</span><span class=\"n\">MEDIA_URL</span><span class=\"p\">,</span> <span class=\"n\">document_root</span><span class=\"o\">=</span><span class=\"n\">settings</span><span class=\"o\">.</span><span class=\"n\">MEDIA_ROOT</span><span class=\"p\">)</span>\n</code></pre></div>\n<aside class=\"admonition admonition-note\" role=\"note\">\n<p class=\"admonition-title\">Nota</p>\n<p>Essa função auxiliar funciona somente em modo de depuração e somente se o dado prefixo for local (ex.: <code class=\"docutils literal notranslate\"><span class=\"pre\">/media/</span></code>) e não uma URL (e.g. <code class=\"docutils literal notranslate\"><span class=\"pre\">http://media.example.com/</span></code>).</p>\n</aside>\n</section>\n<section id=\"testing\">\n<span id=\"staticfiles-testing-support\"></span><h2>Testando<a class=\"heading-anchor\" href=\"#testing\"><span class=\"visually-hidden\">Link para este cabeçalho</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Ao executar testes que usam requisições HTTP reais ao invés do cliente de teste embutido (isto é, quando se usa a <a class=\"reference internal\" href=\"/pt-br/3.2/topics/testing/tools/#django.test.LiveServerTestCase\" title=\"django.test.LiveServerTestCase\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">LiveServerTestCase</span></code></a> do Django) o conteúdo estático precisa ser servido junto com o resto do conteúdo então o ambiente de teste reproduz o real tão fielmente quanto possível, mas <code class=\"docutils literal notranslate\"><span class=\"pre\">LiveServeTestCase</span></code> tem somente funcionalidades de servidor muito básicas de arquivos: Ele não sabe sobre as funcionalidades de procura da aplicação <code class=\"docutils literal notranslate\"><span class=\"pre\">staticfiles</span></code> e assume que o conteúdo estático já tenha sido coletado no <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATIC_ROOT\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATIC_ROOT</span></code></a>.</p>\n<p>Por causa disso, <code class=\"docutils literal notranslate\"><span class=\"pre\">staticfiles</span></code> vem com sua própria <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#django.contrib.staticfiles.testing.StaticLiveServerTestCase\" title=\"django.contrib.staticfiles.testing.StaticLiveServerTestCase\"><code class=\"xref py py-class docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles.testing.StaticLiveServerTestCase</span></code></a>, uma subclasse daquela que vem embutida que tem a habilidade de servir de maneira transparente todos os ativos durante a execução destes testes de uma maneira similar a que temos em tempo de desenvolvimento com <code class=\"docutils literal notranslate\"><span class=\"pre\">DEBUG</span> <span class=\"pre\">=</span> <span class=\"pre\">True</span></code>, isto é, sem precisar coletá-los usando o <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#django-admin-collectstatic\"><code class=\"xref std std-djadmin docutils literal notranslate\"><span class=\"pre\">collectstatic</span></code></a> antes.</p>\n</section>\n<section id=\"deployment\">\n<h2>Deploy<a class=\"heading-anchor\" href=\"#deployment\"><span class=\"visually-hidden\">Link para este cabeçalho</span><span aria-hidden=\"true\">#</span></a></h2>\n<p><a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#module-django.contrib.staticfiles\" title=\"django.contrib.staticfiles: An app for handling static files.\"><code class=\"xref py py-mod docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code></a> fornece um comando de gerenciamento conveniente para juntar arquivos estáticos em um único diretório para você poder servi-los facilmente.</p>\n<ol class=\"arabic\">\n<li><p>Defina a configuração do <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATIC_ROOT\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATIC_ROOT</span></code></a> para o diretório do qual você gostaria de servir estes arquivos, por exemplo:</p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code><span class=\"n\">STATIC_ROOT</span> <span class=\"o\">=</span> <span class=\"s2\">&quot;/var/www/example.com/static/&quot;</span>\n</code></pre></div>\n</li>\n<li><p>Execute o comando de gerenciamento <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#django-admin-collectstatic\"><code class=\"xref std std-djadmin docutils literal notranslate\"><span class=\"pre\">collectstatic</span></code></a></p>\n<div class=\"code-block\" data-language=\"default\"><div class=\"code-block-toolbar\"><span class=\"code-block-language\">Code</span><button type=\"button\" class=\"copy-button\" data-copy hidden><span class=\"copy-button-label\">Copy</span></button></div><pre role=\"group\" tabindex=\"0\" aria-label=\"Code code\"><code>$ python manage.py collectstatic\n</code></pre></div>\n<p>Isso irá copiar todos os arquivos dos seus diretórios estáticos para dentro do diretório definido em <a class=\"reference internal\" href=\"/pt-br/3.2/ref/settings/#std-setting-STATIC_ROOT\"><code class=\"xref std std-setting docutils literal notranslate\"><span class=\"pre\">STATIC_ROOT</span></code></a>.</p>\n</li>\n<li><p>Use um servidor Web de sua escolha para servir os arquivos. O <a class=\"reference internal\" href=\"/pt-br/3.2/howto/static-files/deployment/\"><span class=\"doc\">Deploy de arquivos estáticos</span></a> cobre algumas estratégias de deploy comuns para arquivos estáticos.</p></li>\n</ol>\n</section>\n<section id=\"learn-more\">\n<h2>Aprenda mais<a class=\"heading-anchor\" href=\"#learn-more\"><span class=\"visually-hidden\">Link para este cabeçalho</span><span aria-hidden=\"true\">#</span></a></h2>\n<p>Este documento cobriu o básico e alguns padrões comuns de uso. Para detalhes completos sobre todas as configurações, comandos, tags de templates, e outras partes incluidas em <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/#module-django.contrib.staticfiles\" title=\"django.contrib.staticfiles: An app for handling static files.\"><code class=\"xref py py-mod docutils literal notranslate\"><span class=\"pre\">django.contrib.staticfiles</span></code></a>, veja a <a class=\"reference internal\" href=\"/pt-br/3.2/ref/contrib/staticfiles/\"><span class=\"doc\">referência de arquivos estáticos</span></a>.</p>\n</section>","rootId":"managing-static-files-e-g-images-javascript-css","toc":[{"title":"Configurando arquivos estáticos","anchor":"configuring-static-files","children":[]},{"title":"Servindo arquivos estáticos durante o desenvolvimento","anchor":"serving-static-files-during-development","children":[]},{"title":"Servindo arquivos que foram enviados pelo usuário durante o desenvolvimento","anchor":"serving-files-uploaded-by-a-user-during-development","children":[]},{"title":"Testando","anchor":"testing","children":[]},{"title":"Deploy","anchor":"deployment","children":[]},{"title":"Aprenda mais","anchor":"learn-more","children":[]}],"breadcrumbs":[{"docname":"howto/index","title":"Guias de “como fazer”","url":"/pt-br/3.2/howto/"}],"prev":{"docname":"howto/overriding-templates","title":"Sobrescrevendo templates","url":"/pt-br/3.2/howto/overriding-templates/"},"next":{"docname":"howto/static-files/deployment","title":"Deploy de arquivos estáticos","url":"/pt-br/3.2/howto/static-files/deployment/"},"formats":{"html":"/pt-br/3.2/howto/static-files/","markdown":"/pt-br/3.2/howto/static-files.md","json":"/pt-br/3.2/howto/static-files.json"},"source":"https://github.com/django/django/blob/stable/3.2.x/docs/howto/static-files/index.txt","official":"https://docs.djangoproject.com/pt-br/3.2/howto/static-files/","inVersions":["6.1","6.0","5.2","5.1","5.0","4.2","4.1","4.0","3.2","3.1","3.0","2.2","2.1","2.0","1.11","1.10","1.9"],"inLocales":["en","zh-hans","fr","ja","id","it","pt-br","ko","es","el","pl"]}