Texto, imagens e quantidade de informação

ASCII, Unicode, UTF-8 e cálculo do tamanho de imagens raster e de paletas.

TLDR

Perguntar sobre esta página

ChatGPTClaudePerplexityGrokGeminiCopiar e abrirDeepSeekCopiar e abrir

Texto

  • ASCII: 128 códigos, 7 bits. A=65, a=97, dígitos 48…57. Valor do carácter 7: 55−48=755-48=7.
  • Unicode atribui pontos de código; UTF-8 e UTF-16 codificam-nos em unidades de armazenamento.
  • UTF-8: 1…4 bytes por ponto, ASCII preservado num byte. á (U+00E1) é C3 A1.
  • Prefixos: 110… anuncia dois bytes; 10… continua o ponto. Aá são 3 bytes, 2 pontos.
  • Bytes, pontos de código e símbolos visíveis (letra + acento combinatório) contam-se separadamente. O terminador zero não é letra.

Imagens

  • Raster: grelha de píxeis. Vetorial: formas redesenháveis noutra resolução.
  • RGB aditivo, 8 bits por canal: preto 00 00 00, branco FF FF FF. 24 bits/píxel; com alfa, 32.
  • CMYK subtrativo para impressão; o suporte faz de branco.

Tamanho

Sem compressão, cabeçalho ou padding:

bytes=largura×altura×bits/pıˊxel8.\text{bytes}=\frac{\text{largura}\times\text{altura}\times\text{bits/píxel}}8.
  • 640×480 RGB: 921 600 bytes = 900 KiB.
  • Indexada de 8 bits: píxeis guardam índices; paleta de 256 cores RGB soma 256×3=768256\times3=768 bytes. Total: 307 968.
  • Sem perdas reconstrói exato; com perdas pode alterar valores. O tamanho JPEG depende do conteúdo, não só da resolução.

Exemplos na lição.

À tua maneira

Aparência

Modo de cor
Tema
Cor de destaque

Leitura

Fonte de leitura

Álgebra, lógica e uma ideia de cada vez.

Código

Fonte do código

Navegação

Cursor de leitura, sem edição. h, j, k, l movem; / pesquisa nesta página. v seleciona caracteres; V seleciona linhas; y copia. Tab permite destacar ou comentar. Espaço ou Enter abre blocos recolhíveis. Nos cartões, h, j, k, l mudam o foco.

CSS personalizado

Ativa uma sugestão ou guarda o teu CSS. Só muda este navegador.

Usa --page, --text e --accent para acompanhar o tema.

Seletores e recuperação

.site-header, .prose, .course-card, [data-reading-history], [data-playground] e .page-actions.

Abre a aparência com a tecla vírgula ou no rodapé. Se o CSS esconder os controlos, abre esta página sem CSS personalizado.

Pesquisar

Escreve para pesquisar em todo o site.

para escolher · Enter para abrir · Esc para fechar

Copiar fórmula

A cópia automática não está disponível. Copia o LaTeX abaixo.

Pesquisar nesta página

Enter procura · n / N repetem · Esc cancela. Ctrl / Cmd K pesquisa todo o site.

Atalhos de teclado

Clica numa tecla para a mudar. Esc cancela. Backspace desativa.

PesquisarCtrl / Cmd K

Os atalhos não interferem enquanto escreves. Tab e Enter funcionam sempre.