Tipos de Imagem

Se você já usou programas mais simples de edição de imagem, provavelmente você manipulou imagens bitmap. Isso não significa que a edição de bitmaps seja um trabalho primitivo ou limitado. Para saber mais sobre esse assunto, veja o Curso de GIMP. Como nesse curso estamos tratando do Inkscape um editor de imagens vetoriais, voltemos ao nosso assunto.

O que é uma imagem vetorial

Enquanto em uma imagem bitmap temos uma matriz de cores de pixels que define a imagem, na imagem vetorial temos pontos com posicionamento livre, que são ligados por linhas formam o desenho. Veja a ilustração:

Na imagem acima, a primeira estrela representa uma imagem vetorial, onde os pontos (pequenos círculos verde claro) são ligados por linhas que definem o objeto. Seu preenchimento é um amarelo alaranjado e a borda é vermelho escuro. A segunda estrela representa um zoom na imagem bitmap, por isso nota-se o quadriculado (um problema que não existe nas imagens vetoriais). Note que o conjunto de quadros, cada um com sua cor, juntos conseguem representar a mesma estrela da primeira imagem, o grande problema é a definição.

Veja este outro exemplo o zoom em um desenho real em cada um dos tipos:

Em imagens vetoriais você não perde a definição, o desenho não se turva nem fica quadriculado, no máximo você não terá os detalhes que esperaria ter em tal aproximação num objeto real. Esse benefício vem do fato que termos um objeto definido pela ligação de pontos no espaço que podem ser representados na tela em qualquer escala. Imagens bitmap são feitas para serem representadas na escala em que foram criadas. Mas onde o zoom pode ser útil fora do estúdio de criação? Na impressora, porque ela representa imagens com muito mais pixels que a tela do computador. É como dar zoom na imagem. Outra utilidade é o uso em animações interativas ou não e o resto fica por conta da sua imaginação.

Mas o zoom não é o único benefício do uso de imagens vetoriais. Da mesma forma que não temos perda de qualidade no redimensionamento de desenhos vetoriais, também não temos na sua rotação. A maioria das modificações em um objeto vetorial SVG são não destrutivas, pois é possível aplicar um efeito reverso que retorne o estado anterior do desenho. Por exemplo, se tivermos um triângulo semi-opaco verde na frente de uma flor e o pintarmos de vermelho, teremos um triângulo semi-opaco vermelho na frente de uma flor. Em seguida, pode-se pintá-lo de verde novamente e tudo será como antes. Em uma imagem bitmap, mudar a cor do que aparentemente é um triângulo semi-opaco em frente a uma flor requer mudar a cor de cada pixel que faz parte da área do triângulo e ainda cuidar das bordas suavisadas. É preciso saber qual seria a cor real da flor atrás do triângulo para aplicar adequadamente a nova cor de cada pixel e assim modificar a cor do triângulo. Naturalmente, a informação de cores se perderá gradativamente e seria improvável ter de volta a imagem original. Alguns efeitos são ainda mais drásticos, inviabilizando a volta a algo próximo do estado anterior na primeira ocorrência, como o efeito de embasamento.

Um elemento importante nos desenhos vetoriais é a curva Bézier. As linhas entre os pontos não precisam ser necessariamente retas, o uso de curvas suavisa o desenho e permite a criação de objetos mais complexos com um número menor de pontos. As curvas Béziers são definidas por pontos de controle (ou alças) que atraem a linha, deformando-a e transformando-a assim em uma curva. Os pontos de controle são apresentados junto com retas que os ligam aos nós das extremidades da linha apenas para ajudar o artista a identificar os controles. Veja na animação ao lado como as Béziers funcionam. Em azul temos a linha do desenho e em laranja temos as alças.

O que foi dito anteriormente sobre imagens bitmaps não quer dizer que estas sejam ruins. Elas conseguem representar uma composição muito rica de cores e detalhes, dificilmente conseguidas com imagens vetoriais, como é o caso das fotografias (veja o Curso de GIMP para conhecer melhor essas possibilidades). Por isso é normal que formatos vetoriais suportem a inclusão de imagens bitmap para que a união dos modelos de liberdade de criação ao artista. Outro fato interessante foi o nascimento do foto realismo vetorial. Uma expressão artística que procura representar o mundo ou fantasias com a mesma riqueza e detalhismo dos bitmaps.
Veja alguns exemplos:

 

Formatos de Arquivos

Antes de tratarmos sobre os formatos, é preciso esclarecer um conceito que será usado com frequência neste tópico e no decorrer do curso:

O Canal Alfa

O canal alfa é quem informa o nível de opacidade de um elemento. Este é um grande benefício para mesclar imagens que não foram criadas inicialmente para estarem juntas ou para quando não se sabe exatamente em que ponto uma imagem se sobreporá a outra. Imagine que temos um círculo vermelho sobre uma imagem de folhas. Se modificarmos a intensidade do canal alfa deste círculo teremos o seguinte:

Alfa 100%

Alfa 70%

Alfa 40%

Alfa 13%

Na prática, o canal alfa se apresenta como um quarto canal de cor na maioria dos aplicativos que suportam essa funcionalidade, logo após os quantificadores de vermelho, verde e azul (RGB). Vamos aproveitar e ver o exemplo disto no Inkscape. Ao lado, temos a caixa de diálogo de preenchimento onde em vez do clássico RGB, temos RGBA, possibilitando definir diretamente a cor e a opacidade do preenchimento de um objeto ou elemento. Se não sabe o que é RGB, não se preocupe, vamos tratar desse assunto mais a frente.

Formatos Bitmap

Mas, por que falar de formatos bitmaps num curso sobre imagens vetoriais?
Bem, nem sempre você conseguirá tudo o que deseja somente com vetores e nem sempre você poderá publicar sua criação a partir de vetores, então é importante conhecer cada um dos mais populares formatos para uma boa escolha.

BMP ou BitMap: O clássico bitmap da Microsoft, conhecido de todos os antigos usuários de PCs e dos novos usuários que tenham experimentado o MS Paint. Esse formato de imagem suporta indexação ou TrueColor, mas não é compactado. Esse formato não suporta canal alfa, nem transparência. (Não trataremos aqui sobre o que vem a ser imagem indexada ou TrueColor por não ter relação com imagens vetoriais. Veja sobre isso no Curso de GIMP)

TIFF ou Tagged Image File Format: Um formato popular, bastante usado por artistas para guardar imagens sem perda ou para enviar trabalhos bitmap para impressão. Suporta canal alfa e tipos distintos de compactação. Também é possível usar nenhuma compactação e este é, aparentemente, o uso mais comum.

GIF ou Graphics Interchange Format: Seria o formato mais restritivo de imagem se não possibilitasse pequenas animações. Suporta apenas imagens indexadas e transparência em lugar de canal alfa, ou seja, um pixel desta imagem pode ser ou totalmente opaco ou totalmente transparente. Esse formato possibilita pequenas animações de forma simples e leve, pois novas frames não precisam representar o que for idêntico à frame anterior e os momentos lentos ou estáticos não exigem novas frames porque cada frame especifica seu tempo de exposição.

JPG ou JPEG ou Joint Photographic Experts Group: Esse é, com certeza, é o segundo formato mais popular da internet, vindo logo em seguida do html. Não é a toa que o JPG se popularizou tanto, pois seu algorítimo de compactação gera imagens muitas e muitas vezes mais leves que sua original na maior parte dos casos. Seu ponto negativo é que esta compactação causa perda de informação e isso se representa em danos a imagem, o que torna inadequado o uso desse formato quando não se trata da publicação do produto final. O JPG também não suporta transparência nem canal alfa.

PNG ou Portable Network Graphics: Se no pasado eram necessários formatos com um grande poder de compactação, mesmo que isso signifique uma qualidade inferior, para que a imagem chegasse ao visitante em tempo hábil, hoje precisamos de belas representações artísticas no layout de sites para termos, no mínimo, o respeito do visitante. Bem, se o JPG estiver te limitando, pense com carinho no PNG. Esse formato livre foi criado com a intenção de substituir o formato GIF, que era patenteado. Esse formato suporta um grande número de informações, como canal alfa, correção de gama, verificação de integridade, suporte a imagens com paleta de cores ou truecolor, por fim, comprime com nível regulável e sem perdas. Pela qualidade e pela necessidade de formatos livres para o desenvolvimento da internet esse formato é recomendado pela W3C.

Formatos Vetoriais

Mas, por que falar de outros formatos vetoriais se o Inkscape usa SVG como formato nativo?
Infelizmente o SVG não é tão popular quanto outros formatos e ainda não é bem implementado em outros aplicativos o que seria um problema principalmente para quem trabalha com material para impressão em gráficas. Conhecendo os outros formatos você poderá escolher melhor, quando for necessário usar outro formato.

PS ou PostScript: Esse formato é largamente suportado e pode, inclusive, ser enviado diretamente à maioria das impressoras recentes para aproveitamento máximo da sua qualidade de impressão. Porém esse é um formato simples que não suporta canal alfa nem filtros e por isso não pode ser usado sempre como formato intermediário para impressão.

EPS ou Encapsulated PostScript: É basicamente um PS com algumas restrições que ajudam na incorporação deste formato em outros arquivos PostScript.

PDF ou Portable Document Format: Um formato abrangente e também largamente suportado que pode representar quase tudo o que é representável em outros formatos, por isso é um boa escolha no momento de enviar peças para gráficas. O risco em usar o PDF como formato intermediário se dá pela inexistência dos filtros previstos no formato SVG, como o de desfocagem e da grande variação de estágio de maturidade das aplicações que geram e lêem PDF, podendo levar a um resultado final diferente do esperado.

AI ou Adobe Illustrator Artwork: Um formato vetorial de propriedade da Adobe Systems.

CDR ou Arquivo Corel Draw: Um formato vetorial de propriedade da Corel Corporation.

SVG ou Scalable Vector Graphics: Esse é o formato aberto (o que significa livre para uso e implementação) criado pela W3C (World Wide Web Consortium). SVG é um dialeto de XML e isso significa que é muito mais simples interpretar e modificar um arquivo SVG que um outro em formato binário. Esse formato suporta elementos primitivos como elipses e retângulos, caminhos (que criam elementos complexos), texto formatado, texto encaixado em caminhos ou moldes, canal alfa, degradês, recortes, máscaras, clonagem, filtros, inclusão de imagens bitmap e muito mais. Com isso o SVG pode ser visto em pé de igualdade com os formatos mais completos do mercado. uma dificuldade que teremos (ao menos por enquanto) é que temos o RGB como espaço de cor padrão do SVG, o que é bom para a tela do computador, mas não para a impressão, onde seria melhor usar CMYK. Isso mostra um outro ponto negativo, pois, ao menos no Inkscape, ainda não temos suporte a outros espaços de cor. Como fazer a conversão de um trabalho criado com Inkscape de RGB para CMYK? Veremos nos tutoriais. O grande problema fica na escolha da aplicação para visualizar, manipular e imprimir o SVG, já que é um formato bastante recente e sua implementação ainda não está madura o suficiente na maioria das aplicações.

Lembre-se que tudo é uma questão de equilíbrio econômico. As gráficas não tem Corel Draw porque gostam dele (afinal, é bastante caro), mas porque os designers lhe enviam trabalhos no formato CDR e exigem que a gráficas sejam capazes de imprimir seus trabalhos diretamente. Algumas gráficas já instalaram Inkscape para impressão de SVGs, mas isso só foi possível depois de algumas conversas.