Loading

Crie um favicon personalizado no site da Experience Cloud ou no site Force.com

Data da publicação: May 30, 2026
Descrição
Sobre Favicons:

Favicon é o ícone exibido na barra de endereço/aba do navegador ou o ícone que é exibido quando a página é marcada como favorita.
Os recursos que serão usados como favicon (ícone favorito) devem ter o tamanho 16x16 e o formato .ico. 

Há diversas formas de especificar um favicon para um site. Veja os padrões de uso aqui:
1. Uso de um valor de atributo rel definido em um perfil
2. Posicionamento do favicon em um URI predefinido no caminho raiz.

As solicitações do favicon são enviadas pelo navegador, e o modo como ele resolve qualquer um dos métodos acima é especificado aqui:

CITAÇÃO: "Se estiverem presentes tanto links para favicon PNG quanto para favicons ICO, os navegadores compatíveis com favicon PNG selecionam o formato e tamanho a ser usado da seguinte maneira. O Firefox e o Safari usarão o favicon que vier por último. O Chrome para Mac usará o favicon que tiver o formato ICO, caso contrário usará o favicon de tamanho 32×32. O Chrome para Windows usará o favicon que vier primeiro se tiver o tamanho 16×16, caso contrário, usará o de formato ICO. Se nenhuma das opções acima estiver disponível, ambos os Chromes usarão o favicon que vier primeiro, exatamente o contrário do que fazem o Firefox e o Safari. De fato, o Chrome para Mac irá ignorar o favicon 16×16 e usar a versão 32×32; em dispositivos sem tela Retina, a versão 32×32 é reduzida para 16×16. O Opera escolherá entre quaisquer ícones disponíveis de forma totalmente aleatória.[33]
Apenas o SeaMonkey não busca arquivos favicon.ico na raiz do site por padrão.[34]"


Quando um site Force.com é criado, o logo de nuvem padrão (de acordo com a identidade da marca Salesforce) fica disponível no caminho "/favicon.ico" do site, e não é possível removê-lo.
Portanto, é necessário substituí-lo pelo logo que desejamos usar. 

Outras observações sobre favicons:
 
1. Se você observar um favicon incorreto,
exclua o histórico de navegação (no menu Ferramentas) para limpar o armazenamento do cache e do histórico, e tente novamente.
 
2. Bitmaps, pngs, gifs etc. não irão funcionar. O arquivo deve ter o formato .ico (de ícone) e ter o tamanho 16x16.
 
3. Para definir o mesmo favicon para todas as páginas:
Defina o favicon no nível raiz do site.
 
4. Para definir um favicon diferente para cada página de um site:
Nota: Para alguns Modelos mais antigos do Lightning Community, isso não é possível, pois a página de login é separada e não pode ser substituída.
Insira uma tag diferente em cada página, apontando para um ícone diferente. 

Para o Visualforce:
<apex:page showHeader="false" >        <link REL="SHORTCUT ICON" HREF="{!URLFOR($Resource.favicon)}">        OU <link REL="SHORTCUT ICON" HREF="<site url>/resource/favicon.ico?v=2" />    .....  </apex:page>

 

Para sites do Criador de experiências:
Em vez de vincular o favicon na marcação do cabeçalho, adicione-o apenas a essa página via componente HTML, ou pela página do Visualforce. 


Como gerar um arquivo favicon.ico do favicon que você deseja usar para esses sites. 
  • Existem diversos geradores de favicon disponíveis on-line que convertem sua imagem para o formato correto.
  • Em seguida, faça o upload do arquivo como um Recurso estático para sua organização. 
    1. Acesse Configuração | Recursos estáticos
    2. Clique no botão Novo
    3. Dê um nome ao recurso estático (por exemplo, "FaviconSite").
    4. Selecione o arquivo 
    5. Defina o Controle de cache (para facilitar o uso, escolha Público)
    6. Salve
Essas ações permitem que o favicon seja usado em qualquer seção onde for possível escolher um recurso estático. Este é o método definitivo recomendado para diversos tipos de sites. 

E se eu não quiser exibir NENHUM favicon? Como remover o favicon de nuvem?
  • A maneira mais fácil de fazer isso é carregar uma imagem de ícone em branco como recurso estático e seguir as etapas relevantes abaixo. 
Resolução

Para um site Force.com:

Supondo que você já configurou o domínio do site (Configuração | Sites | Registre o domínio do seu site).
1. Adicione o favicon (controle de cache público) como um recurso estático à organização
2. Crie o site (Configuração | Sites | Novo), adicione o Recurso estático do seu favicon a "Ícone de favorito dos sites"
3. Salve

Caso seu site não esteja no caminho raiz do domínio, você precisará informar um elemento de link apropriado no cabeçalho da página para servir o favicon personalizado: 

Exemplo:
<link rel="shortcut icon" href="http://mydomain/mypath/favicon.ico" type="image/x-icon" />

Ou você pode criar um site inativo no caminho raiz e adicionar o favicon à configuração desse site. Nota: este será o mesmo favicon para todos os sites em diferentes caminhos.

Notas:
Pode levar um tempo para que isso funcione corretamente. Um ponto a ser considerado é o uso de múltiplos sites em diferentes subdomínios. Por exemplo, um site em favicontesting.force.com/ carregará o favicon mais rapidamente do que um em favicontesting.force.com/NotRootPath

Se você estiver usando showHeader="false" em uma página Visualforce do site Force.com, a configuração "Ícone de favorito do site" será ignorada para essa página. Seria necessário adicionar manualmente o código para o ícone, como em um dos exemplos a seguir:
<apex:page showHeader="false" applyHtmlTag="false"> <head> <link rel="icon shortcut" href="{!$Resource.favicon}" /> <!-- OR --> <link rel="icon shortcut" href="{!$Site.Prefix}/favicon.ico" /> </head> </apex:page>


Para um site do Criador de experiências:

Notas:
  • Há diversas formas de definir um favicon para um site do Criador de experiências. Por exemplo, você poderia adicionar o favicon.ico à pasta Ativos do seu site da Experience Cloud no Site.com Studio e referenciar esse arquivo em vez do "Ícone de favorito dos sites", que estaria em: "/ + <site path> + <asset path>" 
Exemplo neste caso: 
<link rel="shortcut icon" href="/customers/s/favicon.ico">
  1. Primeiro, é necessário confirmar que os sites estão habilitados na organização: 
    1. Acesse Configuração | Experiências digitais | Configurações
    2. Selecione Habilitar experiências digitais 
    3. Registre seu domínio
  2. Em seguida, em Configuração | Experiência digital | Todos os sites, crie um novo site, selecione o modelo e decida se dará a ele um subdomínio ou não.

Para adicionar o favicon ao site, siga estas etapas:
1. Adicione o favicon (controle de cache público) como um recurso estático à organização
2. Crie o site e certifique-se de que o modelo esteja totalmente atualizado
3. Vá até Espaços de trabalho da experiência | Administração | Páginas  Force.com
4. Clique em Editar. Adicione o recurso estático do favicon a "Ícone de favorito do site" e Salve
5. No Criador de experiências, acesse Configurações | Marcação avançada do cabeçalho de edição. 
6. Adicione o seguinte: <link rel="shortcut icon" href="<SITE>/favicon.ico?v=2" /> 
Nota: isso funciona da mesma forma como a adição do ícone de favorito no Force.com inclui, na raiz do site, o recurso estático como o favicon de nome favicon.ico.
Por exemplo: Uma comunidade com /identity indica que o favicon está em /identity/favicon.ico.
A parte ?v=2 garante que o elemento está atualizado.
<SITE> seria o URL do site. Por exemplo, o que o valor do URL em Configuração | Experiência digital | Todos os sites informar. 
7. Salve
8. Publique o site no Criador de experiências e publique também as alterações no Site.com Studio (Experiência Espaços de trabalho | Administração | Páginas | Site.com) 

Agora, você verá que o favicon está visível em todas as páginas.


Nota: Para modelos mais antigos do Lightning Community (por exemplo, o modelo Aloha), não é possível definir o favicon na página de login. No entanto, há uma solução alternativa que PODE ajudar. 

Se você criar um site no caminho raiz do domínio e definir o "Ícone de favorito do site", salvar, publicar e, em seguida, desativar o site, poderá usar o favicon na página de login do site ativo. 


Para um site Tabs + Visualforce:
1. Adicione o favicon (controle de cache público) como um recurso estático à organização
2. Crie o site e certifique-se de que o modelo esteja totalmente atualizado
3. Vá até Espaços de trabalho | Administração | Páginas | Force.com.
4. Clique em Editar. Adicione o recurso estático do favicon a "Ícone de favorito do site".
5. Salve.

Nota: Sua organização permite apenas um favicon para páginas de espaço de trabalho: aquele atribuído ao site que usa o URL raiz, não um site com prefixo. Digamos que você atribua um favicon a páginas de espaço de trabalho com um prefixo raiz, e um favicon também esteja atribuído a um site que utiliza o URL raiz. As páginas de espaço de trabalho que usam o prefixo raiz mostram o favicon atribuído ao site que usa o URL raiz.
Número do artigo do Knowledge

000383315

 
Carregando
Salesforce Help | Article