> For the complete documentation index, see [llms.txt](https://ajuda.rnp.br/cafe/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.rnp.br/cafe/idp-cafe/customizacao-da-logo-institucional.md).

# Customização da logo Institucional

{% hint style="warning" %}
Antes de iniciar todo o processo de adequação da logo é necessário preparar o arquivo de imagem que contêm a logo da instituição. Precisamos fazer o seguinte, a imagem com a logo precisa ter as seguintes medidas em pixels, 270px de largura por 108px de altura.
{% endhint %}

### Copiar o arquivo da logo para o servidor IDP

Copie o arquivo pronto em formato .png para dentro do diretório **/home/...** do seu IDP.

### Copie o arquivo para o diretório do Shibboleth

Uma vez com o arquivo correto em seu /home/... copie para o seguinte diretório:

<pre class="language-bash" data-overflow="wrap" data-line-numbers><code class="lang-bash"><strong>sudo cp /home/.../NOME_DO_SEU_ARQUIVO.png /opt/shibboleth-idp/edit-webapp/images/
</strong></code></pre>

### Alterar o arquivo para o nome padrão do shibboleth

Após copiar o seu arquivo de logo para dentro do diretório /images do shibboleth, vamos agora alterar para o nome padrão que o shibboleth utiliza para carregar a imagem da logo na tela de login.

<pre class="language-shellscript" data-overflow="wrap" data-line-numbers><code class="lang-shellscript"><strong>sudo cd /opt/shibboleth-idp/edit-webapp/images/
</strong>ls -l
-rw-r--r-- 1 root root  8208 Dec  5 23:54 dummylogo-mobile.png
-rw-r--r-- 1 root root 13742 Dec  5 23:54 dummylogo.png
-rw-r--r-- 1 root root  2580 Dec  5 23:54 failure-32x32.png
<strong>-rw-r----- 1 root root 11042 Dec  5 23:54 logo-instituicao.png
</strong>-rw-r--r-- 1 root root  6071 Dec  6 00:48 NOME_DO_SEU_ARQUIVO.png
-rw-r--r-- 1 root root  2448 Dec  5 23:54 success-32x32.png
<strong>sudo mv NOME_DO_SEU_ARQUIVO.png logo-instituicao.png
</strong></code></pre>

### Executar o script de build do shibboleth para carregar a nova logo

Agora vamos acessar o script do shibboleth para executar um novo build com a nova imagem da logo, para isso faça:

<pre class="language-sh" data-overflow="wrap" data-line-numbers><code class="lang-sh"><strong>sudo cd /opt/shibboleth-idp/bin
</strong><strong>sudo ./build.sh
</strong><strong>Buildfile: /opt/shibboleth-idp/bin/build.xml
</strong>
build-war:
Installation Directory: [/opt/shibboleth-idp] ?
aperte [ENTER]

INFO [net.shibboleth.idp.installer.BuildWar:103] - Rebuilding /opt/shibboleth-idp/war/idp.war, Version 4.1.4
INFO [net.shibboleth.idp.installer.BuildWar:113] - Initial populate from /opt/shibboleth-idp/dist/webapp to /opt/shibboleth-idp/webpapp.tmp
INFO [net.shibboleth.idp.installer.BuildWar:92] - Overlay from /opt/shibboleth-idp/edit-webapp to /opt/shibboleth-idp/webpapp.tmp
INFO [net.shibboleth.idp.installer.BuildWar:125] - Creating war file /opt/shibboleth-idp/war/idp.war

BUILD SUCCESSFUL
Total time: 11 seconds
</code></pre>

### Reiniciar o serviço do Jetty

<pre class="language-shellscript" data-overflow="wrap" data-line-numbers><code class="lang-shellscript"><strong>sudo systemctl restart jetty.service
</strong></code></pre>

### Testar sua alteração de logo

Acesse agora o portal ***<https://sp.rnp.br/chimarrao>*** e escolha a sua instituição, a sua tela de login agora deverá apresentar a sua nova logo !


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajuda.rnp.br/cafe/idp-cafe/customizacao-da-logo-institucional.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.