Como usar: Gerador de ícones de aplicativos
- Arraste e solte uma imagem quadrada — de preferência um PNG de 1024 × 1024 px ou um SVG.
- Escolha as plataformas, a cor de fundo (os ícones do iOS não podem ser transparentes) e o preenchimento opcional.
- Dá uma olhada nas visualizações e clica em “Baixar ZIP”; arrasta as pastas para o Xcode e o Android Studio.
O que tem no ZIP
- iOS —
AppIcon.appiconsetcom todos os tamanhos de iPhone e iPad (20 a 1024 px) e umContents.json. Arraste-o paraAssets.xcassetsno Xcode, substituindo o AppIcon existente. - Android —
mipmap-mdpiparamipmap-xxxhdpipelas pastasic_launcher.pngeic_launcher_round.png(48–192 px), camadas de primeiro plano do ícone adaptável (108–432 px), o XML emmipmap-anydpi-v26e o recurso de cor de fundo. Copie as pastas paraapp/src/main/res. Além disso, o ícone da Play Store de 512 × 512. - Web / PWA — PNGs de favicon, o ícone de toque da Apple de 180 px, ícones de manifesto de 192 e 512 px, um ícone que dá pra mascarar e um trecho de manifesto pronto pra colar.
Regras importantes da plataforma
Os ícones do iOS não podem ser transparentes — o App Store Connect rejeita ícones com canal alfa —, então as áreas transparentes são preenchidas com a cor de fundo. O iOS mesmo arredonda os cantos: forneça uma imagem quadrada, não a arredonde você mesmo. Os ícones adaptativos do Android recortam o primeiro plano em círculos, “squircles” ou quadrados arredondados; mantenha a parte importante dentro dos 66% centrais (a zona segura) — é isso que o controle deslizante de preenchimento adaptativo faz.
Privacidade por padrão
Todo o redimensionamento acontece no seu navegador com a API Canvas; sua arte nunca é enviada.
Também pesquisado como: gerador de ícones para aplicativos ios, gerador de ícones para android, criador de ícones de aplicativos, gerador de appiconset, gerador de ícones adaptáveis, gerador de ícones pwa, tamanhos dos ícones de aplicativos android.
Ferramentas que combinam com: Gerador de ícones de aplicativos
- PWA Manifest Generator — Make any website an installable PWA.
- Gerador de favicons — Crie um pacote completo de favicons a partir de um logotipo, uma letra ou um emoji: um arquivo favicon.ico com vários tamanhos, o ícone de toque da Apple, ícones para Android/PWA, um webclip do Webflow, o manifesto da web e as tags HTML para colar.
- Redimensionador de imagens — Redimensione uma foto para dimensões exatas em pixels ou uma porcentagem, recorte-a para se ajustar ao tamanho de uma rede social ou encaixe-a dentro de uma moldura com uma cor de fundo — tudo isso diretamente no seu navegador.
- Conversor de imagens — Converta qualquer imagem que seu navegador consiga abrir — PNG, JPG, WebP, AVIF, GIF, BMP ou SVG — em PNG, JPG, WebP ou AVIF, seja um arquivo ou centenas de uma vez.
Perguntas frequentes
Qual deve ser o tamanho da minha imagem original?
Pelo menos 1024 × 1024 px, quadrado. Um arquivo SVG oferece os melhores resultados em qualquer tamanho. Imagens menores são ampliadas e podem ficar com a aparência desfocada nos ícones maiores.
Por que o ícone do meu iOS tem fundo branco?
A Apple não permite transparência nos ícones de aplicativos, então as áreas transparentes são preenchidas com a cor de fundo que você escolher. Escolha uma cor que combine com o seu design.
O que são ícones adaptativos do Android?
Desde o Android 8, os ícones do launcher têm camadas separadas de primeiro plano e fundo, que o sistema transforma em formas diferentes e anima. O arquivo ZIP inclui ambas as camadas e o XML que as une.
Ainda preciso de todos os tamanhos do iOS com o Xcode 15?
O Xcode consegue gerar tamanhos a partir de um único ícone de 1024 px, mas o conjunto completo te dá controle sobre os tamanhos menores e é compatível com destinos de implantação mais antigos. Ambos funcionam.
Posso instalar o Gerador de ícones de aplicativos como um aplicativo da web e usá-lo offline?
Sim. O Gerador de ícones de aplicativos é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.