Um arquivo PNG (Portable Network Graphics) é um formato de arquivo de imagem raster ou bitmap. Uma imagem rasterizada é composta de um número fixo de pixels, ou blocos de construção, que formam uma imagem completa. A imagem não pode ser ampliada sem ocorrer distorção. (Quando você aumenta o zoom em uma imagem raster, os pixels se tornam visivelmente granulados.) Arquivos de imagem raster comuns incluem os formatos PNG, JPG e GIF.
Um arquivo SVG (Scalable Vector Graphics) é um formato de arquivo de imagem vetorial. Uma imagem vetorial usa formas geométricas como pontos, linhas, curvas e formas (polígonos) para representar diferentes partes da imagem como objetos distintos. Esses formulários podem ser editados individualmente. Uma imagem vetorial permanece nítida e clara em qualquer resolução ou tamanho.
O formato PNG é o único formato raster que suporta transparência, e esse recurso o torna muito procurado pelos designers. Use-o para imagens estáticas, logotipos, elementos de navegação, cards para redes sociais, impressões e outras imagens com fundo transparente e bordas robustas.
O formato SVG funciona melhor para projetar ícones para sites com design responsivo, logotipos e objetos que devem ser exibidos perfeitamente nas telas Retina. O dimensionamento não afeta a qualidade e o formato suporta uma quantidade ilimitada de cores. Use o SVG quando quiser obter imagens transparentes que podem ser facilmente ampliadas ou compactadas, quando precisar de animações leves ou planejar modificar uma imagem em breve ou com frequência.