Perguntas Frequentes (FAQ)

Qual é o melhor formato de imagem para usar como base (PNG, SVG, JPG)?

Para obter a máxima qualidade, a resposta curta é: use SVG sempre que possível.

SVG (Recomendado): Por ser um formato vetorial, ele pode ser redimensionado para qualquer tamanho (de 16x16 a 512x512) sem nenhuma perda de qualidade. O IcoSmith irá renderizá-lo com perfeição em cada dimensão antes de aplicar os filtros de otimização.
PNG: É a segunda melhor opção, especialmente se você precisa de um fundo transparente. Use um PNG de alta resolução (pelo menos 512x512 pixels) para garantir que tenhamos o máximo de dados de imagem para trabalhar durante o redimensionamento.
JPG/JPEG: Use apenas se for sua única opção. O formato não suporta transparência e sua compressão pode introduzir "artefatos" (pequenas imperfeições) que podem ficar mais evidentes quando o ícone é otimizado para tamanhos pequenos.

Por que o pacote ZIP inclui tantos arquivos diferentes? Eu não preciso só do `favicon.ico`?

O arquivo favicon.ico é o formato legado, e ainda é importante para garantir compatibilidade máxima com todos os navegadores. No entanto, o ecossistema web moderno exige múltiplos ícones para diferentes plataformas:

apple-touch-icon.png: Usado quando alguém salva seu site na tela inicial de um iPhone ou iPad.
android-chrome-*.png: Usados por dispositivos Android para a mesma finalidade, e também pelo site.webmanifest.
site.webmanifest: Um arquivo de configuração que permite que seu site seja instalado na tela inicial como um Progressive Web App (PWA).
safari-pinned-tab.svg: Um ícone vetorial especial que o Safari em macOS usa quando um usuário fixa a sua aba.

O IcoSmith gera todos eles para que seu site tenha uma aparência profissional em todas as plataformas, sem esforço extra.

Meus arquivos estão seguros? Para onde minha imagem é enviada?

Para lugar nenhum. O IcoSmith é uma ferramenta 100% client-side.

Isso significa que todo o processamento de imagem acontece diretamente no seu navegador, no seu próprio computador. Sua imagem nunca é enviada pela internet para um servidor. Esta abordagem garante privacidade total e velocidade máxima.

Como o IcoSmith consegue manter a nitidez em ícones de 16x16 pixels?

Não é apenas um redimensionamento. Um redimensionamento padrão de uma imagem grande para 16x16 pixels inevitavelmente causa desfoque. Nós usamos um processo de duas etapas: primeiro, redimensionamos a imagem com algoritmos de alta qualidade. Em seguida, aplicamos um filtro de sharpening (nitidez) customizado. Este filtro realça as bordas e os contornos da imagem, compensando o desfoque e restaurando a clareza.

Qual é a forma correta de adicionar os favicons no meu HTML?

Após a conversão, o IcoSmith gera um snippet de código HTML pronto para você. Basta copiar e colar dentro da tag <head> do seu site. Ele se parece com isto:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">