logo
GeekFormat

Conversão de unidade de tamanho de fonte

1Pixel = 0.75Ponto
0.75

Unidades tipográficas

Ponto (pt)0.75
Pixel (px)1
Pixel independente de densidade (dp)0.75
Pixel independente de escala (sp)0.75

Ferramenta on-line gratuita de conversão de unidades de tamanho de fonte que suporta conversão bidirecional em tempo real de 4 unidades de composição/UI comumente usadas: pt, px, dp e sp. A página atual adota uma relação de referência fixa: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Ao mesmo tempo, nesta ferramenta, dp e sp são mapeados para pt de acordo com a mesma base de referência, o que facilita a comparação estática rápida entre rascunhos de design, descrições Web/CSS e anotações de UI Android. Deve-se observar que esta página não lê a escala do navegador, a densidade de pixels do dispositivo, a escala da fonte do Android ou o tamanho real da impressão, portanto, é mais adequada para comparação de especificações e unificação de documentos, em vez de substituir testes reais de renderização de dispositivos. Todos os cálculos são feitos localmente no navegador e os dados não são carregados no servidor.

Sugestões Relacionadas

Sobre o calibre de conversão estática de pt, px, dp, sp

pt (ponto) é uma unidade de tamanho de fonte comum no contexto de composição tipográfica clássica. Muitos editores de documentos, softwares de apresentação, manuais de marcas e especificações de fontes gostam de usar pt para expressar o tamanho do texto. px (pixel) é mais comumente usado em páginas da web, rascunhos de design e anotações CSS. Enfatiza o tamanho de referência no contexto da tela e da interface.

É importante ressaltar que px em CSS nem sempre é igual a um pixel físico no dispositivo, ele está mais próximo do "pixel de referência". Portanto, os 16 px no desenho do projeto, os 16 px no estilo da página da web e o tamanho visual final exibido na tela do celular ainda serão afetados pelo dimensionamento, densidade e implementação da plataforma.

dp e sp são mais comuns no contexto da interface Android. De modo geral, dp é mais voltado para o tamanho do layout da interface, enquanto sp é mais voltado para o tamanho da fonte e considerará o dimensionamento da fonte do sistema. No entanto, esta página não é um simulador de tempo de execução. Ele não lerá a densidade ou escala de fonte de um determinado telefone celular. Apenas coloca essas unidades em uma régua de referência unificada para comparação estática.

Esta página atualmente usa uma relação de referência fixa: 1 px = 0,75 pt, 1 pt ≈ 1,333 px e mapeia dp e sp para o mesmo dado de referência, o que facilita a unificação rápida de rascunhos de projeto, documentos de especificação e comunicação entre extremidades. Ele resolve o problema de "como comparar e escrever documentos", não o problema de "qual deve ser o tamanho final da tela no dispositivo".

Se o seu objetivo de trabalho for o tamanho real da impressão, a precisão milimétrica do papel, o sistema rem/em do navegador ou a verificação de escala de fonte da máquina real Android, então você deve usar as ferramentas de comprimento correspondentes, software de design ou teste de dispositivo real. Esta página é mais adequada para elaboração de especificações, revisão antecipada e documentação de entrega.

Casos de uso

  • Altere rapidamente os tamanhos de fonte de 16 px, 18 px e 24 px no rascunho do design para pt para facilitar a escrita em PPT, Word ou documentos de especificação de marca
  • Altere os tamanhos de fonte de 12 pt, 14 pt e 18 pt fornecidos no documento para px para facilitar a comparação entre o front-end e o designer
  • Ao entregar web design, coloque CSS Unifique tamanhos de fonte comuns com o calibre pt em documentos de apresentação
  • Na descrição da UI do Android, substitua rapidamente pt ou px no rascunho de design por valores de referência dp e sp para facilitar a comunicação
  • Ao organizar as especificações de texto da biblioteca de componentes, unifique a escrita da unidade de tamanho de fonte de botões, texto, títulos e legendas
  • Misture o px e o pt usados em sistemas de design históricos Unifique os tamanhos de fonte em o mesmo conjunto de tabelas de comparação para reduzir os custos de migração
  • Adicionar anotações de unidade dupla a documentos de colaboração entre equipes, para que os terminais de design, front-end e móveis possam entender rapidamente o mesmo tamanho de fonte
  • Ao fazer inspeção visual e controle de qualidade, converta e compare rapidamente diferentes unidades em anotações de rascunho de design e estilos de código
  • Ao preparar manuais de marca, pôsteres de eventos ou modelos de apresentação, primeiro unifique as regras de tamanho de fonte em uma referência tamanho antes de distribuir
  • Prepare uma tabela unificada de comparação de tamanho de fonte para e-mails, páginas de destino, H5 e interfaces de copywriting de aplicativos
  • Em educação e treinamento ou compartilhamento interno, explique as diferenças e relações de conversão comuns de pt, px, dp, sp
  • Converta rapidamente a anotação de tamanho de fonte na captura de tela em outro conjunto de unidades que sejam mais familiares para a equipe para facilitar a revisão e modificação
  • Ao fazer documentação de produtos em vários idiomas, use o calibre de conversão unificado para complementar exemplos de tamanho de fonte para diferentes plataformas
  • Na fase de revisão inicial, quando não há equipamento para testar, primeiro use a conversão estática para determinar rapidamente se o nível de tamanho da fonte é geralmente razoável

Como Usar

  1. Preencha o valor de tamanho de fonte conhecido na caixa de entrada, suportando números inteiros e decimais.
  2. Selecione a unidade de origem à esquerda, opcional pt, px, dp, sp.
  3. Selecione a unidade alvo à direita e os resultados serão atualizados imediatamente; você pode clicar no botão de troca do meio quando precisar visualizá-lo ao contrário.
  4. Se quiser ver tudo de uma vez, expanda o painel de resultados para ver a correspondência completa do valor em 4 unidades ao mesmo tempo.

Recursos

  • 4 tamanhos de fonte/unidades de UI de alta frequência cobrindo: pt, px, dp, sp, adequado para comparação rápida durante o design, front-end e entrega móvel
  • Conversão instantânea bidirecional: o resultado é atualizado imediatamente após inserir o valor, a unidade de origem e a unidade de destino podem ser trocadas livremente sem clicar no botão de conversão
  • Transparência de relação de referência fixa: a página atual usa 1 px = 0,75 pt, 1 pt ≈ O benchmark comum de 1.333 px facilita o calibre unificado de especificações e rascunhos de design
  • Comparação estática clara de dp e sp: esta página coloca dp e sp na mesma régua de referência para conversão rápida, adequada para escrever documentos, fazer anotações e comunicação entre equipes
  • Pode ser expandido para visualizar todos os resultados: o mesmo valor de tamanho de fonte está em pt, px, dp, sp Os valores correspondentes abaixo podem ser exibidos ao mesmo tempo para facilitar a verificação única
  • Adequado para números pequenos e valores intermediários: valores não inteiros comuns em designs como 13,5 px, 10,5 pt, 14 sp também podem ser convertidos diretamente
  • Avisar claramente o limite de renderização: a página distinguirá "conversão estática" e "exibição de dispositivo real" para reduzir o risco de confundir o valor de referência para o tamanho físico final
  • Cálculo local puro do navegador: sem solicitações de rede, sem registros de servidor, suas anotações de design, especificações de componentes e parâmetros do documento de entrega não sairão do dispositivo

Como escolher a unidade de tamanho da fonte?

Também se trata de escrever "qual é o tamanho do tamanho da fonte", e diferentes unidades são adequadas para diferentes cenários. Primeiro descubra se você está escrevendo um rascunho de design, um estilo web ou uma especificação Android.

UnidadeOs cenários mais comunsVantagensNotasEsta página suporta
ptWord, PPT, PDF, especificações de marca, documentos de fonteMais comuns em contextos de composição e documento, fácil de alinhar com instruções de fonteAo mudar para contexto de tela, é melhor adicionar uma coluna de comparação de pxCompatível
pxPáginas da Web, rascunhos de design, anotações CSS, rascunhos de interfaceA comunicação entre design e front-end é a mais direta e a mais comum na implementaçãoNão são pixels físicos absolutos, navegadores e dispositivos que afetarão a exibição finalSuporte
dpLayout do Android e anotação de interfaceAdequado para tamanho lógico de descrição de dispositivo de densidade cruzadaEsta página não simula a densidade real do dispositivo, apenas conversão de referência estáticaSuporte
spAnotação de tamanho de texto do AndroidAdequada para contexto de texto e fácil de se comunicar com equipes móveisA exibição real também será afetada pelo dimensionamento da fonte do sistemaSuporte
em / rem / mm / inUnidades relativas da Web ou tamanho de impressão físicaAdequado para design específico e sistemas de implementaçãoNão está dentro da faixa de suporte da página atual e outras ferramentas ou benchmarks precisam ser usadosNão suportado

Best Practices

Primeiro chegue a um acordo sobre um benchmark unificado para a equipe e depois compare-o entre as unidades

Se o design, o front-end e os terminais móveis não explicam claramente o benchmark de conversão primeiro, é fácil para os mesmos 16 serem entendidos como visuais diferentes tamanhos. Será mais estável unificar o calibre primeiro e depois usar esta página para complementar a rotulagem da unidade dupla.

Trate os resultados desta página como um valor de referência de entrega, não como o resultado final da renderização.

Esta página é adequada para comparação estática de rascunhos de design, documentos e especificações, mas o dimensionamento do navegador, a densidade do dispositivo e as configurações de fonte do sistema podem tornar a exibição real um pouco diferente. A verificação visual ainda deve ser feita no ambiente de destino antes de ficar online.

Mude para unidades de comprimento e software de composição tipográfica real quando dimensões físicas são necessárias

Se seu objetivo é confirmar o tamanho real do papel, a precisão milimétrica do produto impresso ou o tamanho físico do PDF exportado, então não olhe apenas para os resultados de conversão estática de pt/px/dp/sp.

O texto do Android leva em consideração o dimensionamento da fonte do sistema

sp O desempenho em dispositivos reais será afetado pelo dimensionamento da fonte do sistema. Esta página só pode fornecer valores de referência estáticos. Quando se trata de acessibilidade e adaptação para vários dispositivos, você deve testá-lo em um dispositivo real.

Web Se você realmente usa rem ou em, primeiro esclareça o tamanho da fonte raiz

Esta página não altera diretamente rem/em, mas você ainda pode restaurar rem/em para px de acordo com o tamanho da fonte raiz do projeto e depois compará-lo com pt ou anotações de design. A chave é deixar o contexto claro primeiro.

Tente manter a unidade original e o resultado da conversão ao entregar.

Por exemplo, escrevê-lo como 16 px / 12 pt ou 14 sp / 14 pt permitirá que o destinatário entenda rapidamente sua intenção original e facilitará o rastreamento subsequente.

Perguntas frequentes

Quais unidades esse conversor de unidades de tamanho de fonte suporta?

Esta página atualmente suporta 4 unidades: pt, px, dp, sp. É adequado para comparação numérica estática em rascunhos de design, tamanhos de fonte CSS, anotações de interface do Android e documentos de componentes. A página atual não suporta outras unidades de composição/comprimento, como em, rem, mm, cm, pol ou pc.

1 pt é igual a quantos px? 16 px é igual a quantos pt?

De acordo com a relação de referência fixa atualmente adotada nesta página, 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Portanto, 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Este calibre é muito adequado para verificação cruzada rápida entre rascunhos de web design e documentos de apresentação.

Qual ​​é a diferença entre px e pt?

pt (ponto) é mais focado na composição tipográfica e no contexto do documento e, historicamente, frequentemente aparece junto com a impressão e o tamanho da fonte; px (pixel) é mais focado na tela e no contexto CSS e é comumente usado em páginas da web e anotações de rascunhos de design. Ambos podem ser usados ​​para descrever tamanhos de fontes, mas os ambientes de uso são diferentes, então muitas equipes precisarão fazer comparações de conversão entre px e pt ao entregar designs.

Qual ​​é a diferença entre dp e sp?

dp geralmente é usado para expressão de tamanho de interface no Android que está relacionada à densidade, mas não segue o dimensionamento da fonte, e sp geralmente é usado para expressão de tamanho de texto que seguirá o dimensionamento da fonte. Deve-se observar que, para fins de comparação de especificações estáticas, esta página não lê a densidade real do dispositivo ou a escala da fonte do sistema, mas os coloca em uma base de referência unificada para conversão linear.

Por que o valor trocado da página pode não ser exatamente igual ao da exibição real do dispositivo?

Porque o efeito de exibição real será afetado pelo dimensionamento do navegador, pela densidade de pixels do dispositivo, pelo tamanho da fonte raiz, pelo dimensionamento da fonte do sistema, pela estratégia de renderização da plataforma e pelas regras de exportação do software de design. O objetivo desta página é unificar calibres estáticos, não simular os resultados de renderização de dispositivos reais. Portanto, antes de finalmente entrar no ar, você ainda deve fazer uma inspeção visual real no navegador ou dispositivo de destino.

Por que as relações entre dp, sp e pt nesta ferramenta são tão próximas?

Porque a página atual usa calibres de conversão estáticos sob uma régua de referência unificada, que permite comparar rapidamente diferentes unidades em documentos, rascunhos de design e especificações, em vez de ler o ambiente de renderização em tempo real de um determinado dispositivo. Você pode pensar nisso como um "valor de referência de conversão conforme entregue", em vez de uma calculadora de pixels real no tempo de execução do Android.

Pode ser trocado por rem, em, mm, cm ou polegadas?

Atualmente não. O intervalo real suportado nesta página é de apenas quatro unidades: pt, px, dp e sp. Se você precisar de unidades relativas, como rem e em, ou unidades de comprimento físico, como mm, cm e pol, deverá usar a base de projeto correspondente ou outras ferramentas de comprimento para lidar com elas separadamente.

Esta página é adequada para impressão real ou cálculo de tamanho de impressão?

Não é adequada para substituição direta do cálculo de tamanho de impressão real. Porque esta página atualmente não fornece unidades de comprimento físico, como mm, cm e pol, nem lida com DPI da impressora, mídia de saída e regras de layout de documento. Se quiser confirmar o tamanho real do papel, você deve usar unidades de comprimento e software de composição tipográfica real para a verificação final.

Posso inserir um valor decimal como 13,5 px?

Sim. Valores não inteiros, como 10,5 pt, 13,5 px e 14 sp, são comumente usados ​​em sistemas de design e cenários de ajuste fino de interface. Esta página pode convertê-los diretamente. Isso tornará mais conveniente a entrega de especificações de componentes, a organização de documentos de anotação e a realização de comparações multifacetadas.

Como devo usar esta ferramenta ao entregar projetos?

Uma abordagem mais segura é manter as unidades de design originais e depois usar esta página para preencher uma coluna de valores de referência convertidos. Por exemplo, se o rascunho do design for escrito em 16 px, você também poderá escrevê-lo em 16 px/12 pt para a equipe de front-end ou de documentação. Contanto que a equipe concorde primeiro com a mesma base de conversão, o custo de comunicação será muito menor.

Esta página pode ser usada off-line? Os dados serão carregados?

Sim. Depois que a página é carregada, todas as conversões de tamanho de fonte são realizadas localmente no navegador, sem solicitações de rede, sem registros do servidor e sem envio de formulários. Suas especificações de projeto, anotações de componentes e parâmetros do documento de entrega não serão carregados no servidor e a entrada será apagada após fechar a página.

Glossário

Ponto (pt)
Unidade de tamanho de fonte tipográfica clássica, comumente usada em documentos Word, PPT, PDF, especificações de marca e descrição de fonte.
Pixel (px)
Uma das unidades de interface mais comuns em páginas web e rascunhos de design, em CSS está mais próximo de um pixel de referência do que de um pixel físico absoluto.
Pixel independente de densidade (dp)
Uma unidade de tamanho lógico comum no contexto Android, usada para manter uma escala de interface relativamente consistente em dispositivos de diferentes densidades.
Pixel de escala de fonte (sp)
Uma unidade comum no contexto de texto do Android, geralmente considerando a escala de fonte do sistema, adequada para expressar o tamanho do texto.
Pixel de referência CSS
O conceito de comprimento de referência usado no layout do navegador não é necessariamente igual a um pixel físico na tela.
Densidade de pixels do dispositivo
Quantos pixels físicos existem por unidade de comprimento da tela afetarão o efeito real de exibição da mesma unidade lógica em diferentes dispositivos.
Escala de fonte
Configurações adicionais de escala para tamanho de texto no sistema operacional ou no nível do aplicativo afetarão os resultados reais da exibição.
Conversão de referência fixa
Faz conversão linear estática sob um benchmark unificado, que é adequado para comparação entre documentos e entrega de design, mas não é equivalente à simulação de renderização de dispositivo real.

Verificação rápida dos pontos de ancoragem comuns de conversão de tamanho de fonte

Esses valores de comparação são mais comumente usados ​​em rascunhos de design, CSS e entrega de documentos.

pontopixelsdp (calibre desta página)sp (calibre desta página)Cenário típico
9 pontos12px9 dp9spInformações auxiliares mínimas, descrição secundária da tabela
10,5 pontos14 pixels10,5 dp10,5spTexto pequeno, texto descritivo
12 pontos16 pixels12 dp12spCorpo comum ou texto de formulário
13,5 pontos18px13,5 dp13,5spÊnfase em textos e títulos de cartões
18 pontos24px18 dp18spGrande título ou informações importantes da página
24 pontos32 pixels24 dp24spTítulo da capa, título do herói

Selecione a unidade de tamanho da fonte de acordo com a cena

O mesmo valor de tamanho de fonte é escrito em unidades diferentes e serve a diferentes objetos de colaboração.

CenárioUnidade mais adequadaMotivo
PPT, Word, manual da marca, especificação de PDFptO mais natural no contexto do documento e da composição tipográfica, e o mais fácil de alinhar com a especificação da fonte
Estilo da página da Web, rascunho de design, Figma/CSS entregapxO menor custo de comunicação entre design e implementação de front-end
Descrição do tamanho do layout do AndroiddpMais próximo do contexto de tamanho lógico do Android
Descrição do tamanho do texto do AndroidspMais próximo do contexto do celular anotação de fonte, mas, em última análise, ainda depende do dimensionamento real da máquina
Entrega de documentos entre equipesMantenha as unidades originais e adicione uma coluna de valores de conversãoPode levar em consideração os hábitos de leitura de design, front-end e terminais móveis

Privacy & Security

Todas as conversões de tamanho de fonte nesta página são concluídas em seu navegador. As anotações de design, especificações de fontes, documentos de componentes e parâmetros de entrega inseridos nunca saem do seu dispositivo – nenhuma solicitação de rede, nenhum registro do servidor e suas entradas são apagadas quando você fecha a página. Para sistemas de design interno e especificações não publicadas, esta página não captura nem armazena nenhum conteúdo.