Ferramentas95

CRIE ALGO FANTÁSTICO

Gerador de Favicon / ICO.

Crie favicons a partir de uma imagem ou texto. Pré-visualize separadores do navegador, utilize tipos de letra do sistema e descarregue um ICO de vários tamanhos ou um ZIP de ícones para website, Apple e Android.

Publicidade
O seu espaço de trabalho de imagem
No seu dispositivo
ou arraste e largue aqui
PNG, JPG, JPEG, WEBP, GIF
Escolha a sua imagem para começar.IMAGEM
Publicidade
Blogue Como criar um favicon Ler o guia

Crie um favicon que permanece nítido em qualquer tamanho

Transforme um logótipo, imagem ou monograma curto num favicon de site. Pré-visualize separadores de navegador claros e escuros, refine o enquadramento e transfira um ICO de vários tamanhos ou um ficheiro ZIP de ícones e ficheiros de instalação pronto para o site.

Uma marca clara torna-se ícones de navegador, marcador e website móvel.
TUTORIAL EM VÍDEO RÁPIDO How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. Narração em inglês Ver o vídeo

How to create a favicon and website icon package

Funcionalidades e controlos

Comece com uma imagem ou as suas iniciais

Carregue uma imagem ou escolha Texto na página da ferramenta.

Entrada de imagem e texto

A imagem aceita PNG, JPG, JPEG, WebP ou GIF. O texto abre o mesmo editor com as suas letras prontas a estilizar. Criar a partir de permite-lhe alternar entre a imagem carregada e um monograma. Utilize um ou dois caracteres simples para obter o resultado mais nítido a 16 píxeis. A entrada GIF utiliza um fotograma estático; o resultado não é animado.

Avalie o ícone onde ele irá aparecer

As pré-visualizações do navegador claras e escuras mostram o mesmo ícone contra superfícies diferentes.

Pré-visualizações em tamanho real

O editor mostra uma pré-visualização de separador de navegador de 16 píxeis, ícones separados de 16, 32 e 48 píxeis, e uma pré-visualização Apple Touch. Os ícones pequenos revelam detalhes que desaparecem quando um logótipo grande é reduzido. Simplifique a origem ou adicione espaço à sua volta até que a pré-visualização mais pequena seja reconhecível. A imagem Apple Touch é apresentada num tamanho inferior ao seu tamanho de exportação de 180 píxeis.

Dê à sua arte uma silhueta clara

Escolha um quadrado arredondado, um quadrado ou um círculo e ajuste o espaço à volta do conteúdo.

Ajuste, espaçamento e transparência

Mostrar a imagem completa mantém todas as margens de origem dentro do ícone. Preencher o ícone cobre a área disponível e pode cortar as margens. O espaço à volta do conteúdo ajusta o preenchimento de 0 a 35 por cento. Escolha Fundo ou ative Fundo transparente. Os píxeis transparentes fora de uma silhueta arredondada ou circular permanecem claros. Isto não remove um fundo opaco já presente na sua imagem carregada.

Crie um monograma distinto

Defina as letras, o tipo de letra e as cores contrastantes.

Estilização de texto

O texto / monograma suporta até três caracteres com os estilos Modern sans, Classic serif e Monospace incluídos. Em navegadores de computador suportados, selecione Utilizar tipos de letra do sistema e permita o acesso aos tipos de letra para preencher a lista de Tipos de letra com as famílias instaladas no seu dispositivo. Escolha uma família para atualizar a pré-visualização ao vivo, ou utilize os chevrons anterior e seguinte para comparar tipos de letra vizinhos. Os nomes e ficheiros dos tipos de letra não são carregados. O texto ajusta-se automaticamente ao espaço disponível. Pré-visualize os tamanhos de ícone mais pequenos após alterar o tipo de letra ou a cor.

Escolha ICO ou um pacote de site completo

Uma ação Iniciar cria a transferência selecionada.

Ficheiros e tamanhos

O ICO de vários tamanhos inclui imagens de 16, 24, 32, 48, 64, 128 e 256 píxeis num único ficheiro favicon.ico. O pacote de ícones para website cria um ZIP contendo esse ICO, PNG ícones de 16, 32 e 48 píxeis, um ícone Apple Touch de 180 píxeis, ícones Android de 192 e 512 píxeis, um manifesto web e INSTALL.txt. O nome do website fornece o nome do manifesto.

Instale os ícones no seu website

O ZIP inclui as etiquetas de ligação HTML e os nomes de ficheiro correspondentes.

Utilizar os ficheiros de instalação

Carregue o conteúdo do pacote para a raiz do site e copie as etiquetas de ligação de INSTALL.txt para o cabeçalho da página. Se mantiver os ícones numa subpasta, atualize os caminhos HTML e os caminhos dentro de site.webmanifest. Limpe a cache do favicon ou teste num novo separador ao verificar uma atualização. O manifesto gerado é uma configuração de ícone, não uma instalação completa de uma aplicação web progressiva.

Ficheiros e processamento

Entrada
PNG, JPG, JPEG, WebP, GIF, ou um monograma de texto
Saída
Um ICO de vários tamanhos, ou um ZIP de ícones de website e ficheiros de instalação

25 MB máximo por ficheiro. Um ficheiro de entrada por execução.

Uma imagem até 25 MB, com até 60 megapíxeis e 16,000 píxeis por lado. Os tamanhos ICO variam de 16 a 256 píxeis; o maior PNG empacotado é de 512 × 512 píxeis.

A geração e pré-visualização de ícones são executadas no seu dispositivo. A ferramenta não carrega a imagem selecionada para conversão.

Esta ferramenta processa e exporta ficheiros no seu navegador. A imagem transferida é um ficheiro separado; a origem no seu dispositivo não é substituída.

Atualizar um editor ou página de transferência devolve-o à página da ferramenta. Transfira o resultado antes de iniciar um novo fluxo de trabalho. Consulte a nossa Política de Privacidade sobre o tratamento de ficheiros.

FAQ

É bom saber.

Algumas respostas antes de começar.

No seu dispositivo
Posso criar um favicon sem carregar um logótipo?

Sim. Selecione Texto, introduza as suas iniciais e, em seguida, escolha o tipo de letra, cores, forma e espaçamento no editor.

Que tamanhos estão dentro do ficheiro ICO?

O ICO contém sete quadros baseados em PNG: 16, 24, 32, 48, 64, 128 e 256 píxeis quadrados. O navegador seleciona o quadro apropriado.

O que está incluído no ZIP do website?

Contém favicon.ico, seis ícones PNG para uso em navegador, Apple e Android, site.webmanifest e INSTALL.txt com as etiquetas de ligação HTML.

O meu favicon pode ter um fundo transparente?

Sim. Ative o fundo transparente. Isto preserva as áreas transparentes em torno da fonte; não remove um fundo opaco de uma fotografia.

A imagem é carregada para conversão?

Não. Esta ferramenta gera e empacota os ficheiros de ícones no seu navegador. Guarde os ficheiros descarregados, pois o editor não é um armazenamento de projeto permanente.

Posso usar tipos de letra instalados no meu computador?

Sim, quando o seu navegador suporta acesso a tipos de letra locais. Escolha Texto / monograma, selecione Usar tipos de letra do sistema e conceda permissão ao navegador. As suas famílias de tipos de letra disponíveis aparecem na lista de Tipos de letra. Os estilos incluídos permanecem utilizáveis se a permissão for recusada ou se o acesso a tipos de letra locais não estiver disponível.

Publicidade

Idioma38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Escolha o seu idioma. Os tutoriais em vídeo utilizam atualmente narração em inglês.