Um favicon sem fundo para o meu site?

Question

Muitos sites oferecem esse tipo de favicons como este site em si. Olhe isso. Não há fundo branco para arruinar tudo certo? Agora, eu não sou profissional, mas aqui está o que eu quero:

Eu quero criar um logotipo para o meu site que basicamente seja um J em uma elipse. Agora, a renderização em PNG ou JPG (que são os únicos formatos aceitos pelo WordPress) prejudica um fundo branco adicional, mesmo se eu inicialmente escolher um papel sem fundo.

Eu tentei o Corel Photo-Paint e ele diz que algo como máscaras não serão salvas. Por favor ajude.

    

Answer 1

Você deseja uma imagem transparente . Você terá que criar um arquivo PNG com transparência. JPEG não suporta transparência. As etapas podem variar dependendo do software que você usa. Mas basicamente você tem que trabalhar sobre uma imagem com canal alfa (transparência). Você precisa selecionar algumas partes da sua imagem e removê-las. Em seu lugar você verá algum tipo de padrão representando o fundo.

Maistarde,vocêteráqueespecificaraopçãodetransparênciaduranteaexportaçãodoPNG.

UPDATE

Aousaro GIMP , crie uma imagem e adicione um canal alfa. Desenhe como desejado e tenha certeza de ter alguma área transparente como explicado acima. Em seguida, escolha Arquivo > Exportar ... e selecione um arquivo de destino com extensão PNG. O GIMP exibe uma caixa de diálogo de opções de exportação como esta:

Verifiquesevocêselecionouasopções"Salvar valores de cores para pixels transparentes" e "Salvar cor de fundo" e depois pressione o botão Exportar .

    

Answer 2

Eu recomendo strongmente que você use um gerador Favicon. Como este ou este , após o qual você Deseja definir esse código no cabeçalho para que o ícone apareça como um favicon.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">