Nasıl kullanılır
- Sahip olduğunuz birimi (pt, px, mm, em veya %) seçip boyutu girin.
- Diğer tüm birimler, o boyutta önizlemeyle birlikte aynı anda gösterilir.
- em, rem ve % için temel yazı boyutunu ayarlayın; tarayıcıların varsayılanı 16 px’tir.
Seçeneklerin açıklaması
- Punto ve piksel
- Bir punto 1/72 inç, CSS bir pikseli 1/96 inç olarak tanımlar; bu nedenle 1 pt = 4/3 px ve 12 pt = 16 px olur.
- Milimetre
- 1 pt = 25,4 ÷ 72 ≈ 0,353 mm. Yazı gövdesinin fiziksel boyutudur ve baskı yapılırken geçerlidir.
- em, rem ve yüzde
- Temel yazı boyutunun katıdır. 16 px temel boyutta 1 em = 1 rem = %100 = 16 px = 12 pt olur.
- Çin yazı boyutu (号)
- Çin kelime işlemcileri punto yerine 初号 (42 pt) ile 八号 (5 pt) arasında boyut adları kullanır. Bunları da dönüştürebilirsiniz.
Yaygın boyutlar
| pt | px | em (16 px taban) |
|---|---|---|
| 9 | 12 | 0,75 |
| 10,5 | 14 | 0,875 |
| 12 | 16 | 1 |
| 14 | 18,67 | 1,1667 |
| 18 | 24 | 1,5 |
| 24 | 32 | 2 |
Piksel, punto ve rem cinsinden web boyutları
Taban boyut olarak tarayıcı varsayılanı olan 16 px ile:
| Piksel | Punto | rem / em | Tipik kullanım |
|---|---|---|---|
| 12 px | 9 pt | 0,75 rem | Alt yazılar, dipnotlar |
| 14 px | 10,5 pt | 0,875 rem | Küçük metin, etiketler |
| 16 px | 12 pt | 1 rem | Gövde metni |
| 18 px | 13,5 pt | 1,125 rem | Büyük gövde metni, giriş paragrafları |
| 20 px | 15 pt | 1,25 rem | Küçük başlıklar |
| 24 px | 18 pt | 1,5 rem | Başlıklar |
| 32 px | 24 pt | 2 rem | Sayfa başlıkları |
Hangi birim kullanılmalı
pt (punto) baskı ve kelime işlemciler içindir: 1 pt, inçin 1/72’sidir; bu yüzden 12 pt metin her yazıcıda aynı fiziksel boyuttadır.
px (CSS pikseli) ekranlar içindir: 1 px, normal yakınlaştırmada 1/96 inç olarak tanımlanır; bu da 12 pt’yi 16 px’e eşit kılar.
rem ve em göreceldir. 1 rem kök yazı boyutudur (genellikle 16 px); 1 em ise üst elemanın yazı boyutudur. Metin için rem kullanmak, tarayıcısında daha büyük bir varsayılan yazı tipi ayarlayan kişilerin her yerde daha büyük metin görmesini sağlar.
Milimetre, basılı bir örneğe uydurmak için yardımcı olur: bir büyük harfin yüksekliğini ölçün; gövde boyutu, yazı tipine bağlı olarak bunun yaklaşık 1,4 katıdır.
Sıkça sorulan sorular
12 pt kaç piksel?
16 px. CSS pikselini bulmak için puntoyu 4/3 ile, puntoyu bulmak için pikseli 0,75 ile çarpın.
em ile rem arasındaki fark nedir?
rem kök (html) yazı boyutuna, em üst öğenin yazı boyutuna görelidir. Hiçbir yerde yazı boyutu ayarlanmazsa ikisi de 16 px’tir.
Ekranda ölçülen metin neden dönüşümle aynı değil?
CSS pikseli 96 DPI’da tanımlanmış mantıksal birimdir. Ekrandaki fiziksel boyut piksel yoğunluğuna ve sistem yakınlaştırmasına bağlıdır. Punto ve milimetre yalnızca baskıda kesin olur.
Gizlilik
Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.