Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Icones SVG para mobile Android e IOS

Olá, Alguns ícones que faço no illustrator estão com problemas. Quando exporto o SVG dele para desenvolver em mobiles IOS e Android, os ícones ficam com muito erros, muito diferente do que desenhei. Qual seria a melhor solução para esses casos (menos redesenhar o ícone)? Existem sites, programas ou scripts que ajudam na exportação dos ícones?

2 respostas

Quando você exporta do Illustrator, pra ele funcionar certo nos apps, tem que exportar tanto com o tamanho, como com o formato corretos.

No illustrator, na hora de exportar, o certo é exportar como SVG 1.0 ou 1.1

Quantos aos tamanhos

https://github.com/phonegap/phonegap/wiki/App-Icon-Sizes

Acredito que esta página pode te ajudar

Se ainda assim der erro, exporte eles em png com transparência

solução

Oi Vinicius!

Tive o mesmo problema na hora de exportar em SVG, mas dentro das opções de salvar tem como diminuir as imperfeições.

Na hora de exportar, vá em Arquivo > Salvar como.. > escolha o formato SVG > Dentro dessa janela altere alguns parâmetros:

. No SVG Profiles coloque em SVG 1.0

. CSS Properties coloque em Presentation Atributes

. Decimal Place para 3 (está relacionado a quantidade de linhas de código que seu SVG vai ter)

. E desabilite a opção "Use element for Text on Path"

Se tiver dúvida veja o print que tirei da janela (http://pasteboard.co/oTBWdored.png)

Feito isso seu SVG vai vir com menos imperfeições. Se possível, mande um feedback para ver se deu certo.

Abraço!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software