De que tamanho de imagem eu preciso para um ícone de app?

Parta de uma imagem quadrada de 1024×1024: é o tamanho de marketing da App Store e cada ícone menor é gerado a partir dela. PNG, JPEG e WebP funcionam; uma origem quadrada e nítida dá o melhor resultado.

Minha imagem é enviada para algum lugar quando eu gero os ícones?

Não. O gerador de ícones de app redimensiona sua imagem inteiramente no seu navegador, no seu próprio dispositivo. Sua arte nunca é enviada ao ArrayKit nem a nenhum servidor, então os ícones não publicados permanecem privados.

Ele gera o Contents.json do Xcode?

Sim. Os conjuntos de iOS e macOS vêm como pastas AppIcon.appiconset com um Contents.json gerado, então você pode arrastar a pasta direto para o seu catálogo de recursos do Xcode.

Quais plataformas e tamanhos de ícone estão incluídos?

iOS (iPhone e iPad, de 20px até o ícone de 1024px da App Store), macOS (de 16px a 1024px) e as densidades mipmap do Android (de mdpi a xxxhdpi) mais um ícone de 512px para a Play Store. Escolha qualquer combinação.

Como eu adiciono os ícones a um projeto Android?

Copie as pastas mipmap-* geradas para o diretório res/ do seu app e referencie ic_launcher; depois use playstore-icon.png (512px) para o anúncio na Play Store.

Posso usar uma imagem não quadrada?

Pode, mas ela é recortada no centro para ficar quadrada primeiro. Para controle total, parta de um design quadrado (1:1) para que nada importante seja cortado nas bordas.

Gerador de ícones de app

Transforme uma imagem de 1024×1024 em todos os tamanhos de ícone de app para iOS, macOS e Android, gerados no seu navegador e baixados em um ZIP pronto para usar.

O gerador de ícones de app roda inteiramente no seu navegador. Sua imagem de origem é redimensionada no seu próprio dispositivo e nunca é enviada ao ArrayKit: sua arte nunca sai do seu computador.

Abra o Otimizador de Imagem

Sobre Gerador de ícones de app

O gerador de ícones de app transforma uma única imagem quadrada em todos os tamanhos de ícone que o seu app precisa, direto no seu navegador. Solte um PNG, JPEG ou WebP de 1024×1024 e ele renderiza o conjunto completo do iOS como um AppIcon.appiconset, com o Contents.json do Xcode incluído, além de um conjunto de ícones do macOS e as densidades mipmap do Android (de mdpi a xxxhdpi) com um ícone de 512px para a Play Store. Tudo é baixado em um único ZIP que você pode arrastar direto para o Xcode ou o Android Studio. Sua imagem é redimensionada no seu próprio dispositivo e nunca é enviada, então a arte não publicada permanece privada. Imagens não quadradas são recortadas no centro e tudo abaixo de 1024 é ampliado, então uma origem quadrada e nítida dá o melhor resultado. Feito para desenvolvedores independentes e equipes de design que publicam na App Store e no Google Play.

Recursos

Entra uma imagem de 1024×1024 e saem todos os tamanhos de ícone necessários
AppIcon.appiconset do iOS pronto para o Xcode com um Contents.json gerado
Conjunto de ícones do macOS (de 16px a 1024px) com seu próprio Contents.json
Densidades mipmap do Android (de mdpi a xxxhdpi) mais um ícone de 512px para a Play Store
Escolha as plataformas que você precisa: iOS, macOS, Android ou as três
Tudo empacotado em um único ZIP, pronto para arrastar para o seu projeto
Roda inteiramente no seu navegador: sua arte nunca é enviada
Reamostragem de alta qualidade; origens não quadradas são recortadas no centro

Como usar Gerador de ícones de app

Solte uma imagem quadrada (1024×1024 recomendado) na página
Escolha as plataformas que você tem como alvo: iOS, macOS e/ou Android
Clique em Gerar para renderizar todos os tamanhos de ícone no seu navegador
Baixe o ZIP e adicione os conjuntos de ícones ao Xcode ou ao Android Studio

Exemplo

Entrada

app-icon.png  (1024×1024)

Saída

app-icons.zip  ·  29 icons (iOS + macOS + Android)

Uma imagem de origem vira um conjunto completo de ícones do Xcode e do Android, compactado no seu navegador.

Erros comuns e solução de problemas

Os ícones gerados ficaram suaves ou borrados. — Parta de uma origem de pelo menos 1024×1024. Imagens menores são ampliadas, o que reduz os detalhes: exporte sua arte em tamanho completo primeiro.
Minha imagem saiu esticada ou recortada de forma estranha. — O gerador recorta no centro para deixar quadrada. Use uma origem quadrada (1:1) ou adicione margens para que nada importante fique perto das bordas.
O Xcode mostra um aviso de ícone ausente após a importação. — Arraste a pasta AppIcon.appiconset inteira (incluindo o Contents.json) para o seu catálogo de recursos, substituindo o conjunto AppIcon existente.
A App Store rejeita o ícone por ter transparência. — Os ícones da App Store precisam ser opacos. Achate seu PNG sobre um fundo sólido antes de gerar para que não haja canal alfa.

Perguntas frequentes

De que tamanho de imagem eu preciso para um ícone de app?: Parta de uma imagem quadrada de 1024×1024: é o tamanho de marketing da App Store e cada ícone menor é gerado a partir dela. PNG, JPEG e WebP funcionam; uma origem quadrada e nítida dá o melhor resultado.
Minha imagem é enviada para algum lugar quando eu gero os ícones?: Não. O gerador de ícones de app redimensiona sua imagem inteiramente no seu navegador, no seu próprio dispositivo. Sua arte nunca é enviada ao ArrayKit nem a nenhum servidor, então os ícones não publicados permanecem privados.
Ele gera o Contents.json do Xcode?: Sim. Os conjuntos de iOS e macOS vêm como pastas AppIcon.appiconset com um Contents.json gerado, então você pode arrastar a pasta direto para o seu catálogo de recursos do Xcode.
Quais plataformas e tamanhos de ícone estão incluídos?: iOS (iPhone e iPad, de 20px até o ícone de 1024px da App Store), macOS (de 16px a 1024px) e as densidades mipmap do Android (de mdpi a xxxhdpi) mais um ícone de 512px para a Play Store. Escolha qualquer combinação.
Como eu adiciono os ícones a um projeto Android?: Copie as pastas mipmap-* geradas para o diretório res/ do seu app e referencie ic_launcher; depois use playstore-icon.png (512px) para o anúncio na Play Store.
Posso usar uma imagem não quadrada?: Pode, mas ela é recortada no centro para ficar quadrada primeiro. Para controle total, parta de um design quadrado (1:1) para que nada importante seja cortado nas bordas.

Ferramentas relacionadas

Otimizador de imagens — Recodifique e reduza imagens (JPEG/WebP/PNG), com redimensionamento opcional.
Conversor de formato de imagem — Converta imagens entre PNG, JPEG e WebP inteiramente no seu navegador.
Codificador / Decodificador de imagem Base64 — Converta imagens em Data URIs Base64 com trechos de HTML e CSS, ou decodifique um Data URI em uma imagem para baixar.
Otimizador de SVG — Minifique SVG: remova comentários, metadados e restos do editor, e colapse espaços.
Visualizador e removedor de EXIF — Visualize e remova metadados EXIF (incluindo GPS) de fotos; nada é enviado.
Gerador de Open Graph — Gere meta tags Open Graph e Twitter com prévia do card social.