Converter PSD para SVG
Salve um design do Photoshop como arquivo .svg para ferramentas que só aceitam SVG. O conversor achata o PSD e coloca a imagem dentro de um SVG; continue lendo para saber quando isso basta e quando um logo precisa ser vetorizado.
Conversor de imagens
ou solte arquivos JPG, JPEG, JPE … aqui ·
Até 95 MB por arquivo· Até 20 arquivos· Apagados após 30 minutos
Os arquivos são processados em nossos servidores e apagados após 30 minutos.
85 mantém as fotos visualmente idênticas ao original. Diminua só quando precisar de um arquivo menor.
JPG, BMP e EPS não têm transparência. Os pixels transparentes são preenchidos com esta cor.
Cor hexadecimal usada atrás dos pixels transparentes, por exemplo #FFFFFF.
Este formato guarda uma única imagem. Escolha saída GIF ou WebP se quiser manter a animação.
Um ícone multitamanho contém várias resoluções em um só arquivo; navegadores e sistemas operacionais escolhem a que precisam.
Mantenha as dimensões originais ou informe um dos lados, e a proporção é preservada.
Pixels do lado escolhido acima.
Porcentagem das dimensões originais.
sRGB é o certo para telas e web. Mantenha o original em fluxos de impressão; escala de cinza descarta as cores.
Só nos metadados; 0 mantém o valor original. Impressoras e alguns portais leem esse número; ele não altera as dimensões em pixels.
Como usar esta ferramenta
- 1
Envie o PSD
Escolha um ou mais arquivos .psd, até 20 por lote e 95 MB cada.
- 2
Clique em Converter para SVG
O design visível é nivelado no tamanho da tela de desenho e incorporado a um documento SVG. Não há controle de qualidade, porque o bitmap dentro dele é armazenado sem perdas.
- 3
Abra o resultado
Arraste o .svg para um navegador, o Figma ou o Inkscape. Ele ficará igual ao PSD, e, ao dar muito zoom, você verá pixels, o que é esperado.
PSD para SVG: o que o conversor realmente gera
Um PSD é uma pilha de camadas: camadas de pixels de fotos e pincéis, camadas de ajuste que alteram os pixels abaixo delas, camadas de texto, objetos inteligentes e camadas de forma, que o Photoshop armazena como caminhos vetoriais desde a versão 6.0, em 2000. O próprio Photoshop foi lançado em fevereiro de 1990, e o formato PSD ainda guarda uma composição nivelada da pilha visível para que outros programas mostrem o design sem entender cada tipo de camada.
Este conversor usa esse design nivelado. Ele renderiza as camadas visíveis em uma única imagem no tamanho da tela de desenho e depois grava um documento SVG cujo único conteúdo é essa imagem. O SVG tem largura, altura e transparência corretas, então se encaixa em uma página ou em um layout como o original. O que ele não tem é uma única forma editável: todas as bordas, inclusive as das camadas de forma, são pixels. Efeitos, máscaras e modos de mesclagem não têm equivalente direto em SVG, então o resultado renderizado é a saída fiel.
- Maior largura ou altura que um PSD pode ter
- 30.000 px
- Limite de tamanho do arquivo PSD (designs maiores usam PSB)
- 2 GB
- Maior PSD que este conversor aceita
- 95 MB
- Arquivos PSD por lote
- 20
PSD
Documento do Adobe Photoshop
PSD é o formato de arquivo nativo do Adobe Photoshop, em uso desde 1990. Ele guarda camadas, máscaras, camadas de ajuste, texto, objetos inteligentes, canais e perfis de cor, para que o design possa ser reeditado depois sem perda. Os arquivos costumam ser muito grandes, e a fidelidade total exige o Photoshop; outros editores, como GIMP, Photopea e Affinity, abrem PSDs com precisão variável. Navegadores, celulares e a maioria dos formulários de envio não exibem PSD diretamente.
- Compressão
- Sem perdas
- Transparência
- Sim
- Animação
- Não
- Lançamento
- 1990 · Adobe
SVG
Scalable Vector Graphics (SVG)
SVG é um formato vetorial baseado em XML, padronizado pelo W3C em 2001. Em vez de pixels, ele descreve formas, caminhos e texto, por isso fica nítido em qualquer tamanho e costuma ser minúsculo para logotipos e ícones. Ele aceita transparência, estilo com CSS, scripts e animação, e todos os navegadores o renderizam nativamente. O SVG não é adequado para fotografias, e ilustrações complexas podem ficar lentas para renderizar. Illustrator, Inkscape, Figma e os navegadores conseguem abri-lo e editá-lo.
- Compressão
- –
- Transparência
- Sim
- Animação
- Sim
- Lançamento
- 2001 · W3C
As pessoas buscam PSD para SVG quando um criador de sites, uma plataforma de modelos ou uma máquina de corte pede SVG e o design só existe como arquivo do Photoshop; o que elas recebem é a arte nivelada dentro de um contêiner SVG.
Camadas de forma, objetos inteligentes e pixels em um PSD
MitoSalvar como .svg deixa qualquer design escalável.
FatoA escalabilidade vem dos caminhos. Um SVG com um bitmap perde nitidez além do tamanho em pixels, como um PNG.
MitoUm logo desenhado com formas do Photoshop vira vetor automaticamente.
FatoEsta ferramenta nivela primeiro, então as formas chegam como pixels. As formas vetoriais precisam ser exportadas ou vetorizadas.
MitoObjetos inteligentes mantêm o conteúdo vetorial vinculado.
FatoUm arquivo do Illustrator inserido é renderizado no tamanho em que aparece na tela de desenho e depois nivelado com o restante.
Como obter caminhos vetoriais de verdade de um design do Photoshop
Para um logo, um ícone ou um lettering que precisa continuar nítido em qualquer tamanho, o passo certo é vetorizar. Converta o PSD em um PNG transparente com PSD para PNG e depois passe-o pelo conversor de imagem em SVG, que segue as bordas e grava caminhos de verdade. A vetorização funciona bem com cores chapadas e contornos limpos; fotografias viram milhares de formas minúsculas. Nosso passo a passo sobre como converter PNG em SVG mostra as configurações que mantêm as curvas suaves.
Se a arte vetorial original existir no Illustrator, no Affinity Designer ou no Figma, peça esse arquivo antes de vetorizar uma cópia nivelada.
Perguntas sobre PSD para SVG
As camadas de forma do Photoshop viram caminhos SVG editáveis?
Não com este conversor. As camadas de forma são vetores dentro do Photoshop, mas o PSD é nivelado em um único bitmap antes de ser gravado em SVG, então todas as camadas, inclusive as formas, chegam como pixels. Para manter os caminhos, exporte as formas de um editor vetorial ou vetorize o resultado.
Por que meu SVG fica quase do tamanho de um PNG do mesmo design?
Porque o SVG, na maior parte, é um PNG. O bitmap fica armazenado como texto codificado dentro do SVG, o que acrescenta cerca de um terço ao tamanho. Um logo vetorial de verdade teria alguns quilobytes.
Posso mandar este SVG para uma Cricut ou uma cortadora a laser?
Ele será importado, mas não há nada para cortar. As máquinas de corte seguem contornos de caminhos, e um bitmap embutido não tem nenhum, então o Design Space e os programas de corte a laser enxergam uma imagem plana. Vetorize o logo com o conversor de imagem em SVG para obter linhas de corte.
O texto de uma camada de texto do Photoshop continua sendo texto no SVG?
Não. As camadas de texto são renderizadas com suas fontes e niveladas como todo o resto, então você não consegue pesquisar, selecionar nem redigitar as palavras. Recrie o texto editável em um editor de SVG com a mesma fonte.
Quando um SVG com um bitmap dentro é realmente útil?
Quando um sistema exige a extensão .svg, mas apenas exibe o arquivo, como acontece com alguns criadores de temas e plataformas de modelos. Também serve como provisório até existir uma arte vetorial de verdade.
Uma tela de PSD maior gera um SVG mais nítido?
Sim. O SVG mantém as dimensões da tela de desenho, então um PSD de 4000 px continua nítido em tamanhos de exibição maiores do que um de 1000 px. Além do tamanho original, a imagem incorporada perde nitidez como qualquer bitmap.
| PSD para PNG | PSD para JPG | PSD para PDF |
| PNG para SVG | EPS para SVG | Imagem para SVG |