FOTOGRAFIA
PNG versus SVG.
Se você trabalha com logotipos digitais e gráficos de alta qualidade, talvez considere salvar seus arquivos como PNG ou SVG. Os dois são formatos versáteis com resoluções altas, mesmo em grande escala. Aprenda as principais diferenças entre PNGs e SVGs e como usar cada tipo de arquivo.
https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/get-started-notification-blade
O que é um arquivo PNG?
Os PNGs (Portable Network Graphics) são arquivos rasterizados. Eles têm resoluções altas, compactação sem perdas, transparência e a capacidade de processar 16 milhões de cores. Isso faz deles uma excelente escolha para gráficos, logotipos, tabelas, ilustrações e fotografias muito detalhadas. Como os arquivos PNG costumam ser grandes, eles não são recomendados para fotos digitais.
O que é um arquivo SVG?
Os SVGs (Scalable Vector Graphics) funcionam bem com logotipos e gráficos porque você pode redimensioná-los para diferentes finalidades. Eles também são bastante usados para design da Web porque mecanismos de pesquisa como o Google leem a linguagem de programação XML desse formato. Isso ajuda na SEO e nas classificações do site.
Ao contrário dos PNGs, os arquivos SVG são vetoriais, ou seja, usam algoritmos matemáticos para exibir imagens, que você pode redimensionar para qualquer tamanho sem afetar negativamente a qualidade delas.
Qual é a diferença entre arquivos PNG e SVG?
Há muitas semelhanças entre os formatos PNG e SVG. Agora é hora de descobrir as diferenças.
Rasterizado versus vetorial.
Talvez a principal diferença entre os arquivos PNG e SVG seja o fato de um formato ser rasterizado e o outro ser vetorial.
O PNG é um formato de imagem rasterizado (baseado em pixels). Se você aumentar demais uma imagem rasterizada, ela ficará com um efeito granulado ou pixelizado. Da mesma forma, se a imagem for muito pequena, ela poderá ficar irreconhecível. Os PNGs podem processar resoluções altíssimas, mas não são infinitamente expansíveis.
Por outro lado, os arquivos SVG são vetoriais, criados com base uma rede matemática complexa de linhas, pontos, formas e algoritmos. Eles podem ser expandidos para qualquer tamanho sem perder a resolução.
Tamanhos de arquivo.
Os arquivos PNG geralmente são tão grandes que conseguem processar resoluções altas. Devido ao tamanho, eles levam mais tempo para serem processados, compartilhados, salvos e abertos. Isso também pode aumentar o tempo de carregamento das páginas. É por isso que os arquivos JPEG são mais comuns para fotografia online. No entanto, existe uma variante PNG menor de 8 bits, mas ela só aceita 256 cores.
Os arquivos SVG são muito menores que os PNGs e não costumam deixar seu computador ou site lento. (No entanto, designs muito detalhados podem deixar o arquivo SVG lento.) Como os SVGs são vetoriais, é possível redimensioná-los sem perder a qualidade.
Compactação.
Os arquivos SVG oferecem compactação sem perdas, ou seja, eles podem ser diminuídos sem perder definição, detalhes ou qualidade.
Os arquivos PNG também oferecem uma compactação sem perdas de 5% a 20%, o que compensa o tamanho grande deles. No entanto, eles provavelmente ainda serão maiores que os SVGs.
Fotografia.
Os arquivos PNG não são uma escolha comum para fotos online, conforme mencionado acima. No entanto, eles podem processar fotos digitais de alta qualidade e muito detalhadas para impressão, edição, entre outras finalidades. Eles são um formato de arquivo comum no Adobe Photoshop.
Os SVGs, por outro lado, não usam pixels, então têm dificuldades para exibir fotos em um padrão alto.
Uso na Web.
Arquivos PNG e SVG podem exibir detalhes complexos de gráficos, ilustrações, logotipos, infográficos e tabelas na Web.
Porém, os SVGs têm uma vantagem importante: a linguagem de programação XML. Isso significa que cada arquivo SVG exibido está em texto, não código. Como resultado, os leitores de tela e mecanismos de pesquisa podem analisá-los, o que os torna ideais para acessibilidade e SEO.
Os arquivos SVG também costumam ser menores, o que acelera o carregamento deles nas páginas. O tempo de carregamento é outro elemento fundamental das classificações nos mecanismos de pesquisa.
Os arquivos PNG também aceitam alguns gráficos de texto, mas não no mesmo nível.
Compatibilidade e complexidade.
O formato SVG é considerado um tipo de arquivo mais avançado que o PNG, mas não é compatível com todos os navegadores e sistemas operacionais. Além disso, a linguagem de programação e a composição vetorial do SVG podem ser desconhecidas e difíceis para novos usuários.
Os PNGs, por outro lado, são um formato online padrão com suporte amplo dos navegadores e sistemas operacionais.
Animação.
Os arquivos PNG não são compatíveis com animações, ao contrário de um arquivo de imagem rasterizado similar, o GIF.
Os arquivos SVG aceitam animações, mas não são facilmente acessíveis como outros formatos, como o formato nativo do Adobe Illustrator, o AI.
Transparência.
Os PNGs e SVGs oferecem transparência, então são ótimas escolhas para gráficos e logotipos online.
É importante mencionar que os PNGs são uma das melhores opções para arquivos rasterizados transparentes. Se você trabalha com pixels e transparência, os PNGs são uma opção melhor que os SVGs.
Como converter uma imagem rasterizada em SVG?
Para converter um arquivo de imagem rasterizado padrão (como JPEG ou PNG) em um SVG vetorial, siga estas etapas simples:
- Abra o Adobe Illustrator.
- Clique em Arquivo > Abrir para selecionar sua imagem no computador.
- Clique em Abrir.
- Selecione a opção Traçado no menu superior e escolha Traçado da imagem.
- Ajuste a conversão de acordo com suas especificações, o que pode incluir a alteração da cor.
- Depois que o processo for concluído, selecione o traçado da imagem e clique em Desagrupar. Isso separa as formas da cor.
- Clique em Arquivo > Exportar.
- Salve seu arquivo como SVG.
Como converter um arquivo SVG em PNG?
Siga estas etapas simples para converter seu arquivo SVG em PNG usando o Adobe Photoshop:
- Abra o Adobe Photoshop.
- Clique em Arquivo > Abrir.
- Selecione o arquivo SVG no computador.
- Clique em Exportar > Exportar como > PNG.
- Salve seu arquivo como PNG.
Arquivos PNG versus SVG: perguntas frequentes.
Devo usar PNG ou JPEG?
Qual é a diferença entre arquivos PNG e GIF?
Os limites de tamanho se aplicam a arquivos PNG e SVG?
https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/do-more-illustrator-color-blade
