HesapHanem

Puntodan Piksele Dönüştürücü

Punto cinsinden bir boyut girin; piksele çevirin.

Nasıl hesaplanır?

Dönüşüm tek bir çarpmadır: px = pt × 96 / 72, yani pt × 1,3333. Bir tipografik punto inçin 1/72'sidir; bir CSS pikseli ise inçin 1/96'sı olarak tanımlanır. Dolayısıyla bir punto 96/72 pikseldir. Sonuç iki ondalığa yuvarlanır; bu yüzden 7 pt, tam değeri 9,3333… olsa da 9,33 px görünür. Sıfır ve negatif sayılar reddedilmez: 0 değeri 0,00 px, -6 değeri -8,00 px verir; oysa yazı için negatif boyut anlamsızdır. Araç CSS pikseliyle çalışır, cihaz pikseliyle değil. Yüksek yoğunluklu bir telefon ekranı her CSS pikseli için birkaç cihaz pikseli çizer, ama CSS için dönüşüm aynı kalır.

Örnek hesaplama

Bir belgede 10,5 pt gövde metni var ve CSS boyutu gerekiyor. 96 ile çarpın: 10,5 × 96 = 1008. 72'ye bölün: 1008 / 72 = 14. Sonuç 14,00 px'tir. Aynı yöntem 12 pt = 16,00 px (tarayıcı metninin yaygın varsayılan boyutu) ve 9 pt = 12,00 px verir. Oran 4/3 olduğundan 3'ün katı olan her punto değeri tam sayı piksele dönüşür.

Bu örneği dene →

Sık yapılan hatalar

  • Çarpmak yerine bölmek. Ekranda piksel sayısı puntodan büyüktür (12 pt, 16 px eder); sonuç girdiden küçükse formül ters çevrilmiş demektir.
  • Her ekranda fiziksel boyut beklemek. CSS pikseli inç başına 96'lık bir referans birimdir; bu yüzden 14 px, telefonda veya ölçeklenmiş monitörde cetvelle tam 10,5 pt ölçülmez.
  • pt ile pc veya em birimini karıştırmak. Bir pika 12 puntodur ve em üst öğenin yazı boyutuna bağlıdır; ikisi de burada kullanılan 4/3 oranını izlemez.
  • Erken yuvarlamak. 9,33 px gibi bir değer zaten yuvarlanmıştır; geri çevirirseniz 7,00 pt bulursunuz, ama yuvarlanmış değer zincirleri kayar, bu yüzden asıl punto değerini saklayın.
  • Negatif boyut girmek. Araç bunu kabul edip negatif piksel verir; CSS font-size için negatif değere izin vermez.

Kaynaklar

Bu hesaplama hakkında

Punto (pt), baskı tipografisinde inçin 1/72'si olarak sabitlenmiş bir birimdir; CSS pikseli ise W3C tarafından, ekranın gerçek çözünürlüğünden bağımsız olarak 96 piksel/inç'e sabitlenmiş bir referans birim olarak tanımlanır. Bu oran, 1 pt = 96/72 px = 1,3333 px dönüşümünü verir; dolayısıyla baskı tasarımındaki 12pt bir yazı, web'de 16px'e karşılık gelir.

Web geliştiriciler ve arayüz tasarımcıları, InDesign, Illustrator veya Photoshop gibi (hepsi punto kullanan) araçlardan gelen yazı boyutu ölçülerini CSS'e taşırken bu dönüşümü sürekli kullanır; böylece baskı taslağı ile canlı sayfa arasında tipografik tutarlılık korunur.

Bu faydalı oldu mu?

En fazla 3 tepki seçebilirsiniz.

Yorumlar (1)

  • Editör ekibi

    Bir tasarım dosyasından ölçü alırken dikkatli olun. Adobe araçları 72 ppi'de genellikle bir pikseli bir punto sayar; bu yüzden böyle bir dosyada 12 px yazan değer aslında 12 punto olabilir ve tarayıcıda 16 CSS pikseli eder. Dönüştürmeden önce belgenin birimine bakın. Hızlı bir kontrol olarak sonuç her zaman girdinin üçte bir fazlası olmalıdır. Yazı tipi ölçülerinizi çoğunlukla hangi tasarım programından alıyorsunuz?

Popüler hesaplayıcılar

Kredi Hesaplama

Aylık taksit, toplam faiz ve ödeme planını hesaplayın.

Yüzde Hesaplama

Yüzde değişim, indirim ve oran hesaplamaları.

İndirim Hesaplama

İndirimli fiyatı, kazancı ve indirim tutarını hesaplayın.

Vücut Kitle Endeksi (VKİ)

Boy ve kiloya göre vücut kitle endeksini hesaplayın.

Yaş Hesaplama

Doğum tarihinden bugüne tam yıl, ay ve gün cinsinden yaşınızı hesaplayın.

Bileşik Faiz Hesaplama

Ana para, faiz oranı ve süreye göre bileşik faizle nihai tutarı hesaplayın.

Tüm Hesaplayıcılar