Please enable JavaScript.
Coggle requires JavaScript to display documents.
Aula 3 - Imagens na web - Coggle Diagram
Aula 3 - Imagens na web
Tema 1 - Pixels e telas
Resolução
DPI (dots per inch)
Relação entre pixel e medidas reais
72, 96 ou 144 dpi?
Pixels CSS
Síntese subtrativa e aditiva
Tema 2 - Cores no meio digital
Definindo cores em CSS
Nomes
RGB – Red, Green, Blue
Hexadecimal
HSL ou HSB – Hue, Saturation, Lightness (ou Brightness)
Canal alfa
Tema 3 - Arquivos Raster
Tipos de arquivo
JPEG
PNG
GIF
WebP, Heif/Heic
Técnicas de otimização
Tipo de arquivo adequado
Tamanho adequado
Uso de SVG
Uso de fontes
Sprites
Minifier
Tema 4 - Imagens vetoriais, de vídeo e no código
Tipos de arquivo
SVG
Base64
Vídeo e áudio
Tema 5 - Outras possibilidades para usar imagens
Alternativas
Dingbats
Emojis
Ilustrações em CSS