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.

O Que Pode Converter
Este conversor lida com mais de 22 unidades tipográficas em impressão, web e móvel. Converta entre unidades absolutas (pontos, picas, polegadas) e unidades dependentes do ecrã (píxeis em vários DPI). Nota: As conversões de píxeis requerem contexto de DPI—96 DPI (Windows), 72 DPI (legado Mac), ou 300 DPI (impressão).

Conceitos Fundamentais: Compreender a Medição Tipográfica

O que é um Ponto?
Um ponto (pt) é a unidade fundamental da tipografia, definida no padrão PostScript como exatamente 1/72 de uma polegada (0,3528 mm). Esta padronização, estabelecida na década de 1980, unificou séculos de sistemas tipográficos concorrentes e continua a ser o padrão da indústria atualmente.

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.

Pontos-Chave
  • 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

12 pt1/6 de polegada (4,23 mm)
16 px @ 96 DPI12 pt
72 pt1 polegada
6 picas72 pt = 1 polegada
16 px @ 72 DPI16 pt
32 dp (Android)≈14,4 pt

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

UsoPontosPíxeis (96 DPI)Notas
Letra pequena / notas de rodapé8-9 pt11-12 pxLegibilidade mínima
Corpo do texto (impressão)10-12 pt13-16 pxLivros, revistas
Corpo do texto (web)12 pt16 pxPadrão do navegador
Subtítulos14-18 pt19-24 pxCabeçalhos de secção
Títulos (H2-H3)18-24 pt24-32 pxTítulos de artigos
Títulos principais (H1)28-48 pt37-64 pxTítulos de página/póster
Tipo de exibição60-144 pt80-192 pxPósteres, outdoors
Alvo mínimo de toque33 pt44 pxAcessibilidade do iOS
Padrão de largura de coluna180 pt (15 pc)240 pxJornais
Leading padrão14,4 pt (para texto de 12pt)19,2 pxEspaç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)
Erro Comum: Confundir DPI e PPI

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

DeParaFórmulaExemplo
PontosPolegadaspt ÷ 7272pt = 1 polegada
PontosMilímetrospt × 0,352812pt = 4,23mm
PontosPicaspt ÷ 1272pt = 6 picas
Píxeis (96 DPI)Pontospx × 0,7516px = 12pt
Píxeis (72 DPI)Pontospx × 112px = 12pt
PicasPolegadaspc ÷ 66pc = 1 polegada
PolegadasPontosin × 722in = 144pt
dp do AndroidPontosdp × 0,4532dp = 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)

UnitTo PointsTo InchesExample
Ponto (pt)× 1÷ 7272 pt = 1 polegada
Pica (pc)× 12÷ 66 pc = 1 polegada = 72 pt
Polegada (in)× 72× 11 in = 72 pt = 6 pc
Milímetro (mm)× 2,8346÷ 25,425,4 mm = 1 in = 72 pt
Centímetro (cm)× 28,346÷ 2,542,54 cm = 1 in
Ponto Didot× 1,07÷ 67,667,6 Didot = 1 in
Cícero× 12,84÷ 5,61 cícero = 12 Didot
Ponto TeX× 0,9963÷ 72,2772,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)

UnitTo PointsFormulaExample
Píxel @ 96 DPI× 0,75pt = px × 72/9616 px = 12 pt
Píxel @ 72 DPI× 1pt = px × 72/7212 px = 12 pt
Píxel @ 300 DPI× 0,24pt = px × 72/300300 px = 72 pt = 1 in

Unidades de Plataforma Móvel

Unidades lógicas específicas da plataforma que se adaptam à densidade do dispositivo

UnitTo PointsFormulaExample
dp do Android× 0,45pt ≈ dp × 72/16032 dp ≈ 14,4 pt
pt do iOS (@1x)× 1,0Ponto 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 iOS2× píxeis1 pt do iOS = 2 píxeis de ecrã
pt do iOS (@3x)3 píxeis físicos por pt do iOS3× píxeis1 pt do iOS = 3 píxeis de ecrã

Unidades Legadas e Especializadas

UnitTo PointsFormulaExample
Twip (1/20 pt)÷ 20pt = twip / 201440 twip = 72 pt = 1 in
Q (1/4 mm)× 0,7087pt = Q × 0,25 × 2,83464 Q = 1 mm
Ponto Grande do PostScript× 1,00375Exatamente 1/72 de polegada72 bp = 1,0027 in

Cálculos Essenciais

CalculationFormulaExample
Conversão de DPI para Pontopt = (px × 72) / DPI16px @ 96 DPI = (16×72)/96 = 12 pt
Tamanho físico a partir de pontospolegadas = pt / 72144 pt = 144/72 = 2 polegadas
Leading (espaçamento entre linhas)leading = tamanho da fonte × 1,2 a 1,45fonte de 12pt → leading de 14,4-17,4pt
Resolução de impressãopíxeis necessários = (polegadas × DPI) para largura e altura8×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

Filtrar por:
Categorias: