Conversió d'unitats de mida de lletra

1Píxel = 0.75Punt

0.75

Unitats tipogràfiques

Punt (pt)0.75

Píxel (px)1

Píxel independent de la densitat (dp)0.75

Píxel independent de l'escala (sp)0.75

Eina gratuïta de conversió d'unitats de mida de lletra en línia que admet la conversió bidireccional en temps real de 4 unitats de composició/IU d'ús habitual: pt, px, dp i sp. La pàgina actual adopta una relació de referència fixa: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Al mateix temps, en aquesta eina, dp i sp s'assignen a pt d'acord amb la mateixa base de referència, cosa que facilita la comparació estàtica ràpida entre esborranys de disseny, descripcions web/CSS i anotacions de la interfície d'usuari d'Android. Cal tenir en compte que aquesta pàgina no llegeix l'escala del navegador, la densitat de píxels del dispositiu, l'escala de tipus de lletra d'Android o la mida d'impressió real, de manera que és més adequada per a la comparació d'especificacions i la unificació de documents en lloc de substituir les proves de representació del dispositiu real. Tots els càlculs es fan localment al navegador i les dades no es pengen al servidor.

Relacionats

Length Converter

Quan necessiteu longituds físiques reals com ara mm, cm i polzades, hauríeu de canviar al processament d'unitats de longitud.

Convertidor d'àrea

A l'hora d'estimar el llenç de la pàgina, l'àrea de paper o la disposició d'impressió, sovint cal continuar tractant amb el calibre de l'àrea.

Convertidor d'unitats

Podeu canviar directament quan necessiteu continuar processant la durada o altres unitats de suport.

Sobre el calibre de conversió estàtica de pt, px, dp, sp

pt (punt) és una unitat de mida de lletra comuna en el context de composició clàssica. A molts editors de documents, programari de presentacions, manuals de marca i especificacions de tipus de lletra els agrada utilitzar pt per expressar la mida del text. px (píxel) s'utilitza més habitualment en pàgines web, esborranys de disseny i anotacions CSS. Emfatitza la mida de referència en el context de la pantalla i la interfície.

És important tenir en compte que px en CSS no sempre és igual a un píxel físic del dispositiu, està més a prop del "píxel de referència". Per tant, els 16 px del dibuix de disseny, els 16 px de l'estil de la pàgina web i la mida visual final que es mostra a la pantalla del mòbil encara es veuran afectats per l'escala, la densitat i la implementació de la plataforma.

dp i sp són més habituals en el context de la interfície d'Android. En termes generals, dp està més esbiaixat cap a la mida de la disposició de la interfície, mentre que sp està més esbiaixat cap a la mida de la lletra i considerarà l'escala de la font del sistema. Tanmateix, aquesta pàgina no és un simulador d'execució. No llegirà la densitat o l'escala de tipus de lletra d'un determinat telèfon mòbil. Només posa aquestes unitats en una regla de referència unificada per a una comparació estàtica.

Actualment, aquesta pàgina utilitza una relació de referència fixa: 1 px = 0,75 pt, 1 pt ≈ 1,333 px i mapeja dp i sp al mateix datu de referència, cosa que facilita la unificació ràpida d'esborranys de disseny, documents d'especificacions i comunicació entre extrems. Soluciona el problema de "com comparar i escriure documents", no el problema de "quina gran ha de ser la mida final de la pantalla al dispositiu".

Si el vostre objectiu de treball és la mida real d'impressió, la precisió del mil·límetre del paper, el sistema rem/em del navegador o la verificació de l'escala de la font de la màquina real d'Android, haureu d'utilitzar les eines de longitud corresponents, el programari de disseny o les proves de dispositius reals. Aquesta pàgina és més adequada per a la redacció d'especificacions, la revisió anticipada i la documentació de lliurament.

Casos d'ús

Canvieu ràpidament les mides de lletra de 16 px, 18 px i 24 px de l'esborrany de disseny a pt, de manera que sigui més fàcil escriure en documents PPT, Word o especificacions de marca
Substituïu les mides de lletra de 12 pt, 14 pt i 18 pt que es donen al document per px per facilitar la comparació entre el front-end i el dissenyador.
Quan proporcioneu disseny web, unifiqueu les mides de lletra CSS habituals i les mides de pt als documents de presentació
A la descripció de la interfície d'usuari d'Android, substituïu ràpidament pt o px a l'esborrany de disseny amb valors de referència dp i sp per facilitar la comunicació.
Quan organitzeu les especificacions de text de la biblioteca de components, unifiqueu l'escriptura de la unitat de mida de lletra dels botons, el cos del text, els títols i els subtítols.
Unifiqueu les mides de lletra px i pt mixtes al sistema de disseny històric en el mateix conjunt de taules de comparació per reduir els costos de migració
Afegiu anotacions d'unitat dual als documents de col·laboració entre equips perquè el disseny, el front-end i els terminals mòbils puguin entendre ràpidament la mateixa mida de lletra.
Quan feu una inspecció visual i un control de qualitat, convertiu ràpidament les diferents unitats de les anotacions de l'esborrany del disseny i els estils de codi i compareu-los.
Quan prepareu manuals de marca, pòsters d'esdeveniments o plantilles de presentació, unifiqueu les regles de mida de la lletra en una mida de referència abans de distribuir-les.
Prepareu una taula de comparació de mida de lletra unificada per a correus electrònics, pàgines de destinació, H5 i interfícies de redacció d'aplicacions
En formació educativa o compartició interna, expliqueu les diferències i les relacions de conversió comunes de pt, px, dp, sp
Converteix ràpidament l'anotació de la mida del tipus de lletra de la captura de pantalla en un altre conjunt d'unitats amb les quals l'equip està més familiaritzat per facilitar la revisió i la modificació.
Quan creeu documentació de producte en diversos idiomes, utilitzeu el calibre de conversió unificat per complementar exemples de mida de lletra per a diferents plataformes.
En l'etapa de revisió inicial, quan no hi ha cap equip per provar, la conversió estàtica s'utilitza primer per determinar ràpidament si el nivell de mida de la lletra és aproximadament raonable.

Com usar-ho

Empleneu el valor de mida de lletra coneguda al quadre d'entrada, admetant nombres enters i decimals.
Seleccioneu la unitat d'origen a l'esquerra, opcional pt, px, dp, sp.
Seleccioneu la unitat objectiu a la dreta i els resultats s'actualitzaran immediatament; podeu fer clic al botó d'intercanvi central si voleu veure'l al revés.
Si voleu veure-ho tot alhora, amplieu el tauler de resultats per veure la correspondència completa del valor en 4 unitats alhora.

Característiques

4 mides de lletra d'alta freqüència/unitats d'IU que cobreixen: pt, px, dp, sp, aptes per a una comparació ràpida durant el disseny, el front-end i el lliurament mòbil
Conversió instantània bidireccional: el resultat s'actualitza immediatament després d'introduir el valor. La unitat d'origen i la unitat de destinació es poden canviar lliurement sense fer clic al botó de conversió.
La relació de referència fixa és transparent: la pàgina actual utilitza els punts de referència comuns d'1 px = 0,75 pt, 1 pt ≈ 1,333 px, cosa que facilita el calibre unificat d'especificacions i esborranys de disseny
Comparació estàtica clara entre dp i sp: aquesta pàgina posa dp i sp a la mateixa regla de referència per a una conversió ràpida, que és adequada per a la redacció de documents, l'anotació i la comunicació entre equips.
Tots els resultats es poden ampliar per visualitzar: els valors corresponents del mateix valor de mida de lletra sota pt, px, dp i sp es poden mostrar al mateix temps per facilitar la verificació única.
Adequat per a nombres decimals i valors intermedis: els valors comuns no enters en dissenys com ara 13,5 px, 10,5 pt, 14 sp també es poden convertir directament
Demaneu clarament el límit de representació: la pàgina distingirà "conversió estàtica" i "visualització del dispositiu real" per reduir el risc de confondre el valor de referència amb la mida física final.
Informàtica local del navegador pur: sense sol·licituds de xarxa, sense registres del servidor, les anotacions del disseny, les especificacions dels components i els paràmetres del document de lliurament no sortiran del dispositiu.

Com triar la unitat de mida de lletra?

També estem escrivint sobre "com de grans són els personatges", i diferents unitats són adequades per a diferents escenaris. Primer esbrineu si esteu escrivint un esborrany de disseny, un estil web o una especificació d'Android.

unitat	escenaris més habituals	avantatge	Nota	Aquesta pàgina admet
pt	Word, PPT, PDF, especificacions de marca, documents de tipus de lletra	Més comú en contextos de composició i documents, fàcil d'alinear amb les descripcions de tipus de lletra	Quan canvieu al context de la pantalla, el millor és afegir una columna de px per a la comparació.	suport
px	Pàgines web, esborranys de disseny, anotacions CSS, esborranys d'interfície	La comunicació més directa entre disseny i front-end és la més habitual durant la implementació.	No els píxels físics absoluts, els navegadors i els dispositius afectaran la pantalla final	suport
dp	Disseny d'Android i anotació de la interfície	S'adapta a les dimensions lògiques de les descripcions de dispositius de densitat	Aquesta pàgina no simula la densitat real del dispositiu, només fa una conversió de referència estàtica.	suport
sp	Dimensions del text d'Android	Adequat per al context de text i fàcil de comunicar-se amb l'equip mòbil	La visualització real també es veurà afectada per l'escala de tipus de lletra del sistema	suport
em/rem/mm/in	Unitats relatives web o mida d'impressió física	Apte per a sistemes específics de disseny i implementació	No es troba dins del rang de suport de la pàgina actual i s'ha de processar amb altres eines o punts de referència.	No s'admet

Best Practices

Primer acordeu un punt de referència unificat per a l'equip i després feu comparacions entre unitats.

Si el disseny, el front-end i els terminals mòbils no aclareixen primer el punt de referència de conversió, és fàcil que el mateix 16 s'entengui com a diferents mides visuals. Serà més estable unificar primer el calibre i després utilitzar aquesta pàgina per fer marques d'unitat doble.

Tracteu els resultats d'aquesta pàgina com un valor de referència per al lliurament, no com el resultat final de la representació.

Aquesta pàgina és adequada per a la comparació estàtica d'esborranys de disseny, documents i especificacions, però l'escala del navegador, la densitat del dispositiu i la configuració del tipus de lletra del sistema poden provocar lleugeres diferències en la visualització real. La verificació visual encara s'ha de fer a l'entorn de destinació abans de connectar-se.

Utilitzeu unitats de longitud i programari de composició real quan es requereixin dimensions físiques

Si el vostre objectiu és confirmar la mida real del paper, la precisió mil·límetre del producte imprès o la mida física del PDF exportat, no us limiteu a mirar els resultats de la conversió estàtica de pt/px/dp/sp.

El text d'Android hauria de tenir en compte l'escala de tipus de lletra del sistema

El rendiment sp en dispositius reals es veu afectat per l'escala de tipus de lletra del sistema. Aquesta pàgina només us pot donar valors de referència estàtics. Quan es tracta d'accessibilitat i adaptació multidispositiu, cal provar-ho en un dispositiu real.

Web Si realment utilitzeu rem o em, primer aclareu la mida de la lletra arrel

Aquesta pàgina no canvia directament rem/em, però encara podeu restaurar rem/em a px segons la mida del tipus de lletra de l'arrel del projecte i, a continuació, comparar-lo amb pt o el marcatge de disseny. La clau és aclarir el context primer.

Quan feu el lliurament, intenteu conservar tant les unitats originals com els resultats de la conversió.

Per exemple, escriure'l com a 16 px / 12 pt o 14 sp / 14 pt permetrà que el destinatari entengui ràpidament la vostra intenció original i facilitarà el seguiment posterior.

Preguntes freqients

Quines unitats admet aquest convertidor d'unitats de mida de lletra?

Aquesta pàgina admet actualment 4 unitats: pt, px, dp, sp. És adequat per a la comparació numèrica estàtica en esborranys de disseny, mides de lletra CSS, anotacions d'interfície d'usuari d'Android i documents de components. La pàgina actual no admet altres unitats de composició/longitud com ara em, rem, mm, cm, in o pc.

Quants px són iguals a 1 pt? Quants pt són iguals a 16 px?

Segons la relació de referència fixa que s'utilitza actualment en aquesta pàgina, 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Així, 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Aquest calibre és molt adequat per a una ràpida comprovació creuada entre esborranys de disseny web i documents de presentació.

Quina diferència hi ha entre px i pt?

pt (punt) està més centrat en la composició i el context del document, i històricament apareix sovint juntament amb la impressió i la mida de la lletra; px (píxel) està més centrat en el context de la pantalla i CSS, i s'utilitza habitualment en pàgines web i esborranys de disseny d'anotacions. Tots dos es poden utilitzar per descriure les mides de lletra, però els entorns d'ús són diferents, de manera que molts equips hauran de fer comparacions de conversió entre px i pt quan entreguin dissenys.

Quina diferència hi ha entre dp i sp?

dp s'utilitza normalment per a l'expressió de mida de la interfície a Android que està relacionada amb la densitat però no segueix l'escala de la font, i sp s'utilitza normalment per a l'expressió de la mida del text que segueix l'escala de la font. Cal tenir en compte que, per a la comparació d'especificacions estàtiques, aquesta pàgina no llegeix la densitat real del dispositiu ni l'escala de fonts del sistema, sinó que les posa sobre una base de referència unificada per a la conversió lineal.

Per què els valors intercanviats a la pàgina poden no ser exactament els mateixos que els que es mostren al dispositiu real?

Com que l'efecte de visualització real es veurà afectat per l'escala del navegador, la densitat de píxels del dispositiu, la mida de la lletra arrel, l'escala de la font del sistema, l'estratègia de representació de la plataforma i les regles d'exportació del programari de disseny. L'objectiu d'aquesta pàgina és unificar calibres estàtics, no simular els resultats de representació de dispositius reals. Per tant, abans de posar-se en directe, encara hauríeu de fer una inspecció visual real al navegador o al dispositiu de destinació.

Per què les relacions entre dp, sp i pt són tan estretes en aquesta eina?

Com que la pàgina actual utilitza calibres de conversió estàtica sota una regla de referència unificada, és convenient que compareu ràpidament diferents unitats en documents, esborranys de disseny i especificacions, en lloc de llegir l'entorn de representació en temps real d'un dispositiu determinat. Podeu pensar en això com un "valor de referència de conversió tal com es lliura", en lloc d'una calculadora de píxels real en el temps d'execució d'Android.

Es pot canviar per rem, em, mm, cm o polzades?

Actualment no. L'interval real admès d'aquesta pàgina és només de quatre unitats: pt, px, dp i sp. Si necessiteu unitats relatives com rem i em, o unitats de longitud físiques com mm, cm i in, hauríeu d'utilitzar la base de disseny corresponent o altres eines de longitud per gestionar-les per separat.

Aquesta pàgina és adequada per a la impressió real o càlculs de mida d'impressió?

No és adequat com a substitut directe dels càlculs de la mida d'impressió real. Com que aquesta pàgina actualment no proporciona unitats de longitud físiques com ara mm, cm i in, ni gestiona les regles de DPI de la impressora, suports de sortida i disseny de documents. Si voleu confirmar la mida real del paper, hauríeu d'utilitzar unitats de longitud i programari de composició real per a la verificació final.

Puc introduir valors decimals com 13,5 px?

Can. Els valors no enters com ara 10,5 pt, 13,5 px i 14 sp s'utilitzen habitualment en sistemes de disseny i escenaris d'ajustament de la interfície. Aquesta pàgina pot convertir-los directament. Això farà que sigui més convenient a l'hora d'entregar especificacions de components, organitzar documents d'anotació i fer comparacions de diversos extrems.

Com he d'utilitzar aquesta eina quan faig el lliurament del disseny?

Un enfocament més segur és conservar les unitats de disseny originals i, a continuació, utilitzar aquesta pàgina per omplir una columna de valors de referència convertits. Per exemple, si l'esborrany de disseny s'escriu a 16 px, també el podeu escriure a 16 px / 12 pt per al front-end o l'equip de documentació. Sempre que l'equip estigui d'acord primer en la mateixa base de conversió, el cost de comunicació serà molt més baix.

Es pot utilitzar aquesta pàgina fora de línia? Es penjaran les dades?

Can. Un cop carregada la pàgina, totes les conversions de mida de lletra es realitzen localment al navegador, sense sol·licituds de xarxa, sense registres del servidor i sense enviaments de formularis. Les vostres especificacions de disseny, les anotacions dels components i els paràmetres del document de lliurament no es penjaran al servidor i l'entrada s'esborrarà després de tancar la pàgina.

Glossari

punt (pt): Unitat de mida de lletra de composició clàssica, que s'utilitza habitualment a Word, PPT, PDF, especificacions de marca i documents de descripció de font.
Píxel (px): Una de les unitats d'interfície més comunes en pàgines web i esborranys de disseny, CSS està més a prop dels píxels de referència que dels píxels físics absoluts.
píxel independent de la densitat (dp): Una unitat de mida lògica comuna en el context d'Android, que s'utilitza per mantenir una escala d'interfície relativament coherent en dispositius de diferents densitats.
Píxels d'escala de tipus de lletra (sp): Les unitats habituals en el context de text d'Android solen tenir en compte l'escala de la font del sistema, que és adequada per expressar la mida del text.
Píxels de referència CSS: El concepte de longitud de referència utilitzat en els dissenys del navegador no és necessàriament equivalent a un píxel físic a la pantalla.
Densitat de píxels del dispositiu: La quantitat de píxels físics que hi hagi per unitat de longitud de la pantalla afectarà l'efecte de visualització real de la mateixa unitat lògica en diferents dispositius.
Escala de lletra: La configuració d'escala addicional per a la mida del text al nivell del sistema operatiu o de l'aplicació afectarà els resultats reals de la visualització.
S'ha corregit l'escala de referència: La conversió lineal estàtica sota un punt de referència unificat és adequada per a la comparació entre documents i lliurament del disseny, però no és equivalent a la simulació de representació del dispositiu real.

Comprovació ràpida dels punts d'ancoratge de conversió de mida de lletra habituals

Aquests valors de comparació s'utilitzen més habitualment en esborranys de disseny, CSS i lliurament de documents.

pt	px	dp (calibre d'aquesta pàgina)	sp (calibre d'aquesta pàgina)	Escenari típic
9pt	12 píxels	9dp	9 sp	Informació auxiliar mínima, descripció secundària de la taula
10,5 pt	14 píxels	10,5 dp	10,5 sp	Text petit, text de descripció
12pt	16 píxels	12 dp	12 sp	Cos comú o text de forma
13,5 pt	18 píxels	13,5 dp	13,5 sp	Èmfasi en el text i els títols de les targetes
18pt	24 píxels	18 dp	18 sp	Informació clau del títol o de la pàgina gran
24pt	32 píxels	24 dp	24 sp	Títol de la portada, títol de l'heroi

Seleccioneu la unitat de mida de lletra segons l'escena

El mateix valor de mida de lletra s'escriu en unitats diferents i serveix per a diferents objectes de col·laboració.

escena	Una unitat més adequada	raó
PPT, Word, manual de marca, especificacions PDF	pt	El més natural en el context del document i la composició, i el més fàcil d'alinear amb les especificacions de tipus de lletra
Estil de pàgina web, esborrany de disseny, lliurament de Figma/CSS	px	El disseny i la implementació front-end tenen el menor cost de comunicació
Descripció de la mida del disseny d'Android	dp	Més a prop del context de mida lògica d'Android
Instruccions sobre la mida del text d'Android	sp	Està més a prop del context d'anotació de fonts mòbils, però al final encara depèn de l'escala real de la màquina.
Entrega documents entre equips	Mantingueu les unitats originals i afegiu una columna de valors de conversió	Pot tenir cura del disseny, el front-end i els hàbits de lectura mòbils al mateix temps

Privacy & Security

Totes les conversions de mida de lletra d'aquesta pàgina es fan al vostre navegador. Les anotacions de disseny, les especificacions de tipus de lletra, els documents de components i els paràmetres de lliurament que introduïu mai surten del vostre dispositiu: cap sol·licitud de xarxa, cap registre del servidor i les vostres entrades s'esborren quan tanqueu la pàgina. Per als sistemes de disseny intern i les especificacions no publicades, aquesta pàgina no captura ni emmagatzema cap contingut.