GuiaOct 20, 20268 min de leitura

Como converter um GIF em vetor. De GIF a vetor — o traço segue o dithering.

Um GIF é uma grelha de píxeis pintados a partir de uma paleta de no máximo 256 cores. Nada nessa grelha é um caminho. Converter para vetor significa inventar esses caminhos, ou com um traço que adivinha as bordas ou com um designer que redesenha a marca. Um GIF grande, de um só fotograma, de cor chapada e bordas duras pode ser traçado no Illustrator ou no Inkscape e limpo até um ficheiro utilizável. Um GIF com dithering, uma animação ou qualquer coisa destinada a uma plotadora de vinil, a uma prensa ou a uma máquina de bordar costuma precisar de um redesenho manual, porque os pontos e o fotograma exportado passam a fazer parte do traço.

Letras foscas NOVA HOUSE pendem com formas roxas, azuis e amarelas, ao lado de um póster em pontos da mesma marca
  1. Abra um fotograma e amplie

    Se o GIF anima, escolha o fotograma em que a marca está inteira. A 400% ou mais, bordas duras e cor chapada podem ser traçadas. Uma nuvem de pontos significa que o traço vai seguir o ruído.

  2. Ajuste o caminho à máquina

    Trace automaticamente um logótipo limpo, grande e chapado que vá para um destino tolerante. Redesenhe o que tiver dithering, estiver animado ou se destinar a vinil, serigrafia, bordado ou CNC.

  3. Verifique os caminhos, não a pré-visualização

    Contornos fechados, texto em contornos, uma forma por cor real e um número de nós sensato. Um traço que parece certo no ecrã corta na mesma cada ponto do dithering.

O que converter um GIF em vetor significa de facto

Um GIF não contém curvas, âncoras nem texto editável. Contém uma paleta e uma grelha de índices para essa paleta. Alguns GIF são uma imagem parada. Outros são uma pilha de fotogramas.

Os formatos vetoriais guardam geometria: pontos de âncora, pegas de curva, preenchimentos e traços. A geometria não tem resolução fixa, e por isso o mesmo logótipo pode imprimir numa etiqueta e num reboque. Passar de um GIF para esse ficheiro não é uma exportação. Alguém, ou um algoritmo, tem de decidir onde as bordas deviam estar e qual fotograma era a arte.

É aí que um GIF falha de um modo que um JPEG ou um PNG não conhecem. O dano do JPEG é um halo de compressão. O do PNG, quando aparece, é uma franja suave. O de um GIF é em geral um padrão deliberado de pontos, posto ali para uma paleta de 256 cores fingir ter mais cores do que tem.

O GIF não traça limpo?

Envie o GIF. Receba caminhos desenhados.

Um designer reconstrói a marca como caminhos fechados, com poucos nós e o texto em contornos.

Need something custom? Email hello@vectorwiz.com

O que uma paleta de 256 cores faz a uma borda

A cor de um GIF é indexada. Cada píxel guarda um número que aponta para uma entrada de uma paleta, e essa paleta pára nas 256 entradas. Um logótipo chapado que usa mesmo três ou quatro cores cabe com folga, e as bordas podem ficar nítidas, porque a compressão do GIF não perde dados depois de os píxeis escolhidos. É o caso honesto para um traço.

O problema começa quando a arte quer mais cores do que a paleta tem, ou um degradê que a paleta não consegue segurar. O codificador aplica então dithering: espalha píxeis das cores de paleta mais próximas para o olho os fazer a média de um tom que não está no ficheiro. Amplie a 400%. Uma curva que devia ser uma só borda vira um ponteado. O traço não sabe que os pontos eram um truque, e põe um caminho à volta de cada aglomerado.

Uma pessoa numa galeria olha uma parede de quadrados laranja e amarelos que formam um planeta brilhante sobre roxo
O brilho são quadrados da paleta. Um traço não tem aqui uma borda lisa para seguir.

A contagem de cores do traço não vai bater com o logótipo. Uma marca de duas cores que foi ponteada pode voltar como dezenas de ilhas cinzentas. Essas ilhas nunca foram tintas, linhas ou rolos de vinil. Eram o compromisso do codificador. Se o ponteado se vê num zoom normal, o ficheiro já passou o ponto em que um traço poupa tempo.

Verifique o GIF antes de escolher um método

Aqui o método se divide. Abra o ficheiro e, se ele se move, pare num só fotograma antes de julgar. Olhe para a arte, não para a tela à volta.

Um logótipo grande, chapado, de um só fotograma

Cores sólidas, bordas que continuam duras ao ampliar, sem ponteado, sem segundo fotograma. É aqui que o traço automático ganha o lugar. O Traçado da imagem do Illustrator ou Vetorizar bitmap do Inkscape, com cerca de tantas cores quantas a marca usa de facto, pode dar um começo utilizável — e por vezes um fim utilizável — para um destino que perdoa um pouco de limpeza. Um SVG web e uma prova de uma cor vivem aqui. Uma plotadora, em geral, não.

Um logótipo com dithering, ou uma exportação minúscula

Avatares de redes, botões web antigos e qualquer coisa com um degradê falso caem aqui. O traço segue cada ponto. Pode passar uma tarde a apagar ilhas e continuar a ver um contorno mordido. Um redesenho a partir das formas ainda visíveis é o trabalho mais curto.

Uma animação

Um GIF animado são várias imagens que partilham uma paleta. Só uma delas, se alguma, é o logótipo. As outras são movimento: um fade, um recorte, um arrastamento entre posições. Traçar o ficheiro em reprodução, ou um fotograma apanhado ao acaso, coze esse movimento nos caminhos. Avance até ao fotograma em que a marca está completa e parada. Se nenhum serve, não está perante uma fonte que se possa traçar. Está perante uma referência para um redesenho.

Píxeis azuis dissolvem-se em pontos laranja de dithering, e uma curva azul-marinho com âncoras segue o limite
A curva é a borda que uma pessoa desenharia. Os pontos são o que a paleta deixou.

A transparência do GIF é uma cor, toda presente ou toda ausente

Um GIF pode marcar um só índice da paleta como transparente. Os píxeis desse índice desaparecem contra o que está atrás do ficheiro. Qualquer outro píxel é opaco. Não há cobertura parcial, por isso não há uma franja suave como a de um canal alfa de PNG. O que há é uma escada dura: a borda são píxeis inteiros da cor de paleta seguinte, muitas vezes com um halo residual de uma cor quase de fundo que o codificador não incluiu no índice transparente.

Esse índice é uma propriedade do ficheiro de origem. Um traço muitas vezes desenha-o, ou desenha o halo logo por dentro, como se fosse arte. Deixá-lo de fora faz parte de redesenhar a marca, do mesmo modo que se deixam de fora os pontos. A borda de um PNG é outro problema, porque esses píxeis são parcialmente transparentes e não uma só cor de sim ou não, o que está tratado em como converter um PNG em vetor.

O que a plotadora, a prensa e o digitador precisam mesmo

No ecrã, um traço com dithering pode parecer o logótipo se se estiver longe o suficiente. Uma plotadora de vinil não se afasta. Cada forma fechada minúscula é um contorno, e a lâmina vai tentar cortá-lo. Mondar um campo de pontos não é um plano de produção. O ficheiro útil são poucos contornos fechados, um por cor de vinil, com o texto em contornos e um número de nós que uma pessoa reconheceria como as curvas originais.

A serigrafia e o bordado falham no mesmo ficheiro por outra razão. As ilhas do dithering tornam-se tintas ou linhas a mais que nunca estiveram na marca. Uma prensa quer formas chapadas separadas. Um digitador quer regiões de cor fechadas e grandes o suficiente para bordar. Nenhum dos dois pode usar um ponteado que só existia para enganar o olho dentro de uma paleta de 256 cores. A mesma regra de caminhos fechados é o que uma plotadora precisa, tratado em caminhos de corte para decalques de vinil.

Que ficheiro entregar

FormatoMelhor paraAtenção a
SVGWeb e entrega simples de logótipoTexto em contornos, ou a fonte não viaja
EPSSerigrafia e RIP mais antigosUm GIF colocado dentro de um EPS continua a ser um GIF
AIO mestre editávelO ficheiro nativo abre-se no Illustrator
PDFProvas e entrega de impressãoUm PDF pode continuar a ser o GIF pousado numa página
DXFLaser, CNC e fresagemCaminhos fechados e escala real, ou o percurso da ferramenta está errado

Pergunte à oficina qual destes formatos a máquina lê antes de discutir a extensão. Colocar o GIF dentro de qualquer um deles não o converte. Clique na arte. Se se seleciona como um retângulo sem âncoras, continua a ser a grelha de píxeis.

Quando o traço chega e quando parar

Experimente o traço quando o GIF é um só fotograma, as cores são mesmo chapadas, as bordas continuam duras num zoom forte e o ficheiro vai para um sítio onde o pode rever. Pode não precisar de ninguém, e pagar um redesenho de um ficheiro limpo é esforço perdido.

  • Vê ponteado ou pontos dispersos num zoom normal.
  • O GIF anima e nenhum fotograma mantém a marca inteira e parada.
  • A única cópia é uma exportação minúscula de redes ou um botão web antigo.
  • O texto tem de corresponder a uma fonte específica.
  • O trabalho vai para uma plotadora, uma fresadora, uma prensa ou uma máquina de bordar.
  • Já passou mais tempo a apagar ilhas do que um redesenho demoraria.

Esse último teste é o que se salta. Limpar um traço com dithering não tem um fim claro, porque o erro é a paleta. Reconstruir a marca a partir das formas ainda visíveis é em geral o caminho mais rápido para um ficheiro que corta. Esse redesenho é o trabalho que a VectorWiz faz quando um GIF tem de se tornar caminhos que uma oficina possa correr: a arte é reconstruída de propósito, em vez de ser reparada ponto a ponto.

Um ficheiro que a oficina possa mesmo correr

Se o GIF é chapado, está parado e há pouco em jogo, trace-o e verifique os caminhos. Se a paleta já substituiu as bordas por pontos, ou o ficheiro vai para uma máquina, um redesenho é o caminho mais curto para algo que funciona. Quando a origem é um GIF e a saída tem de cortar ou imprimir, pode enviar o ficheiro e receber caminhos que foram desenhados, não traçados.

Perguntas frequentes

Posso converter um GIF animado num só ficheiro vetorial?

Sim, mas converte um fotograma, não o movimento. Reproduza o GIF e escolha o fotograma em que a marca está inteira, parada e grande o suficiente para se ler. Se cada fotograma é um borrão, um recorte ou um monte de pontos, nenhum é um logótipo traçável, e um redesenho a partir da forma ainda reconhecível é o trabalho mais curto.

Por que traçar um GIF cria milhares de formas minúsculas?

Isso é dithering. Um GIF guarda no máximo 256 cores, por isso degradês e cores a mais são fingidos com píxeis dispersos das cores da paleta. Um traço trata cada aglomerado desses píxeis como geometria. Amplie a 400%. Se a borda é uma nuvem de pontos e não um limite duro, o ponteado é o ficheiro, e simplificar o caminho só esconde uma parte.

Um GIF tem fundo transparente?

Pode marcar uma cor da paleta como totalmente transparente. É uma escolha dura, sim ou não, não um canal alfa parcial. Os píxeis da borda continuam a ser píxeis inteiros de uma cor que resta, e um traço segue essa escada. Um redesenho constrói só as formas que pertencem à marca, porque esse índice transparente nunca foi uma delas.

Posso converter um GIF sem o Illustrator?

Sim. O Inkscape é de código aberto, e Caminho > Vetorizar bitmap cobre o mesmo terreno que Traçado da imagem. Num GIF chapado, use tantas passagens quantas as cores reais da marca, não tantas quantas o dithering. O limite está no GIF, não no programa.

Um GIF traçado pode ser cortado numa plotadora de vinil?

Só depois de os caminhos estarem fechados, o número de nós baixar e os pontos do dithering não fazerem parte do corte. A lâmina segue cada contorno que recebe. Um GIF ponteado ou minúsculo costuma ser mais rápido de redesenhar do que de reparar.

Naimur Rahman

Naimur Rahman

Diretor de criação

Lidera a direção de design e a qualidade na VectorWiz. Revisa e redesenha à mão a arte de produção para letreiros, serigrafia, bordado e trabalhos CNC.

Envie-nos um ficheiro

Desenhado à mão. Feito para produção.

Preço instantâneo, sem compromisso. Vetores prontos para produção na sua caixa de entrada em 24 h.