Conversione delle unità di dimensione dei caratteri

1Pixel = 0.75Punto

0.75

Unità tipografiche

Punto (pt)0.75

Pixel (px)1

Pixel indipendente dalla densità (dp)0.75

Pixel indipendente dalla scala (sp)0.75

Strumento online gratuito di conversione delle unità di dimensione dei caratteri che supporta la conversione bidirezionale in tempo reale di 4 unità di composizione/interfaccia utente comunemente utilizzate: pt, px, dp e sp. La pagina corrente adotta una relazione di riferimento fissa: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Allo stesso tempo, in questo strumento, dp e sp sono mappati su pt secondo la stessa base di riferimento, il che facilita un rapido confronto statico tra bozze di progettazione, descrizioni Web/CSS e annotazioni dell'interfaccia utente Android. Va notato che questa pagina non legge il ridimensionamento del browser, la densità dei pixel del dispositivo, il ridimensionamento dei caratteri Android o la dimensione di stampa reale, quindi è più adatta per il confronto delle specifiche e l'unificazione dei documenti piuttosto che per sostituire i test di rendering del dispositivo reale. Tutti i calcoli vengono eseguiti localmente nel browser e i dati non vengono caricati sul server.

Raccomandazioni correlate

Length Converter

Quando sono necessarie lunghezze fisiche reali come mm, cm e pollici, è necessario passare all'elaborazione delle unità di lunghezza

Convertitore di area

Quando si stima la tela della pagina, l'area della carta o il layout di stampa, spesso è necessario continuare a elaborare il calibro dell'area

Convertitore di Unità

Puoi cambiare direttamente quando devi continuare a elaborare la lunghezza o altre unità di supporto

Informazioni sul calibro di conversione statico di pt, px, dp, sp

pt (punto) è un'unità di dimensione del carattere comune nel classico contesto di composizione. Molti editor di documenti, software di presentazione, manuali di marchi e specifiche dei caratteri utilizzano pt per esprimere la dimensione del testo. px (pixel) è più comunemente utilizzato nelle pagine Web, nelle bozze di progettazione e nelle annotazioni CSS. Enfatizza la dimensione di riferimento nel contesto dello schermo e dell'interfaccia.

È importante notare che px nei CSS non è sempre uguale a un pixel fisico sul dispositivo, è più vicino al "pixel di riferimento". Pertanto, i 16 px nel disegno di progettazione, i 16 px nello stile della pagina Web e la dimensione visiva finale visualizzata sullo schermo del dispositivo mobile saranno comunque influenzati dal ridimensionamento, dalla densità e dall'implementazione della piattaforma.

dp e sp sono più comuni nel contesto dell'interfaccia Android. In generale, dp è più sbilanciato verso la dimensione del layout dell'interfaccia, mentre sp è più sbilanciato verso la dimensione del carattere e prenderà in considerazione il ridimensionamento del carattere del sistema. Tuttavia, questa pagina non è un simulatore di runtime. Non leggerà la densità o il ridimensionamento dei caratteri di un determinato telefono cellulare. Mette semplicemente queste unità su un righello di riferimento unificato per il confronto statico.

Questa pagina attualmente utilizza una relazione di riferimento fissa: 1 px = 0,75 pt, 1 pt ≈ 1,333 px e mappa dp e sp sullo stesso dato di riferimento, il che facilita la rapida unificazione di bozze di progettazione, documenti di specifica e comunicazione cross-end. Risolve il problema di "come confrontare e scrivere documenti", non il problema di "quanto deve essere grande la dimensione finale del display sul dispositivo".

Se il tuo obiettivo di lavoro è la dimensione di stampa reale, la precisione millimetrica della carta, il sistema rem/em del browser o la verifica del ridimensionamento dei caratteri della macchina reale Android, allora dovresti utilizzare invece gli strumenti di lunghezza corrispondenti, il software di progettazione o il test del dispositivo reale. Questa pagina è più adatta per la stesura delle specifiche, la revisione anticipata e la documentazione di consegna.

Casi d'uso

Modifica rapidamente le dimensioni dei caratteri 16 px, 18 px e 24 px nella bozza del progetto in pt per facilitare la scrittura nei documenti PPT, Word o con le specifiche del marchio
Modifica le dimensioni dei caratteri 12 pt, 14 pt e 18 pt fornite nel documento in px per facilitare il confronto tra il front-end e il designer
Quando si distribuisce il web design, inserisci CSS Unifica le dimensioni comuni dei caratteri con il calibro pt nei documenti di presentazione
Nella descrizione dell'interfaccia utente di Android, sostituisci rapidamente pt o px nella bozza del progetto con valori di riferimento dp e sp per facilitare la comunicazione
Quando organizzi le specifiche di testo della libreria dei componenti, unifica la scrittura dell'unità di dimensione del carattere di pulsanti, testo, titoli e sottotitoli
Mescola px e pt utilizzati nei sistemi di progettazione storici Unifica dimensioni dei caratteri nello stesso insieme di tabelle di confronto per ridurre i costi di migrazione
Aggiungi annotazioni a doppia unità ai documenti di collaborazione tra team, in modo che i terminali di progettazione, front-end e mobili possano comprendere rapidamente la stessa dimensione dei caratteri
Quando esegui l'ispezione visiva e il QA, converti e confronta rapidamente diverse unità nelle annotazioni delle bozze di progettazione e negli stili di codice
Quando prepari manuali del marchio, poster di eventi o modelli di presentazione, unifica innanzitutto le regole delle dimensioni dei caratteri in un dimensione di riferimento prima della distribuzione
Preparare una tabella di confronto delle dimensioni dei caratteri unificata per e-mail, pagine di destinazione, H5 e interfacce di copywriting delle app
Nell'istruzione e nella formazione o nella condivisione interna, spiegare le differenze e le relazioni di conversione comuni di pt, px, dp, sp
Convertire rapidamente l'annotazione della dimensione del carattere sullo screenshot in un altro insieme di unità più familiari al team per facilitare la revisione e la modifica
Quando esegui la documentazione del prodotto multilingue, utilizza il calibro di conversione unificato per integrare esempi di dimensioni del carattere per diverse piattaforme
Nella fase di revisione iniziale, quando non ci sono apparecchiature da testare, utilizza prima la conversione statica per determinare rapidamente se il livello di dimensione del carattere è generalmente ragionevole

Come utilizzare

Compila il valore noto della dimensione del carattere nella casella di input, supportando numeri interi e decimali.
Seleziona l'unità sorgente a sinistra, facoltativa pt, px, dp, sp.
Seleziona l'unità di destinazione sulla destra e i risultati verranno aggiornati immediatamente; puoi fare clic sul pulsante di scambio centrale quando devi visualizzarlo al contrario.
Se vuoi vederlo tutto in una volta, espandi il pannello dei risultati per visualizzare la corrispondenza completa del valore in 4 unità contemporaneamente.

Funzionalità

4 dimensioni di carattere ad alta frequenza/unità UI che coprono: pt, px, dp, sp, adatti per un rapido confronto durante la progettazione, front-end e distribuzione mobile
Conversione istantanea bidirezionale: il risultato viene aggiornato immediatamente dopo aver inserito il valore, l'unità di origine e l'unità di destinazione possono essere scambiate liberamente senza fare clic sul pulsante di conversione
Trasparenza della relazione di riferimento fissa: la pagina corrente utilizza 1 px = 0,75 pt, 1 pt ≈ Il benchmark comune di 1.333 px facilita il calibro unificato di specifiche e bozze di progettazione
Chiaro confronto statico tra dp e sp: questa pagina mette dp e sp sullo stesso righello di riferimento per una conversione rapida, adatta per scrivere documenti, fare annotazioni e comunicazioni tra team
Può essere espansa per visualizzare tutti i risultati: lo stesso valore della dimensione del carattere è in pt, px, dp, sp I valori corrispondenti di seguito possono essere visualizzati contemporaneamente per facilitare il controllo una tantum
Adatto per numeri piccoli e valori intermedi: i valori non interi comuni in progetti come 13,5 px, 10,5 pt, 14 sp possono anche essere convertiti direttamente
Chiaramente indica il limite di rendering: la pagina distinguerà la "conversione statica" e la "visualizzazione del dispositivo reale" per ridurre il rischio di confondere il valore di riferimento con la dimensione fisica finale
Puro calcolo locale del browser: nessuna richiesta di rete, nessun registro del server, le annotazioni di progettazione, le specifiche dei componenti e i parametri del documento di consegna non lasceranno il dispositivo

Come scegliere l'unità di dimensione del carattere?

Si tratta anche di scrivere "quanto è grande la dimensione del carattere" e diverse unità sono adatte a diversi scenari. Per prima cosa scopri se stai scrivendo una bozza di design, uno stile web o una specifica Android.

Unità	Gli scenari più comuni	Vantaggi	Note	Questa pagina supporta
pt	Word, PPT, PDF, specifiche del marchio, documenti sui caratteri	Più comuni in impaginazione e contesti del documento, facili da allineare con le istruzioni dei caratteri	Quando si passa al contesto dello schermo, è meglio aggiungere una colonna di confronto px	Supportato
px	Pagine web, bozze di design, annotazioni CSS, bozze di interfaccia	La comunicazione tra design e front-end è la più diretta e la più comune in implementazione	Pixel fisici, browser e dispositivi non assoluti influenzeranno la visualizzazione finale	Supporto
dp	Layout Android e annotazione dell'interfaccia	Adatto per la dimensione logica della descrizione del dispositivo a densità incrociata	Questa pagina non simula la densità reale del dispositivo, solo la conversione del riferimento statico	Supporto
sp	Annotazione dimensione testo Android	Adatto per il contesto testuale e facile da comunicare con i team mobili	La visualizzazione reale sarà influenzata anche dal ridimensionamento dei caratteri del sistema	Supporto
em / rem / mm / in	Unità relative al Web o dimensioni fisiche di stampa	Adatto per progettazione e implementazione specifiche sistemi	Non rientra nell'intervallo di supporto della pagina corrente ed è necessario utilizzare altri strumenti o benchmark	Non supportato

Best Practices

Prima di tutto concordare un benchmark unificato per il team, quindi confrontarlo tra le unità

Se il design, il front-end e i terminali mobili non spiegano chiaramente prima il benchmark di conversione, è facile che gli stessi 16 vengano interpretati come dimensioni visive diverse. Sarebbe più stabile unificare prima il calibro e poi utilizzare questa pagina per integrare l'etichettatura della doppia unità.

Considera i risultati di questa pagina come un valore di riferimento per la consegna, non come il risultato finale del rendering

Questa pagina è adatta per il confronto statico di bozze di progettazione, documenti e specifiche, ma il ridimensionamento del browser, la densità del dispositivo e le impostazioni dei caratteri di sistema potrebbero rendere la visualizzazione effettiva leggermente diversa. La verifica visiva dovrebbe comunque essere eseguita nell'ambiente di destinazione prima di andare online.

Passa alle unità di lunghezza e al software di composizione reale quando sono richieste dimensioni fisiche

Se il tuo obiettivo è confermare la dimensione effettiva della carta, la precisione millimetrica del prodotto stampato o la dimensione fisica del PDF esportato, non limitarti a guardare i risultati della conversione statica di pt/px/dp/sp.

Il testo Android prende in considerazione il ridimensionamento dei caratteri di sistema

sp Le prestazioni sui dispositivi reali saranno influenzate dal ridimensionamento dei caratteri di sistema. Questa pagina può fornire solo valori di riferimento statici. Quando si tratta di accessibilità e adattamento multi-dispositivo, è necessario testarlo su un dispositivo reale.

Web Se usi effettivamente rem o em, chiarisci prima la dimensione del carattere root

Questa pagina non modifica direttamente rem/em, ma puoi comunque ripristinare rem/em in px in base alla dimensione del carattere root del progetto, quindi confrontarlo con pt o annotazioni di progettazione. La chiave è innanzitutto chiarire il contesto.

Cerca di conservare sia l'unità originale che il risultato della conversione al momento della consegna.

Ad esempio, scriverlo come 16 px / 12 pt o 14 sp / 14 pt consentirà al destinatario di comprendere rapidamente la tua intenzione originale e facilitare il successivo risalire.

Domande frequenti

Quali unità supporta questo convertitore di unità di dimensione del carattere?

Questa pagina attualmente supporta 4 unità: pt, px, dp, sp. È adatto per il confronto numerico statico nelle bozze di progettazione, nelle dimensioni dei caratteri CSS, nelle annotazioni dell'interfaccia utente Android e nei documenti dei componenti. La pagina corrente non supporta altre unità di composizione/lunghezza come em, rem, mm, cm, pollici o pc.

1 pt equivale a quanti px? 16 px equivalgono a quanti pt?

Secondo la relazione di riferimento fissa attualmente adottata in questa pagina, 1 pt ≈ 1.333 px, 1 px = 0,75 pt. Quindi 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Questo calibro è molto adatto per un rapido controllo incrociato tra bozze di web design e documenti di presentazione.

Qual è la differenza tra px e pt?

pt (punto) è più focalizzato sulla composizione e sul contesto del documento e storicamente spesso appare insieme alla stampa e alla dimensione del carattere; px (pixel) è più focalizzato sullo schermo e sul contesto CSS ed è comunemente utilizzato nelle pagine Web e nelle annotazioni delle bozze di progettazione. Entrambi possono essere utilizzati per descrivere le dimensioni dei caratteri, ma gli ambienti di utilizzo sono diversi, quindi molti team dovranno effettuare confronti di conversione tra px e pt durante la consegna dei progetti.

Qual è la differenza tra dp e sp?

dp viene solitamente utilizzato per l'espressione della dimensione dell'interfaccia in Android correlata alla densità ma non segue il ridimensionamento dei caratteri, mentre sp viene solitamente utilizzato per l'espressione della dimensione del testo che seguirà il ridimensionamento dei caratteri. Va notato che ai fini del confronto delle specifiche statiche, questa pagina non legge la densità reale del dispositivo o il ridimensionamento dei caratteri del sistema, ma li pone su una base di riferimento unificata per la conversione lineare.

Perché il valore scambiato dalla pagina potrebbe non essere esattamente lo stesso visualizzato sul dispositivo reale?

Perché l'effetto di visualizzazione reale sarà influenzato dal ridimensionamento del browser, dalla densità dei pixel del dispositivo, dalla dimensione del carattere principale, dal ridimensionamento dei caratteri del sistema, dalla strategia di rendering della piattaforma e dalle regole di esportazione del software di progettazione. L'obiettivo di questa pagina è unificare i calibri statici, non simulare i risultati del rendering di dispositivi reali. Pertanto, prima di andare finalmente in diretta, dovresti comunque eseguire un'effettiva ispezione visiva sul browser o sul dispositivo di destinazione.

Perché le relazioni tra dp, sp e pt in questo strumento sono così strette?

Perché la pagina corrente utilizza calibri di conversione statici sotto un righello di riferimento unificato, che consente di confrontare rapidamente diverse unità in documenti, bozze di progettazione e specifiche, invece di leggere l'ambiente di rendering in tempo reale di un determinato dispositivo. Puoi considerarlo come un "valore di riferimento della conversione fornito", piuttosto che un vero calcolatore di pixel nel runtime Android.

Può essere scambiato con rem, em, mm, cm o pollici?

Non attualmente. L'intervallo effettivamente supportato di questa pagina è di sole quattro unità: pt, px, dp e sp. Se sono necessarie unità relative come rem ed em o unità di lunghezza fisica come mm, cm e pollici, è necessario utilizzare la base di progettazione corrispondente o altri strumenti di lunghezza per gestirle separatamente.

Questa pagina è adatta per la stampa reale o per il calcolo delle dimensioni di stampa?

Non è adatta per la sostituzione diretta del calcolo delle dimensioni di stampa reali. Perché questa pagina attualmente non fornisce unità di lunghezza fisica come mm, cm e pollici, né gestisce i DPI della stampante, i supporti di output e le regole di layout dei documenti. Se si desidera confermare il formato carta effettivo, è necessario utilizzare invece le unità di lunghezza e il software di composizione effettivo per la verifica finale.

Posso inserire un valore decimale come 13,5 px?

Sì. Valori non interi come 10,5 pt, 13,5 px e 14 sp sono comunemente utilizzati nei sistemi di progettazione e negli scenari di regolazione fine dell'interfaccia. Questa pagina può convertirli direttamente. Ciò renderà più conveniente la fornitura delle specifiche dei componenti, l'organizzazione dei documenti di annotazione e l'esecuzione di confronti multi-end.

Come dovrei utilizzare questo strumento durante la consegna dei progetti?

Un approccio più sicuro consiste nel conservare le unità di progettazione originali e quindi utilizzare questa pagina per compilare una colonna di valori di riferimento convertiti. Ad esempio, se la bozza del progetto è scritta a 16 px, puoi anche scriverla a 16 px/12 pt per il team front-end o di documentazione. Finché il team concorda prima sulla stessa base di conversione, il costo di comunicazione sarà molto più basso.

Questa pagina può essere utilizzata offline? I dati verranno caricati?

Sì. Dopo che la pagina è stata caricata, tutte le conversioni delle dimensioni dei caratteri vengono eseguite localmente nel browser, senza richieste di rete, senza registri del server e senza invio di moduli. Le specifiche di progettazione, le annotazioni dei componenti e i parametri del documento di consegna non verranno caricati sul server e l'input verrà cancellato dopo la chiusura della pagina.

Glossario

Punto (pt): Unità di dimensione del carattere di composizione classica, comunemente utilizzata in Word, PPT, PDF, specifiche del marchio e documenti di descrizione dei caratteri.
Pixel (px): Una delle unità di interfaccia più comuni nelle pagine web e nelle bozze di design, nei CSS è più vicino a un pixel di riferimento che a un pixel fisico assoluto.
Pixel indipendente dalla densità (dp): Un'unità di dimensione logica comune nel contesto Android, utilizzata per mantenere una scala dell'interfaccia relativamente coerente tra dispositivi di densità diverse.
Pixel di ridimensionamento dei caratteri (sp): Un'unità comune nel contesto del testo Android, che solitamente considera il ridimensionamento dei caratteri di sistema, adatta per esprimere la dimensione del testo.
Pixel di riferimento CSS: Il concetto di lunghezza di riferimento utilizzato nel layout del browser non è necessariamente uguale a un pixel fisico sullo schermo.
Densità di pixel del dispositivo: Il numero di pixel fisici presenti per unità di lunghezza dello schermo influirà sull'effettivo effetto di visualizzazione della stessa unità logica su dispositivi diversi.
Ridimensionamento dei caratteri: Impostazioni di ridimensionamento aggiuntive per la dimensione del testo a livello di sistema operativo o di applicazione influenzeranno i risultati di visualizzazione effettivi.
Conversione di riferimento fisso: Esegue la conversione lineare statica in base a un benchmark unificato, che è adatto per il confronto tra documenti e consegna del progetto, ma non è equivalente alla simulazione del rendering del dispositivo reale.

Verifica rapida dei punti di ancoraggio comuni per la conversione della dimensione del carattere

Questi valori di confronto sono più comunemente utilizzati nelle bozze di progettazione, nei CSS e nella distribuzione dei documenti.

punto	px	dp (calibro di questa pagina)	sp (calibro di questa pagina)	Scenario tipico
9pt	12px	9dp	9 sp	Informazioni ausiliarie minime, descrizione secondaria della tabella
10,5 pt	14px	10,5 dp	10,5 sp	Testo piccolo, testo descrittivo
12pt	16px	12dp	12 sp	Corpo comune o testo del modulo
13,5 pt	18px	13,5 d.p	13,5sp	Enfasi sul testo e sui titoli delle carte
18pt	24px	18d.p	18sp	Titolo grande o informazioni chiave della pagina
24pt	32px	24dp	24 sp	Titolo della copertina, titolo dell'eroe

Selezionare l'unità di dimensione del carattere in base alla scena

Lo stesso valore della dimensione del carattere è scritto in unità diverse e serve oggetti di collaborazione diversi.

Scenario	Unità più adatta	Motivo
PPT, Word, manuale del marchio, specifica PDF	pt	Il più naturale nel documento e nel contesto di composizione e il più semplice da allineare con la specifica del carattere
Stile della pagina Web, bozza di design, Figma/CSS consegna	px	Il costo più basso di comunicazione tra progettazione e implementazione front-end
Descrizione delle dimensioni del layout Android	dp	Più vicino al contesto delle dimensioni logiche di Android
Descrizione delle dimensioni del testo Android	sp	Più vicino alla contesto dell'annotazione dei caratteri mobili, ma dipende ancora dal ridimensionamento reale della macchina
Documenti di consegna tra i team	Conserva le unità originali e aggiungi una colonna di valori di conversione	Può prendere in considerazione le abitudini di lettura del design, dei terminali front-end e mobili

Privacy & Security

Tutte le conversioni delle dimensioni dei caratteri in questa pagina vengono completate nel tuo browser. Le annotazioni di progettazione, le specifiche dei caratteri, i documenti dei componenti e i parametri di consegna che inserisci non lasciano mai il tuo dispositivo: nessuna richiesta di rete, nessun registro del server e le tue voci vengono cancellate quando chiudi la pagina. Per i sistemi di progettazione interni e le specifiche non pubblicate, questa pagina non acquisisce né memorizza alcun contenuto.