Ir para o conteúdo

Gerar ícones de app para iOS e Android

Transforme uma imagem em todos os tamanhos de ícone para iOS, Android, PWA e favicon, com catálogo de assets do Xcode e camadas de ícone adaptativo, em um ZIP gerado no seu navegador.

Solte a arte do seu íconePNG, JPG, WebP ou SVG · 1024 × 1024 px ou maior funciona melhor · até 50 MB
Escolher arquivoProcessado no seu dispositivo – nada é enviado

Uma imagem vira 39 ícones PNG para iOS, Android e web, além de Contents.json, XML do ícone adaptativo, favicon.ico e um manifest web, tudo gerado no seu navegador.

Roda no seu navegador · sem uploadComo funciona

Como usar: Gerador de ícones de app

  1. 1

    Adicione sua arte

    Solte um PNG, JPG, WebP ou SVG quadrado, de preferência com 1024 × 1024 pixels ou mais; um logotipo com fundo transparente também funciona bem.

  2. 2

    Escolha as plataformas

    Mantenha iOS, Android e Web e PWA, ou desmarque as que você não publica, e escolha o conjunto completo de tamanhos do Xcode ou um único ícone de 1024 px.

  3. 3

    Ajuste o visual

    Defina a margem interna, a cor do plano de fundo e o tamanho da arte dentro dos ícones adaptativos e maskable, conferindo as guias de zona segura e os formatos dos launchers.

  4. 4

    Baixe o ZIP

    Clique em Baixar ZIP e copie cada pasta para o seu projeto; o README incluído diz onde vai cada arquivo.

Limites e Pro

Grátis e sem marca d'água: uma imagem de origem de até 50 MB por vez, até 44 ícones PNG por ZIP (39 por padrão, mais 5 com a camada de ícone temático), downloads ilimitados.

Sobre: Gerador de ícones de app

O gerador de ícones de app transforma uma única imagem no conjunto completo de ícones que um app mobile ou um aplicativo web progressivo (PWA) precisa, com arquivos nomeados e organizados em pastas do jeito que o Xcode, o Android Studio e os navegadores esperam. Com todas as plataformas selecionadas, o ZIP traz 39 arquivos PNG: 15 para o catálogo de assets do iPhone e do iPad, incluindo o ícone de 1024 px da App Store, 15 imagens de launcher do Android nas densidades de mdpi a xxxhdpi, o ícone de 512 px do Google Play e 8 ícones web, que cobrem os tamanhos de manifesto de 192 e 512 px, as versões maskable, o apple-touch-icon de 180 px e os favicons de 16, 32 e 48 px.

Além das imagens, vêm um Contents.json para o AppIcon.appiconset, o XML mipmap-anydpi-v26 para os ícones adaptativos do Android 8 com um recurso de cor de fundo, um favicon.ico com três tamanhos, um bloco de ícones do manifest.webmanifest e as tags link de HTML. Os arquivos do iOS são gravados sem canal alfa, porque o Xcode recusa ícones da App Store que tenham um, e cada tamanho é reduzido a partir de uma matriz de 1024 px em etapas de metade, para que os ícones pequenos continuem nítidos.

A ferramenta não cria um ícone nem remove um fundo por você, e usa uma cor sólida na camada de plano de fundo adaptativo, em vez de uma segunda imagem. As pré-visualizações Squircle, Gota e círculo imitam launchers comuns; cada fabricante de celular desenha a própria máscara, então confira o resultado em um dispositivo real.

Privacidade

Sua arte é decodificada, redimensionada e empacotada no ZIP por esta aba do navegador, com um canvas e um Web Worker local, então a imagem nunca sai do seu dispositivo e nada é enviado nem armazenado.

Recursos

Catálogo de assets do Xcode

AppIcon.appiconset com Contents.json, todos os tamanhos de iPhone e iPad, PNGs sem alfa.

Ícones adaptativos do Android

Camadas de primeiro plano, recurso de cor de fundo, ícones redondos, camada temática e o ícone de 512 da Play Store.

PWA e favicons

Ícones do manifest, versões maskable, apple-touch-icon, favicon.ico e tags HTML prontas.

Gerador de ícones de app: perguntas frequentes

Qual deve ser o tamanho da minha imagem de origem?
Use uma imagem quadrada de pelo menos 1024 × 1024 pixels, o tamanho do ícone da App Store e do maior arquivo do conjunto. Imagens menores ainda funcionam, mas os ícones grandes são ampliados e ficam borrados, e a ferramenta avisa você. Arquivos SVG são desenhados em resolução total, então um logotipo vetorial sempre fica nítido em todos os tamanhos.
Onde os arquivos vão no meu projeto do Xcode?
Abra o Assets.xcassets no Xcode, exclua o conjunto AppIcon existente e arraste a pasta ios/AppIcon.appiconset do ZIP, ou substitua essa pasta no Finder. O Contents.json associa cada PNG ao seu espaço de iPhone, iPad ou App Store. Se o seu projeto usa o Xcode 14 ou mais recente, você pode escolher Single 1024 e deixar o Xcode criar os tamanhos menores.
Como funcionam os ícones adaptativos do Android?
Desde o Android 8, um ícone de launcher tem duas camadas de 108 dp: um plano de fundo, aqui a cor que você escolheu, e um primeiro plano com a sua arte. O launcher recorta os 72 dp centrais e aplica a própria forma, como círculo ou squircle, então o que ficar fora do círculo central de 66 dp pode sumir. As guias de zona segura mostram esses dois limites na pré-visualização.
O que é um ícone maskable para PWA?
Um ícone maskable preenche o quadrado inteiro com o plano de fundo, para que o Android possa cortá-lo em qualquer forma sem bordas brancas. Os navegadores garantem apenas o círculo que cobre os 80% centrais da imagem, então mantenha os logotipos dentro dele. O ZIP inclui PNGs maskable de 192 e 512 px, e o trecho do manifest os marca com purpose maskable ao lado dos ícones normais.
Por que meus ícones de iOS têm cor de fundo?
A Apple exige que os ícones de app sejam totalmente opacos: um ícone da App Store com canal alfa falha na validação, e áreas transparentes apareceriam pretas na tela inicial. Por isso a ferramenta preenche os ícones de iOS, o apple-touch-icon, o ícone da Play Store e os ícones adaptativos e maskable com a cor do plano de fundo, mesmo com Ícones web transparentes ativado.

Ferramentas relacionadas

Todas: ferramentas para desenvolvedores

Gerador de favicon

Ícones ICO, PNG e manifest a partir de imagem, texto ou emoji

Conversor SVG ↔ PNG

SVG em PNG nítido ou PNG vetorizado em SVG

Redimensionador de imagens

Redimensione por pixels, porcentagem ou predefinição, em lote

Gerador de paleta de cores e contraste

Paletas, tons, contraste WCAG e teste para daltonismo