Testador, Simulador & Gerador Unificado
Favicon Studio Pro
Teste e simule em tempo real como o seu favicon aparece em abas de navegadores, no Google e em smartphones. Ajuste padding, cores e bordas e exporte o pacote completo para todas as plataformas.
Carregando imagem padrão...
Arquivo: fav.png
Arraste e solte uma imagem aqui, clique para selecionar ou cole direto da área de transferência (Ctrl + V).
Suporta PNG, JPG, WebP e SVG transparente ou sólido
Simulação em Navegadores & Sistemas Reais
Aba Google Chrome (Modo Escuro)
16 × 16 px
4U.IA.BR // Inovação e IA
×
Simulação fidedigna de renderização em aba física escura
Aba Google Chrome (Modo Claro)
16 × 16 px
4U.IA.BR // Inovação e IA
×
Simulação fidedigna de renderização em aba física clara
Resultado no Google Search
18 × 18 px
4U.IA.BR
https://4u.ia.br
4U.IA.BR // Ecossistema de Aplicações e Inteligência Artificial
Aplicações profissionais rodando 100% no navegador, zero instalação e máxima performance com foco em privacidade.
Atalho na Tela Inicial (PWA / Mobile)
192 × 192 px
Câmera
E-mail
Ajustes de Geração
Resoluções Nativas & Download Individual
16 × 16
Aba padrão Chrome/Edge/Firefox
32 × 32
Telas HiDPI / Barra de Favoritos
48 × 48
Barra de Tarefas do Windows
64 × 64
macOS Dock / Alta Densidade
180 × 180
Apple Touch Icon (iOS / Safari)
192 × 192
Android PWA / Web App Manifest
512 × 512
Splash Screen & PWA Alta Fidelidade
Pacote de Assets para Produção
Gere e baixe todos os ícones configurados juntamente com o arquivo site.webmanifest em um único ZIP.
Tags HTML para o <head>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0f172a">
Arquivo site.webmanifest
{
"name": "Meu WebApp",
"short_name": "WebApp",
"icons": [
{
"src": "/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icon-512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#0f172a",
"background_color": "#0f172a",
"display": "standalone"
}