Transforme seu logo ou imagem em um conjunto completo de favicons profissionais em questão de segundos! Uma ferramenta web simples e intuitiva que gera automaticamente todos os tamanhos e formatos de favicon necessários para seu site.
- 🚀 Geração Rápida: Processa imagens em segundos
- 📱 Múltiplos Tamanhos: Gera 16x16, 32x32, 48x48, 64x64, 128x128, 180x180px
- 🎯 Formatos Completos: PNG, ICO e Apple Touch Icon
- 📦 Download em ZIP: Todos os arquivos em um pacote conveniente
- 🔧 Código HTML: Gera automaticamente as tags HTML necessárias
- 📱 PWA Ready: Inclui manifest.json para Progressive Web Apps
- 🎨 Interface Intuitiva: Design limpo e responsivo
- 🔒 Seguro: Validação rigorosa de arquivos e limpeza automática
Entrada:
- PNG (recomendado)
- JPEG/JPG
- GIF
- ICO
Saída:
- favicon-16x16.png
- favicon-32x32.png
- favicon-48x48.png
- favicon-64x64.png
- favicon-128x128.png
- apple-touch-icon-180x180.png
- favicon.png (512x512)
- favicon.ico
- manifest.json
- Node.js 18+
- npm, yarn, pnpm, ou bun
# Clone o repositório
git clone https://github.com/trupakufi/favicon-inatorr.git
cd favicon-inatorr
# Instale as dependências
npm install
# ou
yarn install
# ou
pnpm install
# ou
bun installInicie o servidor de desenvolvimento em http://localhost:3000:
npm run dev
# ou
yarn dev
# ou
pnpm run dev
# ou
bun run devBuild da aplicação para produção:
npm run build
# ou
pnpm run build
# ou
yarn build
# ou
bun run buildPreview do build em produção:
npm run preview
# ou
pnpm run preview
# ou
yarn preview
# ou
bun run preview-
Upload da Imagem
- Acesse a aplicação
- Clique em "Escolher arquivo"
- Selecione uma imagem (PNG recomendado, máx. 5MB)
- Clique em "Gerar Favicons"
-
Download dos Arquivos
- Aguarde o processamento
- Clique em "Download" para baixar o ZIP
- Extraia os arquivos na pasta raiz do seu site
-
Implementação
- Copie o código HTML gerado
- Cole no
<head>do seu site - Seus favicons estão prontos!
- Frontend: Nuxt.js 3 + Vue.js 3 + TypeScript
- Styling: TailwindCSS
- Backend: Nuxt API Routes + H3
- Processamento: Sharp (otimização de imagens)
- Compressão: Archiver (geração de ZIP)
POST /api/upload- Upload e processamento de imagensGET /api/download/[code]- Download do ZIP com favicons
# Build da imagem
docker build -t favicon-generator .
# Executar container
docker run -p 3000:3000 favicon-generator- 📖 Guia do Usuário - Como usar a aplicação
- 👨💻 Documentação Técnica - Arquitetura e development
- 🧪 Guia de Testes - Estratégias e procedimentos de teste
Contribuições são bem-vindas! Por favor:
- Fork o repositório
- Crie uma branch para sua feature (
git checkout -b feature/nova-feature) - Commit suas mudanças (
git commit -am 'feat: adiciona nova feature') - Push para a branch (
git push origin feature/nova-feature) - Abra um Pull Request
- Use Conventional Commits para mensagens
- Siga os padrões ESLint e Prettier
- Adicione testes para novas funcionalidades
- Atualize a documentação quando necessário
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
- ✅ Geração básica de favicons
- ✅ Interface web responsiva
- ✅ API REST completa
- ✅ Documentação abrangente
- ⏳ Testes automatizados (em desenvolvimento)
- ⏳ CI/CD pipeline (planejado)