Yazı Boyutu Dönüştürücü
Bir yazı boyutunu nokta, piksel, em, rem, yüzde, milimetre, inç ve pica arasında dönüştürün. Dönüştürücü CSS tanımlarını izler — inç başına 96 piksel ve 72 nokta — ve em, rem ve % değerlerinin dayandığı kök ile üst öğenin yazı boyutlarını ayarlamanıza izin verir. Ücretsiz, üyelik gerektirmez.
Tarayıcılar 16 px ile başlar. Bir stil sayfası html öğesine ya da üst öğeye başka bir boyut veriyorsa bunları değiştirin.
Tüm birimlerde 12 pt
| Birim | Boyut | CSS | Kopyala |
|---|---|---|---|
| Nokta (pt) | 12 | 12pt | |
| Piksel (px) | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| Yüzde (%) | 100 | 100% | |
| Milimetre (mm) | 4,2333 | 4.2333mm | |
| Santimetre (cm) | 0,4233 | 0.4233cm | |
| İnç (in) | 0,1667 | 0.1667in | |
| Pica (pc) | 1 | 1pc |
Hesaplama
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25,4 ÷ 96 = 4,2333 mm
Windows'taki Word ve Google Dokümanlar yazı boyutunu puntoyla ölçer ve bir inci 96 piksel sayar; bu yüzden %100 yakınlaştırmada 12 puntoluk metin, bir tarayıcıdaki 16 piksellik metinle aynı boyutta görünür. 16 px, hiçbir stil sayfasının boyutlandırmadığı metin için tarayıcıların kullandığı boyuttur.
Yaygın nokta boyutları
em, rem ve % yukarıdaki kök ve üst boyutları kullanır.
| Nokta | Piksel | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0,5 | 0,5 | 50 | 2,12 |
| 7 | 9,33 | 0,583 | 0,583 | 58,3 | 2,47 |
| 8 | 10,67 | 0,667 | 0,667 | 66,7 | 2,82 |
| 9 | 12 | 0,75 | 0,75 | 75 | 3,18 |
| 10 | 13,33 | 0,833 | 0,833 | 83,3 | 3,53 |
| 10,5 | 14 | 0,875 | 0,875 | 87,5 | 3,7 |
| 11 | 14,67 | 0,917 | 0,917 | 91,7 | 3,88 |
| 12 | 16 | 1 | 1 | 100 | 4,23 |
| 14 | 18,67 | 1,167 | 1,167 | 116,7 | 4,94 |
| 16 | 21,33 | 1,333 | 1,333 | 133,3 | 5,64 |
| 18 | 24 | 1,5 | 1,5 | 150 | 6,35 |
| 20 | 26,67 | 1,667 | 1,667 | 166,7 | 7,06 |
| 22 | 29,33 | 1,833 | 1,833 | 183,3 | 7,76 |
| 24 | 32 | 2 | 2 | 200 | 8,47 |
| 28 | 37,33 | 2,333 | 2,333 | 233,3 | 9,88 |
| 32 | 42,67 | 2,667 | 2,667 | 266,7 | 11,29 |
| 36 | 48 | 3 | 3 | 300 | 12,7 |
| 48 | 64 | 4 | 4 | 400 | 16,93 |
| 72 | 96 | 6 | 6 | 600 | 25,4 |
Yazı Boyutu Dönüştürücü Nasıl Kullanılır
- 1. Bir boyut ve birimini girin. 12 yazın ve nokta seçin ya da 24 yazın ve piksel seçin — dokuz birimden herhangi biri başlangıç noktası olabilir.
- 2. Gerekiyorsa referans boyutlarını ayarlayın. rem, kök (
html) yazı boyutuna göre; em ve %, üst öğenin yazı boyutuna göre ölçülür. İkisi de tarayıcı varsayılanı olan 16 px ile başlar. - 3. Her birimdeki boyutu okuyun. Her satır değeri ve yapıştırılacak CSS'i, bir kopyalama düğmesiyle verir; hesaplama, her dönüşümü piksel üzerinden gösterir.
- 4. Yaygın boyutlar tablosuna bakın. Bir kelime işlemci menüsündeki nokta boyutları, 6'dan 72'ye kadar, piksel, em, rem, yüzde ve milimetre karşılıklarıyla listelenir.
Dönüşüm Kuralları
CSS fiziksel birimleri birbiriyle sabitler: bir inç, 96 piksel, 72 nokta, 6 pica ya da 25,4 milimetredir. Bu nedenle bir nokta tam olarak bir pikselin 4/3'ü kadardır. Göreli birimlerin ise bir sayı daha gerekir — bunların ölçüldüğü yazı boyutu.
| Birim | Piksele | Pikselden |
|---|---|---|
| Nokta (pt) | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| Pica (pc) | px = pc × 16 | pc = px ÷ 16 |
| Milimetre (mm) | px = mm × 96 ÷ 25,4 | mm = px × 25,4 ÷ 96 |
| İnç (in) | px = in × 96 | in = px ÷ 96 |
| em | px = em × üst boyut | em = px ÷ üst boyut |
| rem | px = rem × kök boyut | rem = px ÷ kök boyut |
| Yüzde (%) | px = % × üst boyut ÷ 100 | % = px ÷ üst boyut × 100 |
Kök ve üst boyutlar pikseldir; bir stil sayfası değiştirmedikçe ikisi de 16 px'tir.
Varsayılan değerlerle 12 pt, 12 × 96 ÷ 72 = 16 px eder. Sonra 16 ÷ 16 ile 1 em, 1 rem ve %100 bulunur; 16 × 25,4 ÷ 96 ise 4,2333 mm verir. Üst boyutu 20 px yaparsanız aynı 16 px 0,8 em ve %80 olur — ama rem üst öğeyi yok saydığı için 1 rem olarak kalır.
12 pt Neden 16 px'e Eşittir
Bir nokta, bir inçin 1/72'sidir; bir CSS pikseli ise 1/96'sıdır. Yani 12 nokta 12/72 = 1/6 inçtir; bu da 96 ÷ 6 = 16 pikseldir. Windows'taki Word ve Google Dokümanlar da bir inci ekranda 96 piksel sayar; bu yüzden %100 yakınlaştırmada 12 puntoluk metin, bir tarayıcıdaki 16 piksellik metinle aynı boyutta görünür. 16 px, hiçbir stil sayfasının boyutlandırmadığı metin için tarayıcıların kullandığı boyuttur.
Bir CSS pikseli, ekranınızın tek bir noktası olmak zorunda değildir. Yüksek yoğunluklu bir ekranda bir CSS pikseli birkaç cihaz pikselini kaplar ve tarayıcı tüm birimleri birlikte ölçeklendirir; bu yüzden yukarıdaki oranlar her zaman geçerlidir. LaTeX ise 72 noktalık inç kuralının yaygın bir istisnasıdır: LaTeX'teki pt baskıcı noktasıdır, inçte 72,27 tanedir; bu nedenle LaTeX'teki 12pt, Word ya da CSS'teki 12 pt'den yaklaşık %0,4 daha küçüktür. TeX'teki bp (“big point”) ise bu dönüştürücünün kullandığı, inçte 72 tane olan noktadır.
Akademik Ödevlerde Yazı Boyutları
Stil kılavuzları yazı boyutlarını noktayla belirtir; bu yüzden bir ödevin yazı tipini dönüştürmeniz gerekmez, ama her kılavuzun gerçekte ne istediğini bilmek işe yarar:
- APA 7, tek bir boyut yerine yazı tipi ve boyut çiftleri belirtir: 11 punto Calibri, 11 punto Arial, 10 punto Lucida Sans Unicode, 12 punto Times New Roman, 11 punto Georgia ya da 10 punto Computer Modern.
- MLA 9, italiğin normal yazıdan ayırt edilebildiği, kolay okunan bir yazı tipi ister; aksi öğretmeniniz belirtmedikçe boyut 11 ile 13 punto arasında olmalıdır.
- Turabian (öğrenciler için Chicago stili): resmi ipucu kağıdı 12 punto Times New Roman ya da Calibri, ya da 11 punto Arial önerir.
Yazı tipleri aynı nokta boyutunda farklı görünür — Arial, Times New Roman'dan daha büyük okunur — bu yüzden APA her yazı tipini kendi boyutuyla eşleştirir. Kenar boşlukları, aralıklar, üstbilgiler ve sayfanın geri kalanı için bkz. APA, MLA ve Chicago'da Akademik Makale Nasıl Biçimlendirilir.
Sık sorulan sorular
- 12 pt kaç piksel eder?
- 16 piksel. CSS bir inci 96 piksel ve 72 nokta olarak tanımlar; bu yüzden bir nokta, bir pikselin 4/3'üdür ve 12 × 4/3 = 16. Aynı kural 10 pt'yi 13,33 px, 11 pt'yi 14,67 px ve 14 pt'yi 18,67 px yapar.
- px'i rem'e nasıl çevirirsiniz?
- Kök yazı boyutuna bölün. Varsayılan 16 px'te 24 px, 24 ÷ 16 = 1,5rem; 14 px ise 0,875rem eder. Stil sayfanız
htmlöğesine başka bir boyut veriyorsa, bunu kök boyut olarak girin; dönüştürücü onu kullanır. - em ile rem arasındaki fark nedir?
- İkisi de bir yazı boyutuna göreli, ama farklı yazı boyutlarına göre. rem her zaman kök (
html) öğeye göre hesaplanır, bu yüzden 1,5rem sayfanın her yerinde aynı boyuttur. em ise üst öğeye göre hesaplanır; metni zaten 1,5em olan bir kutunun içindeki 1,5em, kök boyutun 2,25 katı olur — em birikir, rem birikmez. - 1em her zaman 16px midir?
- Yalnızca varsayılan olarak. 1em üst öğenin yazı boyutuna, 1rem köke eşittir ve tarayıcılar ikisini de 16 px'ten başlatır. Tarayıcı ayarlarında varsayılan metin boyutunu değiştiren bir okuyucu bu başlangıç noktasını değiştirir; bu yüzden rem ya da em ile boyutlandırılmış metin okuyucunun seçimini izlerken, px ile boyutlandırılmış metin izlemez.
- 12 pt kaç milimetredir?
- 12 nokta 1/6 inç, yani yaklaşık 4,23 mm eder. Bu, yazı tipinin em kutusunun, yani her harfin çizildiği tasarım alanının boyutudur; büyük harfin yüksekliği değildir — yaygın metin yazı tiplerinde büyük harf bunun yaklaşık üçte ikisi kadardır.
- Aynı nokta boyutu bazı yazı tiplerinde neden daha büyük görünür?
- Nokta boyutu em kutusunu belirler, görünen harfleri değil. Yazı tipleri harflerini bu kutunun içinde farklı oranlarda çizer — Arial, Times New Roman'dan daha uzun küçük harflere sahiptir — bu yüzden 12 punto Arial daha büyük görünür. APA 7'nin 11 punto Arial'ı 12 punto Times New Roman ile eşleştirmesinin nedeni de budur; her yazı tipi için tek bir boyut vermez.