Passo a passo: como otimizar ícones SVG e exportar para React TSX direto no navegador
Edite o código SVG, a viewBox e as cores, otimize os traçados e exporte em TSX/JSX, CSS Data URI, PNG ou WebP. Os rótulos genéricos da interface são traduzidos quando há uma correspondência disponível. Alguns campos especializados ou mensagens podem permanecer em inglês; os nomes de formatos e o código mantêm-se inalterados. Todo o processamento acontece na memória da sua aba via APIs nativas do navegador, sem envio de bytes para servidores externos.
Passo a passo no navegador
- 1
1. Estúdio SVG e ícones vetoriais
Introduza ou importe os elementos necessários, de acordo com os comandos disponíveis.
- 2
2. Web Crypto / Canvas / ArrayBuffer
Escolha as opções adequadas à sua tarefa e verifique os parâmetros.
- 3
3. Imagem e vetorial
Examine o resultado antes de o copiar ou exportar.
Para quem este fluxo é indicado
- Introduza ou importe os elementos necessários, de acordo com os comandos disponíveis.
- Escolha as opções adequadas à sua tarefa e verifique os parâmetros.
- Examine o resultado antes de o copiar ou exportar.
Perguntas frequentes
Todas as ferramentas correm inteiramente no navegador?
Não. O modo de processamento depende da ferramenta e da função. Consulte as indicações do espaço de trabalho e a política de privacidade; não deduza o modo de processamento apenas pela presença de uma página Web.
Posso processar ficheiros confidenciais?
Verifique primeiro as indicações de privacidade da própria ferramenta. Alguns processamentos podem recorrer a serviços de terceiros; evite dados sensíveis enquanto não confirmar onde são tratados.
Meus arquivos ou textos são enviados para algum servidor?
Não. Tudo é processado localmente na memória do seu navegador e nunca sai do seu dispositivo.