Piksel-Punto Dönüştürücü

Bir piksel değeri girerek tipografik punto ve pikaya çevirin.

Nasıl hesaplanır?

Dönüşüm pt = px × 72 ÷ 96 = px × 0,75 ve pc = pt ÷ 12 şeklindedir. Bir punto inçin 1/72'si, bir pika 12 punto, bir CSS pikseli de inçin 1/96'sı olarak tanımlandığından oran sabittir. Sonuçlar dört ondalıkla ve birimle (pt, pc) gösterilir. Araç ekranınıza bakmaz: fiziksel cihaz pikselini değil CSS'in mantıksal pikselini kullanır, bu yüzden ekran yoğunluğu ya da tarayıcı yakınlaştırması sonucu değiştirmez. Negatif sayıları da reddetmez, aynı katsayıyla çevirir; ancak negatif yazı boyutunun pratikte anlamı yoktur.

Örnek hesaplama

18 px'lik bir başlığı baskı birimlerine çevirelim. Punto = 18 × 72 ÷ 96 = 18 × 0,75 = 13,5000 pt. Pika = 13,5 ÷ 12 = 1,1250 pc. Yani 18 px'lik bir yazı, kağıtta 13,5 punto eder; sayfa düzeni programları bunu çoğunlukla 13,5 ya da 14 puntoya yuvarlar.

Bu örneği dene →

Sık yapılan hatalar

  • Piksel ile puntoyu aynı boyut saymak. 16 px'lik yazı 16 değil 12 puntodur; sayıyı aynen taşırsanız baskı metni gereğinden büyük görünür.
  • 0,75 katsayısını ters yönde kullanmak, yani puntoyu 0,75 ile çarpıp piksel bulmaya çalışmak. Puntodan piksele geçmek için ters katsayı, 4/3 gerekir.
  • Yüksek yoğunluklu ekranda fiziksel piksellerin bu katsayıya uymasını beklemek. İnç başına 96 px bir CSS kuralıdır; telefonun gerçek piksel sayısı burada önemsizdir.
  • Pikayı punto ile karıştırmak. Bir pika 12 puntodur, yani pc değeri pt değerinin 12'ye bölünmüş halidir, aynı büyüklükte bir birim değildir.
  • Sonucu belirli bir DPI'da piksel olarak ölçülen fotoğraf ve görsellere uygulamak; bu araç yalnızca CSS uzunluklarını çevirir.

Bu hesaplama hakkında

Bu dönüştürücü, CSS spesifikasyonunun inç başına 96px sabit referansını kullanarak CSS piksellerini punto ve pikaya çevirerek ekran ve baskı tipografisi arasında köprü kurar. Bir punto 1 inçin 1/72'si olarak tanımlandığından, 1 CSS pikseli tam olarak 0,75 puntoya eşittir (72 ÷ 96 × 1 = 0,75); bir pika 12 puntoya eşit olduğundan, hesaplama aracı her iki birimi de kullanan sayfa düzeni çalışmaları için pika değerini de türetir.

Tasarımlarını baskıya devreden web tasarımcılar, web ve PDF çıktısında tutarlı yazı ölçekleri belirleyen tipograflar ve baskı temelli bir stil kılavuzunu CSS'e çeviren geliştiriciler, pikselleri ve puntoları birbirinin yerine geçebilirmiş gibi ele almak gibi yaygın bir hatadan kaçınmak için bunu kullanır — 16px'lik bir web fontu kağıt üzerinde “16pt” değil, 12pt'dir; bir markanın baskı ve dijital yazı boyutlarının görsel olarak eşleşmesi gerektiğinde bu fark önem kazanır.

Bu faydalı oldu mu?

En fazla 3 tepki seçebilirsiniz.

Yorumlar (1)

  • Editör ekibi

    Tasarımı ekrandan baskıya taşırken işe yarar: 16 px'lik gövde metni 12 pt eder ve bu aynı zamanda tam 1 pikadır. Oran 0,75 olarak sabittir, çünkü ekrandaki fiziksel pikseller değil, CSS'in piksel tanımı kullanılır; bu yüzden tarayıcıyı yakınlaştırmak sonucu değiştirmez. Ters yöne gitmek için puntoyu 0,75'e bölün. Çoğunlukla yazı boyutlarını mı, kenar boşluklarını mı, yoksa görsel ölçülerini mi çeviriyorsunuz?

Popüler hesaplayıcılar

Tüm Hesaplayıcılar