Ferramenta de imagem

Crie todos os ícones essenciais com uma única imagem

Veja o resultado, ajuste o enquadramento e baixe ícones para navegador, Apple e aplicativos instaláveis com os arquivos necessários para conectá-los.

Sem enviar imagens
ICO, PNG e manifesto web
Prévias no navegador e no aplicativo

Etapa 1 · Adicione uma imagem

Escolha a imagem que representará seu site ou aplicativo

Use uma imagem quadrada quando possível. Arquivos PNG, JPG, WebP, HEIC, HEIF e SVG são aceitos.

A imagem fica neste dispositivo e é liberada quando você a substitui ou fecha a página.

Você também pode soltar uma imagem nesta área.

Não foi possível criar o pacote{{ errorMessage }}

Etapa 2 · Defina os ícones

Ajuste uma vez e confira cada destino

Imagem original

{{ source.file.name }} {{ t('editor.dimensions', { width: source.width, height: source.height }) }}

A imagem é menor que 512 × 512 pixels. Ícones grandes podem parecer pouco nítidos.

Aparência dos ícones

Como a imagem deve se ajustar? Mostrar a imagem inteiraMantém a imagem completa e mostra o fundo ao redor. Preencher o íconePreenche o quadrado e pode cortar as bordas.

{{ t('editor.artworkSize', { value: artworkSize }) }} Fundo dos ícones {{ backgroundColor }} Manter transparente o fundo dos faviconsOs ícones Apple e de aplicativo continuam usando o fundo escolhido. {{ t('editor.maskableSize', { value: maskableSafeArea }) }} Mantenha o conteúdo importante dentro do guia. O dispositivo pode cortar a área externa em círculo ou outro formato.

Detalhes do manifesto

Estes valores são gravados em site.webmanifest.

Nome do aplicativo Nome curto URL inicial

Cor do tema {{ themeColorError }}

Modo de exibição

Prévias ao vivo

Aba do navegador

Tela inicial da Apple

Ícone de aplicativo adaptável

Área segura

Não foi possível criar o pacote{{ errorMessage }}

{{ statusMessage }}

{{ t('result.fileCount', { count: resultFiles.length }) }}

Pacote de ícones pronto

Dez arquivos gerados estão prontos para adicionar ao seu site.

Arquivos do pacote

{{ file.name }}{{ formatBytes(file.blob.size) }}

Adicione isto dentro do <head> da sua página

Solte a imagem aqui

O que está incluído

Um pacote compacto para navegadores e dispositivos atuais

Ícones do navegador

favicon.ico contém imagens de 16, 32 e 48 pixels, além de arquivos PNG separados de 16 e 32 pixels.

Ícone de toque Apple

Um PNG de 180 pixels com fundo sólido está pronto para Adicionar à Tela de Início.

Ícones de aplicativos instaláveis

O manifesto referencia ícones padrão de 192 e 512 pixels e versões adaptáveis separadas preparadas para o corte do dispositivo.