Conversor de Tipografia
De Gutenberg a Retina: Dominando as Unidades Tipográficas
As unidades tipográficas formam a base do design em plataformas de impressão, web e móveis. Do sistema de pontos tradicional estabelecido em 1700 aos modernos medidores baseados em píxeis, a compreensão destas unidades é essencial para designers, programadores e qualquer pessoa que trabalhe com texto. Este guia abrangente abrange mais de 22 unidades tipográficas, o seu contexto histórico, aplicações práticas e técnicas de conversão para trabalho profissional.
Conceitos Fundamentais: Compreender a Medição Tipográfica
Ponto (pt)
A unidade absoluta da tipografia, padronizada como 1/72 de polegada
Os pontos medem o tamanho da fonte, o espaçamento entre linhas (leading) e outras dimensões tipográficas. Uma fonte de 12pt significa que a distância do descendente mais baixo ao ascendente mais alto é de 12 pontos (1/6 de polegada ou 4,23mm). O sistema de pontos fornece medições independentes do dispositivo que se traduzem consistentemente em diferentes meios.
Exemplo: 12pt Times New Roman = 0,1667 polegadas de altura = 4,23mm. O texto de corpo profissional utiliza tipicamente 10-12pt, os títulos 18-72pt.
Píxel (px)
A unidade digital que representa um único ponto num ecrã ou imagem
Os píxeis são unidades dependentes do dispositivo que variam com base na densidade do ecrã (DPI/PPI). O mesmo número de píxeis parece maior em ecrãs de baixa resolução (72 PPI) e menor em ecrãs retina de alta resolução (220+ PPI). A compreensão das relações DPI/PPI é crucial para uma tipografia consistente em todos os dispositivos.
Exemplo: 16px a 96 DPI = 12pt. Os mesmos 16px a 300 DPI (impressão) = 3,84pt. Especifique sempre o DPI alvo ao converter píxeis.
Pica (pc)
Unidade tipográfica tradicional igual a 12 pontos ou 1/6 de polegada
As picas medem a largura das colunas, as margens e as dimensões do layout da página no design de impressão tradicional. O software de publicação de desktop como o InDesign e o QuarkXPress usam as picas como unidade de medida padrão. Uma pica equivale exatamente a 12 pontos, o que torna as conversões simples.
Exemplo: Uma coluna de jornal padrão pode ter 15 picas de largura (2,5 polegadas ou 180 pontos). Os layouts de revistas usam frequentemente medidas de 30-40 picas.
- 1 ponto (pt) = 1/72 de polegada = 0,3528 mm — medição física absoluta
- 1 pica (pc) = 12 pontos = 1/6 de polegada — padrão de layout e largura de coluna
- Os píxeis são dependentes do dispositivo: 96 DPI (Windows), 72 DPI (legado Mac), 300 DPI (impressão)
- O ponto PostScript (1984) unificou séculos de sistemas tipográficos incompatíveis
- A tipografia digital usa pontos para o design, píxeis para a implementação
- O DPI/PPI determina a conversão de píxel para ponto: DPI mais alto = tamanho físico menor
Exemplos de Conversão Rápida
A Evolução da Medição Tipográfica
Medieval e Moderna Inicial (1450-1737)
1450–1737
O nascimento do tipo móvel criou a necessidade de medições padronizadas, mas os sistemas regionais permaneceram incompatíveis por séculos.
- 1450: A prensa de Gutenberg cria a necessidade de tamanhos de tipo padronizados
- Anos 1500: Os tamanhos dos tipos são nomeados em homenagem a edições da Bíblia (Cícero, Agostinho, etc.)
- Anos 1600: Cada região europeia desenvolve o seu próprio sistema de pontos
- Anos 1690: O tipógrafo francês Fournier propõe um sistema de 12 divisões
- Sistemas iniciais: Extremamente inconsistentes, com diferenças de 0,01-0,02mm entre regiões
Sistema Didot (1737-1886)
1737–1886
O impressor francês François-Ambroise Didot criou o primeiro verdadeiro padrão, adotado em toda a Europa Continental e ainda hoje utilizado em França e na Alemanha.
- 1737: Fournier propõe um sistema de pontos baseado na polegada real francesa
- 1770: François-Ambroise Didot refina o sistema — 1 ponto Didot = 0,376mm
- 1785: O Cícero (12 pontos Didot) torna-se a medida padrão
- Anos 1800: O sistema Didot domina a impressão na Europa Continental
- Moderno: Ainda utilizado em França, Alemanha e Bélgica para impressão tradicional
Sistema Anglo-Americano (1886-1984)
1886–1984
Os impressores americanos e britânicos padronizaram o sistema de pica, definindo 1 ponto como 0,013837 polegadas (1/72,27 de polegada), dominando a tipografia em língua inglesa.
- 1886: A American Type Founders estabelece o sistema de pica: 1 pt = 0,013837"
- 1898: Os britânicos adotam o padrão americano, criando a unidade anglo-americana
- Anos 1930-1970: O sistema de pica domina toda a impressão em língua inglesa
- Diferença: Ponto anglo-americano (0,351mm) vs. Didot (0,376mm) — 7% maior
- Impacto: Exigia fundições de tipo separadas para os mercados dos EUA/Reino Unido em comparação com os mercados europeus
A Revolução do PostScript (1984-Presente)
1984–Presente
O padrão PostScript da Adobe unificou a tipografia global ao definir 1 ponto como exatamente 1/72 de polegada, pondo fim a séculos de incompatibilidade e permitindo a tipografia digital.
- 1984: O Adobe PostScript define 1 pt = exatamente 1/72 de polegada (0,3528mm)
- 1985: A Apple LaserWriter torna o PostScript o padrão para a publicação de desktop
- Anos 1990: O ponto PostScript torna-se o padrão global, substituindo os sistemas regionais
- Anos 2000: O TrueType e o OpenType adotam as medições do PostScript
- Moderno: O ponto PostScript é o padrão universal para todo o design digital
Sistemas Tipográficos Tradicionais
Antes de o PostScript unificar as medições em 1984, coexistiam sistemas tipográficos regionais, cada um com definições de ponto únicas. Estes sistemas continuam a ser importantes para a impressão histórica e aplicações especializadas.
Sistema Didot (Francês/Europeu)
Estabelecido em 1770 por François-Ambroise Didot
O padrão da Europa Continental, ainda utilizado em França, Alemanha e partes da Europa Oriental para a impressão tradicional.
- 1 ponto Didot = 0,376mm (vs. PostScript 0,353mm) — 6,5% maior
- 1 Cícero = 12 pontos Didot = 4,51mm (comparável à pica)
- Baseado na polegada real francesa (27,07mm), proporcionando uma simplicidade semelhante à métrica
- Ainda preferido na impressão de livros de arte e clássicos europeus
- Uso moderno: Imprimerie nationale francesa, tipografia Fraktur alemã
Sistema TeX (Académico)
Criado em 1978 por Donald Knuth para a composição por computador
O padrão académico para a publicação matemática e científica, otimizado para uma composição digital precisa.
- 1 ponto TeX = 1/72,27 de polegada = 0,351mm (corresponde ao antigo ponto anglo-americano)
- Escolhido para preservar a compatibilidade com publicações académicas pré-digitais
- 1 pica TeX = 12 pontos TeX (ligeiramente menor que a pica do PostScript)
- Utilizado pelo LaTeX, o sistema de publicação científica dominante
- Crítico para: Artigos académicos, textos matemáticos, revistas de física
Twip (Sistemas de Computador)
Tipografia do Microsoft Word e do Windows
A unidade de medida interna para processadores de texto, proporcionando um controlo minucioso para o layout de documentos digitais.
- 1 twip = 1/20 de ponto = 1/1440 de polegada = 0,0176mm
- Nome: 'Vigésimo de um Ponto' — medição extremamente precisa
- Utilizado internamente por: Microsoft Word, Excel, PowerPoint, Windows GDI
- Permite tamanhos de ponto fracionários sem matemática de ponto flutuante
- 20 twips = 1 ponto, permitindo uma precisão de 0,05pt para composição profissional
Ponto de Impressor Americano
Padrão da American Type Founders de 1886
O padrão pré-digital para a impressão em língua inglesa, ligeiramente diferente do PostScript.
- 1 ponto de impressor = 0,013837 polegadas = 0,351mm
- Igual a 1/72,27 de polegada (vs. PostScript 1/72) — 0,4% menor
- Pica = 0,166 polegadas (vs. PostScript 0,16667) — uma diferença quase impercetível
- Dominou entre 1886-1984 antes da unificação do PostScript
- Impacto legado: Algumas gráficas tradicionais ainda se referem a este sistema
Tamanhos Tipográficos Comuns
| Uso | Pontos | Píxeis (96 DPI) | Notas |
|---|---|---|---|
| Letra pequena / notas de rodapé | 8-9 pt | 11-12 px | Legibilidade mínima |
| Corpo do texto (impressão) | 10-12 pt | 13-16 px | Livros, revistas |
| Corpo do texto (web) | 12 pt | 16 px | Padrão do navegador |
| Subtítulos | 14-18 pt | 19-24 px | Cabeçalhos de secção |
| Títulos (H2-H3) | 18-24 pt | 24-32 px | Títulos de artigos |
| Títulos principais (H1) | 28-48 pt | 37-64 px | Títulos de página/póster |
| Tipo de exibição | 60-144 pt | 80-192 px | Pósteres, outdoors |
| Alvo mínimo de toque | 33 pt | 44 px | Acessibilidade do iOS |
| Padrão de largura de coluna | 180 pt (15 pc) | 240 px | Jornais |
| Leading padrão | 14,4 pt (para texto de 12pt) | 19,2 px | Espaçamento entre linhas de 120% |
Factos Fascinantes sobre Tipografia
Origem de 'Fonte'
A palavra 'fonte' vem do francês 'fonte', que significa 'fundido' ou 'derretido'—referindo-se ao metal derretido vertido em moldes para criar peças de tipo de metal individuais na impressão tradicional.
Porquê 72 Pontos?
O PostScript escolheu 72 pontos por polegada porque 72 é divisível por 2, 3, 4, 6, 8, 9, 12, 18, 24 e 36—facilitando os cálculos. Também correspondia muito de perto ao sistema de pica tradicional (72,27 pontos/polegada).
A Fonte Mais Cara
A Bauer Bodoni custa $89.900 para a família completa—uma das fontes comerciais mais caras alguma vez vendidas. O seu design exigiu anos de trabalho para ser digitalizado a partir de espécimes de tipo de metal originais dos anos 1920.
A Psicologia da Comic Sans
Apesar do ódio dos designers, a Comic Sans aumenta a velocidade de leitura para leitores com dislexia em 10-15% devido às formas irregulares das letras que evitam a confusão de caracteres. É, na verdade, uma ferramenta de acessibilidade valiosa.
Símbolo Universal
O símbolo '@' tem nomes diferentes em diferentes línguas: 'caracol' (italiano), 'cauda de macaco' (holandês), 'ratinho' (chinês) e 'arenque em conserva enrolado' (checo)—mas é o mesmo carácter de 24pt.
A Escolha de 72 DPI da Mac
A Apple escolheu 72 DPI para os Macs originais para corresponder exatamente aos pontos do PostScript (1 píxel = 1 ponto), tornando a publicação de desktop WYSIWYG possível pela primeira vez em 1984. Isto revolucionou o design gráfico.
Cronologia da Evolução da Tipografia
1450
Gutenberg inventa o tipo móvel—a primeira necessidade de padrões de medição de tipos
1737
François-Ambroise Didot cria o sistema de pontos Didot (0,376mm)
1886
A American Type Founders padroniza o sistema de pica (1 pt = 1/72,27 de polegada)
1978
Donald Knuth cria o sistema de pontos TeX para composição académica
1984
O Adobe PostScript define 1 pt = exatamente 1/72 de polegada—unificação global
1985
A Apple LaserWriter traz o PostScript para a publicação de desktop
1991
O formato de fonte TrueType padroniza a tipografia digital
1996
O CSS introduz a tipografia web com medições baseadas em píxeis
2007
O iPhone introduz os ecrãs retina @2x—design independente da densidade
2008
O Android é lançado com dp (píxeis independentes da densidade)
2010
As fontes web (WOFF) permitem tipografia personalizada online
2014
Especificação de fontes variáveis—um único ficheiro, estilos infinitos
Tipografia Digital: Ecrãs, DPI e Diferenças de Plataforma
A tipografia digital introduz medições dependentes do dispositivo em que o mesmo valor numérico produz tamanhos físicos diferentes com base na densidade do ecrã. A compreensão das convenções das plataformas é crucial para um design consistente.
Windows (Padrão 96 DPI)
96 DPI (96 píxeis por polegada)
A Microsoft padronizou 96 DPI no Windows 95, criando uma proporção de 4:3 entre píxeis e pontos. Isto continua a ser o padrão para a maioria dos ecrãs de PC.
- 1 px a 96 DPI = 0,75 pt (4 píxeis = 3 pontos)
- 16px = 12pt — conversão comum do tamanho do corpo do texto
- História: Escolhido como 1,5× o padrão CGA original de 64 DPI
- Moderno: Os ecrãs de alta DPI usam uma escala de 125%, 150%, 200% (120, 144, 192 DPI)
- Padrão web: O CSS assume 96 DPI para todas as conversões de px para unidades físicas
macOS (Legado 72 DPI, 220 PPI Retina)
72 DPI (legado), 220 PPI (@2x Retina)
Os 72 DPI originais da Apple correspondiam aos pontos do PostScript 1:1. Os ecrãs Retina modernos usam uma escala de @2x/@3x para uma renderização nítida.
- Legado: 1 px a 72 DPI = 1 pt exatamente (correspondência perfeita)
- Retina @2x: 2 píxeis físicos por ponto, 220 PPI efetivo
- Retina @3x: 3 píxeis físicos por ponto, 330 PPI (iPhone)
- Vantagem: Os tamanhos dos pontos correspondem no ecrã e na pré-visualização de impressão
- Realidade: A Retina física tem 220 PPI mas é escalada para parecer 110 PPI (2×)
Android (Base de 160 DPI)
160 DPI (píxel independente da densidade)
O sistema dp (píxeis independentes da densidade) do Android normaliza-se para uma base de 160 DPI, com categorias de densidade para diferentes ecrãs.
- 1 dp a 160 DPI = 0,45 pt (160 píxeis/polegada ÷ 72 pontos/polegada)
- Categorias de densidade: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
- Fórmula: píxeis físicos = dp × (DPI do ecrã / 160)
- 16sp (píxel independente da escala) = tamanho mínimo de texto recomendado
- Vantagem: O mesmo valor de dp parece fisicamente idêntico em todos os dispositivos Android
iOS (72 DPI @1x, 144+ DPI @2x/@3x)
72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)
O iOS utiliza o ponto como uma unidade lógica idêntica aos pontos do PostScript, com a contagem de píxeis físicos a depender da geração do ecrã (não-retina @1x, retina @2x, super-retina @3x).
- 1 ponto iOS a @1x = 1,0 pt PostScript (base de 72 DPI, igual ao PostScript)
- Retina @2x: 2 píxeis físicos por ponto iOS (144 DPI)
- Super Retina @3x: 3 píxeis físicos por ponto iOS (216 DPI)
- Todos os designs do iOS usam pontos; o sistema lida automaticamente com a densidade de píxeis
- 17pt = tamanho mínimo recomendado para o corpo do texto (acessibilidade)
DPI vs. PPI: Compreender a Densidade de Ecrã e Impressão
DPI (Pontos por Polegada)
Resolução da impressora — quantos pontos de tinta cabem numa polegada
O DPI mede a resolução de saída da impressora. Um DPI mais alto produz texto e imagens mais suaves ao colocar mais pontos de tinta por polegada.
- 300 DPI: Padrão para impressão profissional (revistas, livros)
- 600 DPI: Impressão a laser de alta qualidade (documentos comerciais)
- 1200-2400 DPI: Impressão de fotos profissionais e reprodução de belas-artes
- 72 DPI: Apenas para pré-visualização no ecrã — inaceitável para impressão (parece irregular)
- 150 DPI: Impressão de rascunho ou pósteres de grande formato (vistos à distância)
PPI (Píxeis por Polegada)
Resolução do ecrã — quantos píxeis cabem numa polegada de ecrã
O PPI mede a densidade do ecrã. Um PPI mais alto cria texto no ecrã mais nítido ao agrupar mais píxeis no mesmo espaço físico.
- 72 PPI: Ecrãs Mac originais (1 píxel = 1 ponto)
- 96 PPI: Ecrãs Windows padrão (1,33 píxeis por ponto)
- 110-120 PPI: Monitores de portáteis/desktops económicos
- 220 PPI: MacBook Retina, iPad Pro (densidade de píxeis 2×)
- 326-458 PPI: iPhone Retina/Super Retina (densidade de píxeis 3×)
- 400-600 PPI: Telefones Android de topo (Samsung, Google Pixel)
DPI e PPI são frequentemente usados de forma intercambiável, mas medem coisas diferentes. DPI é para impressoras (pontos de tinta), PPI é para ecrãs (píxeis emissores de luz). Ao desenhar, especifique sempre: 'Ecrã a 96 PPI' ou 'Impressão a 300 DPI' — nunca apenas 'DPI', pois é ambíguo.
Aplicações Práticas: Escolher as Unidades Certas
Design de Impressão
A impressão utiliza unidades absolutas (pontos, picas) porque o tamanho da saída física deve ser exato e independente do dispositivo.
- Corpo do texto: 10-12pt para livros, 9-11pt para revistas
- Títulos: 18-72pt dependendo da hierarquia e do formato
- Leading (espaçamento entre linhas): 120% do tamanho da fonte (texto de 12pt = leading de 14,4pt)
- Meça as dimensões absolutas em picas: 'Largura da coluna: 25 picas'
- Desenhe sempre a 300 DPI para impressão profissional
- Nunca use píxeis para impressão — converta-os para pontos/picas/polegadas
Design Web
A tipografia web utiliza píxeis e unidades relativas porque os ecrãs variam em tamanho e densidade.
- Corpo do texto: 16px padrão (padrão do navegador) = 12pt a 96 DPI
- Nunca use tamanhos de ponto absolutos em CSS — os navegadores renderizam-nos de forma imprevisível
- Design responsivo: Use rem (relativo à fonte raiz) para escalabilidade
- Texto mínimo: 14px para corpo, 12px para legendas (acessibilidade)
- Altura da linha: 1.5 (sem unidade) para a legibilidade do corpo do texto
- Media queries: Desenhe para 320px (móvel) a 1920px+ (desktop)
Aplicações Móveis
As plataformas móveis utilizam unidades independentes da densidade (dp/pt) para garantir um tamanho físico consistente em diferentes densidades de ecrã.
- iOS: Desenhe em pontos (pt), o sistema escala para @2x/@3x automaticamente
- Android: Use dp (píxeis independentes da densidade) para layouts, sp para texto
- Alvo mínimo de toque: 44pt (iOS) ou 48dp (Android) para acessibilidade
- Corpo do texto: 16sp (Android) ou 17pt (iOS) mínimo
- Nunca use píxeis físicos — use sempre unidades lógicas (dp/pt)
- Teste em várias densidades: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
Académico e Científico
A publicação académica utiliza pontos TeX para precisão matemática e compatibilidade com a literatura estabelecida.
- O LaTeX utiliza pontos TeX (72,27 por polegada) para compatibilidade com o legado
- Revista padrão: fonte Computer Modern de 10pt
- Formato de duas colunas: colunas de 3,33 polegadas (240pt) com um medianiz de 0,25 polegadas (18pt)
- Equações: O dimensionamento preciso dos pontos é crítico para a notação matemática
- Converta com cuidado: 1 pt TeX = 0,9963 pt PostScript
- Saída em PDF: O TeX lida automaticamente com as conversões do sistema de pontos
Conversões e Cálculos Comuns
Referência rápida para conversões tipográficas diárias:
Conversões Essenciais
| De | Para | Fórmula | Exemplo |
|---|---|---|---|
| Pontos | Polegadas | pt ÷ 72 | 72pt = 1 polegada |
| Pontos | Milímetros | pt × 0,3528 | 12pt = 4,23mm |
| Pontos | Picas | pt ÷ 12 | 72pt = 6 picas |
| Píxeis (96 DPI) | Pontos | px × 0,75 | 16px = 12pt |
| Píxeis (72 DPI) | Pontos | px × 1 | 12px = 12pt |
| Picas | Polegadas | pc ÷ 6 | 6pc = 1 polegada |
| Polegadas | Pontos | in × 72 | 2in = 144pt |
| dp do Android | Pontos | dp × 0,45 | 32dp = 14,4pt |
Referência Completa de Conversão de Unidades
Todas as unidades tipográficas com fatores de conversão precisos. Unidade base: Ponto PostScript (pt)
Unidades Absolutas (Físicas)
Base Unit: Ponto PostScript (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| Ponto (pt) | × 1 | ÷ 72 | 72 pt = 1 polegada |
| Pica (pc) | × 12 | ÷ 6 | 6 pc = 1 polegada = 72 pt |
| Polegada (in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| Milímetro (mm) | × 2,8346 | ÷ 25,4 | 25,4 mm = 1 in = 72 pt |
| Centímetro (cm) | × 28,346 | ÷ 2,54 | 2,54 cm = 1 in |
| Ponto Didot | × 1,07 | ÷ 67,6 | 67,6 Didot = 1 in |
| Cícero | × 12,84 | ÷ 5,6 | 1 cícero = 12 Didot |
| Ponto TeX | × 0,9963 | ÷ 72,27 | 72,27 TeX pt = 1 in |
Unidades de Ecrã/Digitais (Dependentes de DPI)
Estas conversões dependem do DPI do ecrã (pontos por polegada). Pressupostos padrão: 96 DPI (Windows), 72 DPI (legado Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Píxel @ 96 DPI | × 0,75 | pt = px × 72/96 | 16 px = 12 pt |
| Píxel @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| Píxel @ 300 DPI | × 0,24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
Unidades de Plataforma Móvel
Unidades lógicas específicas da plataforma que se adaptam à densidade do dispositivo
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| dp do Android | × 0,45 | pt ≈ dp × 72/160 | 32 dp ≈ 14,4 pt | |
| pt do iOS (@1x) | × 1,0 | Ponto PostScript = ponto iOS (idêntico) | 17 pt do iOS = 17 pt do PostScript | |
| pt do iOS (@2x Retina) | 2 píxeis físicos por pt do iOS | 2× píxeis | 1 pt do iOS = 2 píxeis de ecrã | |
| pt do iOS (@3x) | 3 píxeis físicos por pt do iOS | 3× píxeis | 1 pt do iOS = 3 píxeis de ecrã |
Unidades Legadas e Especializadas
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip (1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q (1/4 mm) | × 0,7087 | pt = Q × 0,25 × 2,8346 | 4 Q = 1 mm |
| Ponto Grande do PostScript | × 1,00375 | Exatamente 1/72 de polegada | 72 bp = 1,0027 in |
Cálculos Essenciais
| Calculation | Formula | Example |
|---|---|---|
| Conversão de DPI para Ponto | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| Tamanho físico a partir de pontos | polegadas = pt / 72 | 144 pt = 144/72 = 2 polegadas |
| Leading (espaçamento entre linhas) | leading = tamanho da fonte × 1,2 a 1,45 | fonte de 12pt → leading de 14,4-17,4pt |
| Resolução de impressão | píxeis necessários = (polegadas × DPI) para largura e altura | 8×10 in @ 300 DPI = 2400×3000 px |
Melhores Práticas para Tipografia
Design de Impressão
- Trabalhe sempre em pontos ou picas — nunca em píxeis para impressão
- Configure os documentos no tamanho real (300 DPI) desde o início
- Use 10-12pt para o corpo do texto; qualquer coisa menor reduz a legibilidade
- O leading deve ter entre 120-145% do tamanho da fonte para uma leitura confortável
- Margens: Mínimo de 0,5 polegadas (36pt) para encadernação e manuseamento
- Faça uma impressão de teste no tamanho real antes de enviar para uma gráfica comercial
Desenvolvimento Web
- Use rem para os tamanhos das fontes — permite que o utilizador faça zoom sem quebrar o layout
- Defina a fonte raiz para 16px (padrão do navegador) — nunca menor
- Use valores de altura de linha sem unidade (1.5) em vez de alturas fixas
- Nunca use tamanhos de ponto absolutos em CSS — renderização imprevisível
- Teste em dispositivos reais, não apenas redimensionando o navegador — o DPI importa
- Tamanho mínimo da fonte: 14px para corpo, 12px para legendas, 44px para alvos de toque
Aplicações Móveis
- iOS: Desenhe a @1x, exporte os recursos @2x e @3x automaticamente
- Android: Desenhe em dp, teste em mdpi/hdpi/xhdpi/xxhdpi
- Texto mínimo: 17pt (iOS) ou 16sp (Android) para acessibilidade
- Alvos de toque: 44pt (iOS) ou 48dp (Android) no mínimo
- Teste em dispositivos físicos — os simuladores não mostram a verdadeira densidade
- Use fontes do sistema sempre que possível — são otimizadas para a plataforma
Acessibilidade
- Corpo do texto mínimo: 16px (web), 17pt (iOS), 16sp (Android)
- Contraste elevado: 4.5:1 para o corpo do texto, 3:1 para texto grande (18pt+)
- Suporte a escala do utilizador: use unidades relativas, não tamanhos fixos
- Comprimento da linha: 45-75 caracteres por linha para uma legibilidade ótima
- Altura da linha: mínimo de 1,5× o tamanho da fonte para acessibilidade à dislexia
- Teste com leitores de ecrã e zoom a 200%
Perguntas Frequentes
Porque é que o meu texto parece ter tamanhos diferentes no Photoshop e no Word?
O Photoshop assume 72 PPI para a visualização no ecrã, enquanto o Word utiliza 96 DPI (Windows) para o layout. Uma fonte de 12pt no Photoshop parece 33% maior no ecrã do que no Word, apesar de ambos serem impressos com tamanhos idênticos. Defina o Photoshop para 300 PPI para trabalhos de impressão para ver o dimensionamento correto.
Devo desenhar em pontos ou em píxeis para a web?
Sempre em píxeis (ou unidades relativas como rem/em) para a web. Os pontos são unidades físicas absolutas que são renderizadas de forma inconsistente em diferentes navegadores e dispositivos. 12pt pode ser 16px num dispositivo e 20px noutro. Use px/rem para uma tipografia web previsível.
Qual é a diferença entre pt, px e dp?
pt = físico absoluto (1/72 de polegada), px = píxel de ecrã (varia com o DPI), dp = independente da densidade do Android (normalizado para 160 DPI). Use pt para impressão, px para web, dp para Android, pt lógico do iOS para iOS. Cada sistema é otimizado para a sua plataforma.
Porque é que 12pt parece diferente em diferentes aplicações?
As aplicações interpretam os pontos de forma diferente com base na sua suposição de DPI. O Word utiliza 96 DPI, o Photoshop tem como padrão 72 PPI, o InDesign utiliza a resolução real do dispositivo. 12pt é sempre 1/6 de polegada quando impresso, mas parece ter tamanhos diferentes no ecrã devido às definições de DPI.
Como converto pontos TeX para pontos PostScript?
Multiplique os pontos TeX por 0,9963 para obter pontos PostScript (1 pt TeX = 1/72,27 de polegada vs. PostScript 1/72 de polegada). A diferença é mínima—apenas 0,37%—mas importa para a publicação académica onde o espaçamento exato é crítico para a notação matemática.
Com que resolução devo desenhar?
Impressão: 300 DPI no mínimo, 600 DPI para alta qualidade. Web: Desenhe a 96 DPI, forneça recursos @2x para retina. Móvel: Desenhe a @1x em unidades lógicas (pt/dp), exporte @2x/@3x. Nunca desenhe a 72 DPI a menos que o seu alvo sejam ecrãs Mac legados.
Porque é que 16px é o padrão da web?
O tamanho da fonte padrão do navegador é 16px (equivalente a 12pt a 96 DPI), escolhido para uma legibilidade ótima a distâncias de visualização típicas (18-24 polegadas). Qualquer coisa menor reduz a legibilidade, especialmente para utilizadores mais velhos. Use sempre 16px como base para o dimensionamento relativo.
Preciso de saber sobre os pontos Didot?
Apenas se trabalhar com a impressão tradicional europeia, editores franceses ou reproduções históricas. Os pontos Didot (0,376mm) são 6,5% maiores que os pontos PostScript. O design digital moderno utiliza universalmente os pontos PostScript—Didot é principalmente relevante para a tipografia clássica e livros de arte.
Diretório Completo de Ferramentas
Todas as 71 ferramentas disponíveis em UNITS