Utilize SVG para formas que precisam de mudar de escala

Um logótipo no cabeçalho de um site pode ter apenas algumas dezenas de píxeis de altura, enquanto o mesmo logótipo num expositor impresso pode ter vários metros de largura. O SVG descreve o desenho através de coordenadas, curvas, preenchimentos e traços. Um logótipo vetorial pode ser desenhado em ambos os tamanhos a partir da mesma origem e um designer pode alterar a forma ou a cor de um caminho individual.

Verifique o conteúdo real de um SVG antes de o tratar como original editável. O formato pode conter fotografias e outras imagens rasterizadas incorporadas. Abra o ficheiro em Visualizador SVG para verificar o desenho visível e, em seguida, selecione uma forma num editor vetorial se precisar de confirmar que o contorno é editável.

Utilize PNG quando precisar de dimensões exatas em píxeis

O PNG guarda uma grelha de píxeis e pode preservar a transparência. É uma boa escolha para capturas de ecrã, imagens de produtos, gráficos de apresentações e sistemas que esperam um tamanho de imagem fixo. Um PNG transparente adapta-se a um diapositivo colorido ou ao fundo de um anúncio de produto sem um retângulo branco à volta do motivo.

Se uma plataforma pedir um logótipo com 1.200 píxeis de largura, mantenha o original SVG e exporte uma cópia com SVG para PNG. Defina a largura pedida, mantenha as proporções e verifique a imagem sobre o fundo pretendido. Exporte novamente a partir do original de trabalho quando precisar de outro tamanho.

Vetorize uma cópia rasterizada quando o original vetorial estiver em falta

Um pequeno PNG de uma assinatura de email antiga pode ser a única cópia disponível de um logótipo. Imagem para vetor pode vetorizar as formas visíveis em caminhos editáveis. Utilize a cópia mais nítida disponível e remova primeiro fundos ou margens sem relação com o desenho. Um logótipo plano com áreas de cor distintas oferece limites mais fiáveis à vetorização do que uma captura de ecrã com artefactos de compressão.

A vetorização é uma interpretação. Compare o resultado com o original ao tamanho normal e com muita ampliação. Observe de perto aberturas das letras, pequenos pontos, traços finos e cantos pontiagudos. Se uma curva tiver ficado irregular ou uma letra perdido uma parte, corrija essa zona num editor vetorial antes de tratar a vetorização como novo original de trabalho.

Mantenha o original e o ficheiro de entrega separados

Num site, o SVG é frequentemente o original útil para logótipos e ícones, enquanto o PNG é prático para sistemas que especificam dimensões em píxeis. Para uma gráfica ou fabricante, pergunte qual o formato necessário e se o texto deve ser convertido em contornos. Um PDF de produção, um contorno de corte e uma pré-visualização PNG podem partir do mesmo desenho e cada um tem uma finalidade diferente.