Saiba como criei uma ferramenta simples, gratuita e multilíngue que resolve um problema comum: adaptar fotos verticais com fundo borrado para redes sociais.
A ideia do Blurtofit nasceu de uma dor pessoal: como postar fotos verticais no Instagram ou TikTok sem cortar, distorcer ou colocar bordas estranhas?
Criei uma solução leve, gratuita e sem login: Blurtofit.app
🎯 O que é o Blurtofit?
O Blurtofit é uma ferramenta online para transformar imagens verticais em quadradas, adicionando um fundo desfocado automaticamente.
- Sem anúncios
- Sem cadastro
- Sem rastreamento
Ideal para fotógrafos, designers ou criadores de conteúdo que querem ganhar tempo e manter o foco no que importa.
💻 Tecnologias utilizadas
- Vue 3 + Vite como base do frontend
-
Vue I18n para suporte multilíngue (
/pt,/en,/es) - Tailwind CSS para um layout limpo e responsivo
- Vite SSG (parcialmente) para otimização de carregamento
- Web API (Canvas) para aplicar o efeito de desfoque
⚙️ Desempenho e SEO
Estou constantemente otimizando o site com foco em:
- ✅ Core Web Vitals: LCP, FCP, CLS
- ✅ acessibilidade com contraste, navegação por teclado e sem dependência de JS
- ✅ metatags dinâmicas por idioma com
useHead - ✅ sitemap.xml + robots.txt configurados corretamente
- ✅
<noscript>com fallback para indexação
🌍 Multilíngue desde o início
Muitos acessos vieram de países latinos, então o app tem suporte completo para:
- 🇧🇷 Português (pt-BR)
- 🇺🇸 Inglês (en)
- 🇪🇸 Espanhol (es)
As rotas são visíveis via /pt, /en, /es, e as traduções estão organizadas por domínio.
📈 Resultados
Mesmo com um vídeo mal editado no TikTok (😅), o app começou a receber visitas, curtidas e feedback real de pessoas que compartilham da mesma dor que eu. O projeto está hospedado com:
- Cloudflare + Heroku
- Deploy via Vite
- Sem cookies, analytics ou qualquer coleta de dados
✨ Próximos passos
- Adicionar novos efeitos com IA (remoção de fundo, ajustes automáticos)
- Melhorar ainda mais o tempo de carregamento e PWA
🧪 Quer testar?
👉 Acesse agora: https://blurtofit.app
🎁 É gratuito, leve, e pronto pra usar.
Se quiser ver o código, ideias ou trocar sobre performance, acessibilidade e Vue, é só comentar aqui ou me chamar. Bora criar ferramentas úteis e abertas! ✌️
Top comments (0)