JPG ou GIF? A forma ideal de utilização

22 de maio, 2008 por Ricardo José Corrêa
1 Star2 Stars3 Stars4 Stars5 Stars (1 voto, média: 5 de 5)
Loading ... Loading ...

Você sabe quando deve usar GIF ou JPG?

Parece algo banal, mas já presenciei diversas trapalhadas na escolha entre os dois formatos, deixando de tirar máximo custo beneficio de “qualidade de imagem” versus “tamanho de arquivo”.

Vamos entender de forma bem rápida como cada arquivo interpreta a imagem.

O GIF gera uma imagem ponto a ponto, usando uma tabela de no máximo 256 cores.

Já o JPG mapeia áreas de matiz (gradientes, sem contorno), que são interpretadas por blocos (artefatos) – quanto maior esses blocos, mais simplificada fica a imagem e menor o arquivo.

Pondo em prática:

Vamos levar 3 pontos básicos para escolha da extensão:

  • quantidade de cores;
  • imagem com contorno;
  • imagem com matiz.

Escolha o GIF para: imagens com contorno e poucas cores.



As duas imagens estão com 7,8 KB, a primeira em GIF (42 cores) e a segunda em JPG (qualidade 21 e desfoque de 2 pixels). Dá pra perceber no JPG, pela criação dos artefatos, um resultado de aparência pobre por ser inadequado, no caso desta imagem; por ela possuir os contornos definidos.

Escolha o JPG para: imagens com matiz e muitas cores.




Agora quem não conseguiu acompanhar a boa aparência foi o GIF, afinal, ele só tem 256 cores. As duas também estão com o mesmo tamanho, 8,33 KB, a primeira em JPG (qualidade 80) e a segunda em GIF (9 cores).

Credito da foto: Cláudio Reis do Clube do Photoshop

Compartilhe e aproveite:
  • del.icio.us
  • Technorati
  • Digg
  • Facebook
  • Google
  • Reddit
  • Furl
  • Mixx
  • Live
  • E-mail this story to a friend!

1 comentário, já começou :) to “JPG ou GIF? A forma ideal de utilização”

  1. JulioGreffNo Gravatar Says:

    Explicação fácil, rápida e indolor! Há também o PNG, acho que seria legal falar sobre ele também.

    Até mais!

Deixe um comentário


I love beerI love CMSI love DesignI love DreamweaverI love FlashI love FoodI love GamesI love MoneyI love MusicI love PhotoshopI love PHPI love ProgrammingI love ShoppingI love WindowsI love Wine
Site protegido Feito com a cabeça PageRank Add to Technorati Favorites