Convertitore punti-pixel
12 punti corrispondono a 16 pixel CSS. Converta le dimensioni tipografiche tra punti, pixel e pica con la regola CSS di 96 pixel e 72 punti per pollice, per portare le specifiche di stampa di InDesign sul web e nelle email. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Valore
- 12
- Unità di partenza
- Pt
- Unità di arrivo
- Px
- Risultato
- 16
- Etichetta di partenza
- point
- Etichetta di destinazione
- pixel
- Punti
- 12
Un convertitore da punti a pixel trasforma una misura tipografica scritta in un'unità in un'altra senza consultare tabelle di stampa né riscrivere formule calc in CSS. Questa capacità usa la risoluzione di riferimento CSS di novantasei punti per pollice con fattori esatti instradati attraverso il punto come base intermedia, così input identici producono sempre output identici senza chiamate di rete, senza campionamento del modello e senza dipendenza dall'orologio.
Unità supportate e come si calcola la conversione a 96 DPI
Il convertitore accetta tre famiglie tipografiche sotto codici canonici stabili: pt per il punto PostScript e CSS pari a un settantaduesimo di pollice, px per il pixel di riferimento CSS a novantasei punti per pollice pari a un novantaseiesimo di pollice, e pc per il pica pari a dodici punti. Ogni richiesta moltiplica il valore d'ingresso per il fattore esatto di punti-per-unità della sorgente, poi divide per il fattore di punti-per-unità della destinazione.
I fattori seguono il modello CSS delle lunghezze assolute: un punto è un punto, un pixel è tre quarti di punto perché settantadue diviso novantasei fa zero virgola settantacinque, e un pica vale esattamente dodici punti. In modo equivalente, un pollice vale novantasei pixel, settantadue punti e sei pica, quindi un punto è quattro terzi di pixel e un pica è sedici pixel.
Poiché l'intermedio è sempre il punto, convertire A in B e B in A è coerente fino all'arrotondamento pubblicato di dodici cifre decimali, e non esiste alcuna matrice a coppie che possa desincronizzarsi. Rapporti device-pixel, forzature di DPI fisici dello schermo, unità relative em e rem, millimetri e pollici sono volutamente fuori ambito, così designer e ingegneri ottengono risultati prevedibili di sola tipografia sotto un'unica convenzione CSS chiara.
Uso quotidiano tra stampa e web
Usi il convertitore gratuito da punti a pixel nel browser quando le serve un rapido controllo da dodici punti a sedici pixel, un ponte dai pica ai pixel per passare dalla stampa al web o una riconversione da pixel a punti mentre legge una guida di stile, un export di Figma, una specifica di InDesign o una tabella di lunghezze assolute CSS.
Apra la pagina, inserisca il numero e le unità e copi il risultato senza installare un calcolatore di unità da desktop, un foglio di calcolo di stampa o una libreria locale di metriche dei font. Gli input sorgente seguono le stesse regole di conservazione degli altri elementi parse del KIT, e i risultati sono sicuri da mettere in cache perché l'algoritmo è pienamente deterministico.
Gli autori che distribuiscono strumenti di design o chatbot possono mappare i campi result, points, dpi e formula direttamente in schede che mostrano sia il numero sia il percorso di conversione che designer, sviluppatori e tecnici di stampa si aspettano sulla carta.
Casi d'uso
Passaggio dalla stampa al web
Normalizzi pica e punti dalle specifiche di InDesign o Quark in pixel CSS quando costruisce modelli di email, landing page e anteprime da PDF a HTML.
Domande frequenti
Quali unità supporta questo convertitore da punti a pixel?
Punti (pt), pixel CSS (px) e pica (pc).
Come converto 12 punti in pixel?
Il campo result della risposta è 16, più un intermedio points, dpi: 96 e una formula leggibile.
Cosa succede se invio un'unità sconosciuta?
Il messaggio nomina il campo ed elenca le unità supportate (pt, px, pc). I fallimenti di validazione non vengono addebitati.
Il convertitore da punti a pixel è gratuito?
Lo strumento nel browser gira gratis sul suo dispositivo.
Tiene conto della risoluzione dello schermo o degli schermi ad alta densità?
No. Usa il pixel di riferimento CSS a 96 dpi. I rapporti di pixel del dispositivo, le impostazioni DPI dello schermo e le unità relative come em e rem restano fuori da questo convertitore.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
curl -X POST https://api.kit.forhosting.com/conv/typography-pt-px \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"value":12,"from":"pt","to":"px"}'const res = await fetch("https://api.kit.forhosting.com/conv/typography-pt-px", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"value": 12,
"from": "pt",
"to": "px"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/conv/typography-pt-px",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"value": 12,
"from": "pt",
"to": "px"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/conv/typography-pt-px", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"value":12,"from":"pt","to":"px"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"value":12,"from":"pt","to":"px"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/conv/typography-pt-px", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Esempio di richiesta
{
"value": 12,
"from": "pt",
"to": "px"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "conv.typography_pt_px",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
Lo strumento nel browser gira gratis sul suo dispositivo; l'API prepagata addebita $0.002 per ogni elemento riuscito quando le pipeline di design richiedono lo stesso contratto da server e automazioni.
Unità supportate e come si calcola la conversione a 96 DPI
Alias comodi come point, points, pixel, pixels, pica e picas vengono normalizzati senza distinzione tra maiuscole e minuscole, così moduli e API possono passare tanto i codici brevi quanto i nomi completi.
Forma della richiesta, campi della risposta ed errori di unità sconosciuta
Il messaggio d'errore nomina il campo errato ed elenca l'insieme supportato, così i client possono correggere i moduli senza tirare a indovinare. I valori negativi sono ammessi quando servono delta di dimensione con segno nelle pipeline di layout; lo zero si converte in modo pulito a zero in ogni unità di arrivo. Invii un corpo JSON con tre campi obbligatori: value come numero finito, from come stringa dell'unità di partenza e to come stringa dell'unità di arrivo. Gli alias amount, quantity e size sono accettati per value; unit_from e source per from; unit_to e target per to. In caso di successo la risposta restituisce i codici canonici from e to, le stringhe leggibili from_label e to_label, il risultato convertito, la quantità intermedia in punti, il fattore adimensionale dalla sorgente alla destinazione, il campo fisso dpi pari a novantasei, una breve riga di formula adatta alla UI, il tag di metodo typography_96dpi e l'elenco fisso di units_supported. Un value mancante, numeri non finiti come NaN o Infinity, campi di unità mancanti e qualsiasi token che non corrisponda a un'unità supportata falliscono con invalid_input e non vengono addebitati dopo che il motore rifiuta la richiesta. Dimensioni di visualizzazione grandi e valori sub-pixel frazionari condividono lo stesso percorso di codice, così le coppie di magnitudine estrema restano ben definite finché la doppia precisione IEEE riesce a rappresentare il prodotto intermedio in punti.
Uso nel browser, prezzi API e flussi di lavoro quotidiani di design
Passi all'API prepagata quando una pipeline di token di design system, un generatore di temi, un renderer HTML per email, uno strumento di layout PDF, un verificatore di accessibilità o un sito di documentazione deve convertire misure tipografiche su larga scala sotto un contratto KIT stabile a $0.002 per elemento riuscito; i fallimenti di validazione che sollevano invalid_input non consumano saldo dopo il rifiuto. Abbini questo endpoint ai convertitori di lunghezza generali quando una pipeline di prodotto necessita anche di millimetri o pollici, oppure lo invochi da solo quando il traffico di ricerca riguarda specificamente da punti a pixel, da pt a px e la conversione dei pica a novantasei DPI anziché un commutatore di unità generico.
Casi di integrazione
Token di CSS e design system
Converta le dimensioni base dei font dai punti delle linee guida di marca ai pixel CSS (e viceversa) così che token JSON, config Tailwind e fogli di stile condividano un'unica visione a 96 DPI senza fattori 4/3 scritti a mano.
Pipeline di documentazione e layout
Converta misure tipografiche nei generatori di documentazione e nei verificatori di accessibilità con un'API prepagata e deterministica e un chiaro invalid_input sui nomi di unità sconosciuti.
Domande tecniche
Quanti pixel è un punto a 96 DPI?
Esattamente 4/3 di pixel CSS (circa 1,333… px) perché 1 in = 96 px = 72 pt. Invii value: 1, from: "pt", to: "px" per vederlo nel campo result.