No último podcast sobre fotografia eu falei sobre o Formato RAW. Digamos que os arquivos mais utilizados na fotografia são JPG, TIFF e RAW (na hora de fotografar - escute o podcast para saber como funciona ^^).
Porém existem outros formatos de imagem largamente utilizados na área de Design e em Web. Vamos conhecê-los e saber suas vantagens e desvantagens?
EPS
Arquivo vetorial. Muito utilizado para troca de arquivos como Logotipos.
Arquivo vetorial no CorelDRAW: ao salvar em eps as coordenadas matemáticas garantem a qualidade ilimitada
Vantagens: como é um arquivo vetorial (baseado em coordenadas matemáticas) não existe perda de qualidade ao aumentar ou diminuir a imagem.
Desvantagens: é preciso um aplicativo compatível com EPS para abrí-lo: Illustrator, Freehand ou Corel, por exemplo. Ele não é utilizado diretamente na Web - para isso deve ser exportado para formatos mais “aplicáveis” como JPG, PNG ou GIF.
JPG
O tradicional JPG é utilizado largamente na Web e algumas vezes na hora da impressão.
Cada vez que o JPG é salvo qualidade e nitidez são perdidas na imagem
Vantagens: é leve e pode ser aberto por qualquer programa, desde o Paint até navegadores Web.
Desvantagens: é um arquivo com um fator de compressão bem degradativo. Cada vez que o arquivo é salvo em JPG ele perde muito a qualidade, ganhando ruído, “artefatos de compressão” e perdendo a nitidez.
GIF
Esse formato já foi tão utilizado na Web que é impossível não conhecê-lo! Lembra dos famosos Gifs animados nas “Home Pages” a 10 anos atrás?
Suporte à transparência mas pouca flexibilidade com tons e degradês
Vantagens: é um arquivo leve que permite uso de transparência e animação.
Desvantagens: tem pouco suporte à cores, fazendo com que seu uso seja limitado a imagens com pouca variação de tons - não existe suporte à transparência por canal, o que faz com que seja possível apenas haver uma “transparência sólida”.
PNG
Evolução do Gif - também é um arquivo leve e com bom suporte à transparências.
Transparência mais inteligente
Vantagens: tem suporte à transparência por canal, fazendo ser possível deixar parte da imagem “um pouco transparente” e outras partes “totalmente transparentes”.
Desvantagens: na hora de usar PNG para web é bom lembrar que alguns navegadores mais antigos não suportam a transparência nesse formato de arquivo.
TIFF
Formato usado para fotos e arquivos com muitos detalhes e alta qualidade - principalmente na impressão.
Vantagens: tem um fator de compressão que não faz a imagem perder a qualidade (ao contrário do JPG).
Desvantagens: é um formato bem pesado, principalmente se salvo em CMYK.
10 Comentários
Ótima explicação Claudia. Gostei muito. Na parte das imagens usadas na internet, um formato de arquivo que até hoje não foi muito utilizado foi o svg, já vi muito vetor de alta qualidade neste formato, que é aberto diretamente pelo FF ou IE.
Gostaria de saber quais as diferenças entre PNG-8 e PNG-24 e deixo uma dica para um post aqui, que seria sobre fechamento de arquivos em PDF para envio para Bureau de impressão ou gráfica. Falei demais. Obrigado.
Nossa Fernando! Você leu minha mente, eu estava pensando na hora de escrever o post em falar sobre o svg, mas quis ficar nos mais populares mesmo! =)
Obrigada pelas dicas de post, logo tento colocá-las no ar!
Beijos
Ah sim, sobre os PNGs: na hora de salvar pense em duas coisas:
Qualidade de representação de cores:
Se for algo como uma foto a maior profundidade de bits (24) vai representar melhor as cores. Se for um gráfico simples, isso não será necessário.
Transparência:
Se quiser uma transparência como a que utilizei no exemplo ali do post, na bolinha azul, terá que usar 24 bit - para assim o png suportar um canal de transparência “alpha”. Se for uma “transparência sólida”, o png-8 será o suficiente.
Basicamente é isso! rs… tem coisas que eu tento simplificar e acabo complicando, mas acho que deu pra entender!
Beijos
Fernando, o formato svg é largamente usado na wikipedia, por ser um formato “free”, ou seja, sem detentores de diretos autorais. É excelente para ser utilizado na web, pois não necessita a criação de um novo arquivo para cada dimensão diferente.
Algumas dúvidas:
1- O fireworks abre EPS?
2- É mais vantajoso salvar em PNG ou TIFF se objetivo a qualidade? Porque tudo que eu fiz até hoje foi tudo no PNG e ele manteve a qualidade do programa de edição.
É isso, se não der para responde tudo bem.
Abração!
André:
1- Até onde sei a partir da versão CS3 o Fireworks abre arquivos no formato .eps
2- Depende do seu objetivo. Se você for ver arquivos de impressos (como revistas e jornais) é bem mais provável que seja utilizado .tiff - em arquivos com tamanhos absurdos a 400 dpi, por exemplo. Se for para web normalmente png é bom o suficiente para manter a qualidade, e é leve.
Beijos e obrigada pelo comentário!
Manual simples, prático e fácil.
Vlw
muito bom o blog, adoro edição de imagens e sou fascinado por web design =D
vou estar sempre visitando esse blog
Olá! Parabéns pelos artigos, sempre interessantes, e pelo blog de modo geral! =)
muito boa a dica, adorei o seu blog.