Imagens para web

Imagens para web

1. como funciona?

   • qualidade de imagens
     • LOSSLES
       • SEM PERDAS
       • LOSSY
         • COM PERDAS
   • PROFUNDIDADE DE CORES
     • COLOR INDEX
       • cores limitadas até 256
       • DIRECT COLORS
         • milhares de cores

2. BMP

   • formato mais simples de imagem
     • não perde a qualidade a cada salvamento
       • arquivo bem pesados
         • não suporta transparenciência
           • suporta de 1 até 24 bits de cores
       • vantagem

3. GIF

   • suporta até 8 bits,igual a 256 cores
     • suporta animações
       • peso reduzido de arquivos
         • suporta apenas cores indexadas
   • não perde qualidade a cada salvamento

4. JPEG

   • Formato universal para web
   • suporta 16 milhões de cores
   • não suporta trasparência
   • perda de qualidade em cada salvamento

5. PNG

   • suporta transparência
     • suporta 16 milhões de coras
       • melhor definção
         • não perde qualidade em cada salvamento
   • arquivos mais pesados
   • suporte APNG

6. TIFF

   • suporta até 48 bit de cores
     • compressão em perda de qualidade
       • apenas arquivos originais TIFF
       • considerado o melhor formato pra se trabalhar

7. WebP

   • suporta transparêcia
   • suporta 16 milhões de cores
     • melhor definição
       • não perde qualidae em cada salvamento
         • suporta animações
   • arquivos mais leves que o PNG

8. SVG

   • Padrão de imagem vetorial da web
     • é responsivo
   • animações de alta qualidade
   • interátivel via CSS
   • rico em detalhes,alta resolução
   • foi cria for W3C
   • arquivos muito leves