Conversor de puntos a píxeles
12 puntos son 16 píxeles CSS. Pase tamaños tipográficos entre puntos, píxeles y picas con la regla CSS de 96 píxeles y 72 puntos por pulgada, para llevar especificaciones de imprenta de InDesign o de una guía de estilo a páginas web y correos. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Valor
- 12
- Unidad de origen
- Pt
- Unidad de destino
- Px
- Resultado
- 16
- Etiqueta de origen
- point
- Etiqueta de destino
- pixel
- Puntos
- 12
Un conversor de puntos a píxeles transforma un tamaño tipográfico escrito en una unidad a otra sin buscar tablas de imprenta ni reescribir fórmulas calc de CSS. Esta capacidad usa la resolución de referencia CSS de noventa y seis puntos por pulgada con factores exactos fijos encadenados a través del punto como base intermedia, de modo que entradas idénticas siempre producen salidas idénticas, sin llamadas de red, sin muestreo de modelo y sin dependencia del reloj.
Unidades admitidas y cómo se calcula la conversión a 96 DPI
El conversor acepta tres familias tipográficas bajo códigos canónicos estables: pt para el punto PostScript y CSS, igual a un setentaidosavo de pulgada; px para el píxel de referencia CSS a noventa y seis puntos por pulgada, igual a un noventaiseisavo de pulgada; y pc para la pica, igual a doce puntos. Cada solicitud multiplica el valor de entrada por el factor exacto de puntos por unidad del origen y luego lo divide por el factor de puntos por unidad del destino.
Los factores siguen el modelo de longitud absoluta de CSS: un punto es un punto, un píxel es tres cuartos de punto porque setenta y dos entre noventa y seis es cero coma setenta y cinco, y una pica es exactamente doce puntos. De forma equivalente, una pulgada equivale a noventa y seis píxeles, setenta y dos puntos y seis picas, así que un punto es cuatro tercios de píxel y una pica son dieciséis píxeles.
Como el intermedio siempre son puntos, convertir de A a B y de B a A es coherente hasta el redondeo publicado de doce decimales, y no hay matriz por pares que pueda desincronizarse. Las relaciones de píxel de dispositivo, las anulaciones físicas de DPI de pantalla, las unidades relativas em y rem, los milímetros y las pulgadas quedan fuera de alcance a propósito, de modo que diseñadores e ingenieros obtienen resultados predecibles, solo tipográficos, bajo una convención CSS clara.
Uso diario en diseño impreso y web
Use el conversor gratuito de puntos a píxeles en el navegador cuando necesite una comprobación rápida de doce puntos a dieciséis píxeles, un puente de pica a píxel entre imprenta y web, o una reconversión de píxel a punto mientras lee una guía de estilo, una exportación de Figma, una especificación de InDesign o una tabla de longitudes absolutas de CSS.
Abra la página, introduzca el número y las unidades y copie el resultado sin instalar una calculadora de unidades de escritorio, una hoja de cálculo de imprenta ni una librería local de métricas de fuentes. Las entradas de origen siguen las mismas reglas de retención que otros elementos parse del KIT, y los resultados son seguros de cachear porque el algoritmo es totalmente determinista.
Quienes distribuyan herramientas de diseño o chatbots pueden mapear los campos result, points, dpi y formula directamente en tarjetas que muestren tanto el número como la ruta de conversión que diseñadores, desarrolladores y técnicos de imprenta esperan sobre el papel.
Qué puede hacer con ella
Traspaso de imprenta a web
Normalice picas y puntos de especificaciones de InDesign o Quark a píxeles CSS al construir plantillas de correo, páginas de destino y previsualizaciones de PDF a HTML.
Preguntas frecuentes
¿Qué unidades admite este conversor de puntos a píxeles?
Puntos (pt), píxeles CSS (px) y picas (pc).
¿Cómo convierto 12 puntos a píxeles?
El campo result de la respuesta es 16, más un intermedio en points, dpi: 96 y una formula legible.
¿Qué ocurre si envío una unidad desconocida?
El mensaje nombra el campo y enumera las unidades admitidas (pt, px, pc). Los fallos de validación no se cobran.
¿Es gratis el conversor de puntos a píxeles?
La herramienta de navegador funciona gratis en su dispositivo.
¿Tiene en cuenta la resolución de la pantalla o las pantallas de alta densidad?
No. Usa el píxel de referencia de CSS a 96 dpi. Las proporciones de píxeles del dispositivo, los ajustes de DPI de la pantalla y las unidades relativas como em y rem quedan fuera de este conversor.
Herramientas relacionadas
Para desarrolladores — acceso por API
Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.
Endpoint de API
¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.
Llámela desde su 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)Ejemplo de solicitud
{
"value": 12,
"from": "pt",
"to": "px"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "conv.typography_pt_px",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |
Notas técnicas
La herramienta de navegador funciona gratis en su dispositivo; la API de prepago cobra $0.002 por elemento correcto cuando los flujos de diseño necesitan el mismo contrato desde servidores y automatización.
Unidades admitidas y cómo se calcula la conversión a 96 DPI
Los alias cómodos como point, points, pixel, pixels, pica y picas se normalizan sin distinguir mayúsculas, de modo que los formularios y las API pueden pasar códigos cortos o nombres completos.
Forma de la solicitud, campos de respuesta y errores de unidad desconocida
El mensaje de error nombra el campo incorrecto y enumera el conjunto admitido para que los clientes corrijan los formularios sin adivinar. Se permiten valores negativos cuando necesita deltas de tamaño con signo en flujos de maquetación; el cero se convierte limpiamente a cero en cualquier unidad de destino. Envíe un cuerpo JSON con tres campos obligatorios: value como número finito, from como cadena de unidad de origen y to como cadena de unidad de destino. Se aceptan los alias amount, quantity y size para value; unit_from y source para from; y unit_to y target para to. En caso de éxito, la respuesta devuelve los códigos canónicos from y to, las cadenas legibles from_label y to_label, el result convertido, la cantidad intermedia en puntos, el factor adimensional de origen a destino, el campo fijo dpi igual a noventa y seis, una línea corta de formula apta para mostrar en la interfaz, la etiqueta de método typography_96dpi y la lista fija de units_supported. La falta de value, los números no finitos como NaN o Infinity, los campos de unidad ausentes y cualquier token que no corresponda a una unidad admitida fallan con invalid_input y no se cobran una vez que el motor rechaza la solicitud. Los tamaños de pantalla grandes y los valores subpíxel fraccionarios comparten la misma ruta de código, así que los pares de magnitud extrema quedan bien definidos siempre que la precisión doble IEEE pueda representar el producto intermedio en puntos.
Uso en el navegador, precio de la API y flujos de diseño cotidianos
Cambie a la API de prepago cuando un flujo de tokens de sistema de diseño, un generador de temas, un renderizador de HTML de correo, una herramienta de maquetación de PDF, un verificador de accesibilidad o un sitio de documentación deban convertir tamaños tipográficos a escala bajo un contrato KIT estable a $0.002 por elemento correcto; los fallos de validación que lanzan invalid_input no consumen saldo tras el rechazo. Combine este endpoint con conversores de longitud generales cuando un flujo de producto también necesite milímetros o pulgadas, o llámelo por sí solo cuando el tráfico de búsqueda sea específicamente de puntos a píxeles, pt a px y conversión de picas a noventa y seis DPI en lugar de un conmutador de unidades general.
Casos de integración
Tokens de CSS y sistemas de diseño
Convierta tamaños de fuente base de puntos en guías de marca a píxeles CSS (y a la inversa) para que el JSON de tokens, las configuraciones de Tailwind y las hojas de estilo compartan una misma vista a 96 DPI sin factores 4/3 escritos a mano.
Documentación y flujos de maquetación
Convierta tamaños tipográficos en generadores de documentación y verificadores de accesibilidad con una API de prepago, determinista, e invalid_input claro ante nombres de unidad desconocidos.
Preguntas técnicas
¿Cuántos píxeles es un punto a 96 DPI?
Exactamente 4/3 píxeles CSS (unos 1,333… px) porque 1 in = 96 px = 72 pt. Envíe value: 1, from: "pt", to: "px" para verlo en el campo result.