logo
GeekFormat

Yazı tipi boyutu birimi dönüştürme

1Piksel = 0.75Punto
0.75

Tipografi Birimleri

Punto (pt)0.75
Piksel (px)1
Yoğunluktan Bağımsız Piksel (dp)0.75
Ölçeklenebilir Piksel (sp)0.75

Yaygın olarak kullanılan 4 dizgi/UI biriminin iki yönlü gerçek zamanlı dönüşümünü destekleyen ücretsiz çevrimiçi yazı tipi boyutu birimi dönüştürme aracı: pt, px, dp ve sp. Geçerli sayfa sabit bir referans ilişkisini benimser: 1 px = 0,75 pt, 1 pt ≈ 1,333 px. Aynı zamanda, bu araçta dp ve sp, aynı referans esasına göre pt ile eşlenir; bu, tasarım taslakları, Web/CSS açıklamaları ve Android kullanıcı arayüzü açıklamaları arasında hızlı statik karşılaştırmayı kolaylaştırır. Bu sayfanın tarayıcı ölçeklendirmesini, aygıt piksel yoğunluğunu, Android yazı tipi ölçeklendirmesini veya gerçek baskı boyutunu okumadığını, dolayısıyla gerçek aygıt oluşturma testinin yerine geçmek yerine spesifikasyon karşılaştırması ve belge birleştirme için daha uygun olduğunu belirtmek gerekir. Tüm hesaplamalar tarayıcıda yerel olarak yapılır ve veriler sunucuya yüklenmez.

İlgili Öneriler

pt, px, dp, sp'nin statik dönüştürme kalibresi hakkında

pt (nokta), klasik dizgi bağlamında yaygın olarak kullanılan bir yazı tipi boyutu birimidir. Birçok belge düzenleyici, sunum yazılımı, marka kılavuzları ve yazı tipi özellikleri, metin boyutunu ifade etmek için pt kullanmayı sever. px (piksel) daha çok web sayfalarında, tasarım taslaklarında ve CSS ek açıklamalarında kullanılır. Ekran ve arayüz bağlamında referans boyutunu vurgular.

CSS'deki pikselin her zaman cihazdaki fiziksel piksele eşit olmadığını, "referans pikseline" daha yakın olduğunu unutmamak önemlidir. Bu nedenle, tasarım çizimindeki 16 piksel, web sayfası stilindeki 16 piksel ve mobil ekranda görüntülenen son görsel boyut, ölçeklendirmeden, yoğunluktan ve platform uygulamasından etkilenmeye devam edecektir.

dp ve sp, Android arayüzü bağlamında daha yaygındır. Genel olarak konuşursak, dp arayüz düzeni boyutuna daha fazla eğilimlidir, sp ise yazı tipi boyutuna daha fazla eğilimlidir ve sistem yazı tipi ölçeklendirmesini dikkate alır. Ancak bu sayfa bir çalışma zamanı simülatörü değildir. Belirli bir cep telefonunun yoğunluğunu veya yazı tipi ölçeklendirmesini okumaz. Statik karşılaştırma için bu birimleri birleşik bir referans cetveline yerleştirir.

Bu sayfa şu anda sabit bir referans ilişkisi kullanıyor: 1 px = 0,75 pt, 1 pt ≈ 1,333 px ve dp ve sp'yi aynı referans verisine eşler, bu da tasarım taslaklarının, spesifikasyon belgelerinin ve çapraz uç iletişimin hızlı bir şekilde birleştirilmesini kolaylaştırır. "Cihazdaki son ekran boyutunun ne kadar büyük olması gerektiği" sorununu değil, "belgelerin nasıl karşılaştırılacağı ve yazılacağı" sorununu çözer.

İş hedefiniz gerçek baskı boyutu, kağıt milimetre doğruluğu, tarayıcı rem/em sistemi veya Android gerçek makine yazı tipi ölçeklendirme doğrulamasıysa, bunun yerine ilgili uzunluk araçlarını, tasarım yazılımını veya gerçek cihaz testini kullanmalısınız. Bu sayfa spesifikasyon taslağının hazırlanması, erken inceleme ve teslimat dokümantasyonu için daha uygundur.

Kullanım senaryoları

  • PPT, Word veya marka spesifikasyonu belgelerine yazmayı kolaylaştırmak için tasarım taslağındaki 16 px, 18 px ve 24 px yazı tipi boyutlarını hızla pt olarak değiştirin
  • Ön uç ile tasarımcı arasındaki karşılaştırmayı kolaylaştırmak için belgede verilen 12 pt, 14 pt ve 18 pt yazı tipi boyutlarını px olarak değiştirin
  • Web teslim ederken tasarım yapın, CSS'yi yerleştirin Sunum belgelerinde ortak yazı tipi boyutlarını pt calibre ile birleştirin
  • Android kullanıcı arayüzü açıklamasında, iletişimi kolaylaştırmak için tasarım taslağındaki pt veya px'i hızlı bir şekilde dp ve sp referans değerleriyle değiştirin
  • Bileşen kitaplığının metin özelliklerini düzenlerken, düğmelerin, metnin, başlıkların ve alt yazıların yazı tipi boyutu birimi yazımını birleştirin
  • Tarihsel tasarım sistemlerinde kullanılan px ve pt'yi karıştırın Yazı tipini birleştir taşıma maliyetlerini azaltmak için boyutları aynı karşılaştırma tabloları kümesine ekleyin
  • Tasarım, ön uç ve mobil terminallerin aynı yazı tipi boyutunu hızlı bir şekilde anlayabilmesi için ekipler arası işbirliği belgelerine çift birimli ek açıklamalar ekleyin
  • Görsel inceleme ve QA yaparken, tasarım taslağı ek açıklamalarındaki ve kod stillerindeki farklı birimleri hızlı bir şekilde dönüştürün ve karşılaştırın
  • Marka kılavuzları, etkinlik posterleri veya sunum şablonları hazırlarken, öncelikle yazı tipi boyutu kurallarını birleştirin dağıtmadan önce bir referans boyutuna dönüştürün
  • E-postalar, açılış sayfaları, H5 ve uygulama metin yazarlığı arayüzleri için birleşik bir yazı tipi boyutu karşılaştırma tablosu hazırlayın
  • Eğitim ve öğretimde veya şirket içi paylaşımda pt, px, dp, sp'nin farklılıklarını ve ortak dönüşüm ilişkilerini açıklayın
  • İncelemeyi kolaylaştırmak için ekran görüntüsündeki yazı tipi boyutu açıklamasını hızlı bir şekilde ekibin daha aşina olduğu başka bir birim grubuna dönüştürün ve değişiklik
  • Çok dilli ürün dokümantasyonu yaparken, farklı platformlara yönelik yazı tipi boyutu örneklerini desteklemek için birleştirilmiş dönüştürme kalibresini kullanın
  • Test edilecek ekipman olmadığında ilk inceleme aşamasında, yazı tipi boyutu düzeyinin genel olarak makul olup olmadığını hızlı bir şekilde belirlemek için ilk olarak statik dönüştürmeyi kullanın

Nasıl Kullanılır

  1. Tamsayıları ve ondalık sayıları destekleyerek bilinen yazı tipi boyutu değerini giriş kutusuna girin.
  2. Soldaki kaynak birimini seçin; isteğe bağlı pt, px, dp, sp.
  3. Sağdaki hedef birimi seçin; sonuçlar hemen güncellenecektir; tersten görüntülemeniz gerektiğinde ortadaki takas düğmesine tıklayabilirsiniz.
  4. Hepsini aynı anda görmek istiyorsanız, değerin 4 birimdeki tam karşılığını aynı anda görüntülemek için sonuçlar panelini genişletin.

Özellikler

  • 4 yüksek frekanslı yazı tipi boyutu/kullanıcı arayüzü birimi şunları kapsar: pt, px, dp, sp, tasarım, ön uç ve mobil teslimat sırasında hızlı karşılaştırma için uygundur
  • İki yönlü anında dönüştürme: sonuç, değer girildikten hemen sonra güncellenir, kaynak birim ve hedef birim, dönüştürme düğmesine basılmadan serbestçe değiştirilebilir
  • Sabit referans ilişkisi şeffaflığı: geçerli sayfa 1 px = 0,75 kullanır pt, 1 pt ≈ 1,333 piksellik ortak ölçüt, spesifikasyonların ve tasarım taslaklarının birleştirilmesini kolaylaştırır
  • dp ve sp'nin net statik karşılaştırması: Bu sayfa, hızlı dönüşüm için dp ve sp'yi aynı referans cetveline yerleştirir; belge yazmak, ek açıklamalar yapmak ve ekipler arası iletişim için uygundur
  • Tüm sonuçları görüntülemek için genişletin: aynı yazı tipi boyutu değeri pt, px, dp, sp Tek seferlik kontrolü kolaylaştırmak için aşağıdaki karşılık gelen değerler aynı anda görüntülenebilir
  • Küçük sayılar ve ara değerler için uygundur: 13,5 px, 10,5 pt, 14 sp gibi tasarımlarda yaygın olarak kullanılan tam sayı olmayan değerler de doğrudan dönüştürülebilir
  • Oluşturma sınırını açıkça belirtin: sayfa, referans değerinin karıştırılması riskini azaltmak için "statik dönüştürme" ve "gerçek cihaz ekranı" arasında ayrım yapacaktır nihai fiziksel boyut
  • Tam tarayıcı yerel hesaplaması: ağ isteği yok, sunucu günlüğü yok, tasarım ek açıklamalarınız, bileşen özellikleri ve teslimat belgesi parametreleriniz cihazdan çıkmayacak

Yazı tipi boyutu birimi nasıl seçilir?

Bu aynı zamanda "yazı tipi boyutu ne kadar büyük" yazmayla da ilgilidir ve farklı birimler farklı senaryolar için uygundur. Öncelikle bir tasarım taslağı mı, bir web stili mi yoksa bir Android spesifikasyonu mu yazdığınızı anlayın.

BirimEn yaygın senaryolarAvantajlarNotlarBu sayfa
ptWord, PPT, PDF, marka spesifikasyonları, yazı tipi belgelerini desteklerEn yaygın olanı dizgi ve belge bağlamları, yazı tipi talimatlarıyla hizalanması kolaydırEkran bağlamına geçiş yaparken, bir piksel karşılaştırma sütunu eklemek en iyisidirDesteklenir
pxWeb sayfaları, tasarım taslakları, CSS ek açıklamaları, arayüz taslaklarıTasarım ile ön uç arasındaki iletişim en doğrudan ve en yaygın olanıdır. uygulamadaMutlak olmayan fiziksel pikseller, tarayıcılar ve cihazlar son ekranı etkileyecektirDestek
dpAndroid düzeni ve arayüz ek açıklamasıÇapraz yoğunluklu cihaz açıklaması mantıksal boyutu için uygundurBu sayfa gerçek cihaz yoğunluğunu simüle etmez, yalnızca statik referanstır dönüşümDestek
spAndroid metin boyutu ek açıklamasıMetin bağlamı için uygun ve mobil ekiplerle iletişim kurması kolayGerçek ekran aynı zamanda sistem yazı tipi ölçeklendirmesinden de etkilenecektirDestek
em / rem / mm / inWeb'e göreli birimler veya fiziksel yazdırma boyutuBelirli tasarım ve uygulamalar için uygundur uygulama sistemleriGeçerli sayfanın destek aralığı dahilinde değildir ve diğer araçların veya kıyaslamaların kullanılması gerekirDesteklenmiyor

Best Practices

Önce ekip için birleşik bir kıyaslama üzerinde anlaşın ve ardından bunu birimler arasında karşılaştırın

Tasarım, ön uç ve mobil terminaller öncelikle dönüşüm kıyaslamasını açıkça açıklamıyorsa, aynı 16'nın farklı görseller olarak anlaşılması kolaydır boyutlar. Önce kalibreyi birleştirmek ve ardından bu sayfayı çift ünite etiketlemesini desteklemek için kullanmak daha kararlı olacaktır.

Bu sayfanın sonuçlarını nihai oluşturma sonucu olarak değil, teslimat referans değeri olarak ele alın

Bu sayfa tasarım taslaklarının, belgelerin ve spesifikasyonların statik karşılaştırması için uygundur ancak tarayıcı ölçeklendirme, cihaz yoğunluğu ve sistem yazı tipi ayarları gerçek görüntüyü biraz farklı hale getirebilir. Çevrimiçi olmadan önce hedef ortamda görsel doğrulama yine de yapılmalıdır.

Fiziksel boyutlar gerektiğinde uzunluk birimlerine ve gerçek dizgi yazılımına geçin

Amacınız gerçek kağıt boyutunu, yazdırılan ürünün milimetre doğruluğunu veya dışa aktarılan PDF'nin fiziksel boyutunu doğrulamaksa, yalnızca pt/px/dp/sp'nin statik dönüştürme sonuçlarına bakmayın.

Android metni, sistem yazı tipi ölçeklendirmesini dikkate alır

sp Gerçek cihazlardaki performans, sistem yazı tipi ölçeklendirmesinden etkilenecektir. Bu sayfa size yalnızca statik referans değerleri verebilir. Erişilebilirlik ve çoklu cihaz adaptasyonu söz konusu olduğunda bunu gerçek bir cihazda test etmelisiniz.

Web Gerçekten rem veya em kullanıyorsanız, önce kök yazı tipi boyutunu netleştirin

Bu sayfa doğrudan rem/em'i değiştirmez, ancak yine de rem/em'i proje kök yazı tipi boyutuna göre px'e geri yükleyebilir ve ardından bunu pt veya tasarım açıklamalarıyla karşılaştırabilirsiniz. Önemli olan önce bağlamı netleştirmektir.

Teslim ederken hem orijinal birimi hem de dönüşüm sonucunu korumaya çalışın.

Örneğin, bunu 16 px / 12 pt veya 14 sp / 14 pt olarak yazmak, alıcının asıl amacınızı hızlı bir şekilde anlamasına ve daha sonra geri izlemeyi kolaylaştırmasına olanak tanır.

Sık Sorulan Sorular

Bu yazı tipi boyutu birimi dönüştürücü hangi birimleri destekliyor?

Bu sayfa şu anda 4 birimi destekliyor: pt, px, dp, sp. Tasarım taslaklarında, CSS yazı tipi boyutlarında, Android kullanıcı arayüzü açıklamalarında ve bileşen belgelerinde statik sayısal karşılaştırma için uygundur. Geçerli sayfa em, rem, mm, cm, in veya pc gibi diğer dizgi/uzunluk birimlerini desteklememektedir.

1 pt kaç piksele eşittir? 16 px kaç pt'ye eşittir?

Bu sayfada halihazırda benimsenen sabit referans ilişkisine göre, 1 pt ≈ 1,333 px, 1 px = 0,75 pt. Yani 16 px = 12 pt, 12 pt = 16 px, 18 px = 13,5 pt. Bu kalibre, web tasarım taslakları ile sunum belgeleri arasında hızlı çapraz kontrol yapmak için çok uygundur.

px ve pt arasındaki fark nedir?

pt (nokta) daha çok dizgiye ve belge bağlamına odaklanır ve tarihsel olarak sıklıkla yazdırma ve yazı tipi boyutuyla birlikte görünür; px (piksel) daha çok ekran ve CSS bağlamına odaklanır ve web sayfalarında ve tasarım taslağı ek açıklamalarında yaygın olarak kullanılır. Her ikisi de yazı tipi boyutlarını tanımlamak için kullanılabilir, ancak kullanım ortamları farklıdır, bu nedenle birçok ekibin tasarımları teslim ederken px ve pt arasında dönüşüm karşılaştırmaları yapması gerekecektir.

dp ve sp arasındaki fark nedir?

dp genellikle Android'de yoğunlukla ilgili olan ancak yazı tipi ölçeklendirmesini takip etmeyen arayüz boyutu ifadesi için kullanılır ve sp genellikle yazı tipi ölçeklendirmesini takip edecek metin boyutu ifadesi için kullanılır. Statik spesifikasyon karşılaştırması amacıyla bu sayfanın gerçek cihaz yoğunluğunu veya sistem yazı tipi ölçeklendirmesini okumadığını, ancak bunları doğrusal dönüşüm için birleşik bir referans temeline koyduğunu belirtmek gerekir.

Sayfadan değiştirilen değer neden gerçek cihaz ekranıyla tam olarak aynı olmayabilir?

Çünkü gerçek ekran etkisi tarayıcı ölçeklendirmesinden, cihaz piksel yoğunluğundan, kök yazı tipi boyutundan, sistem yazı tipi ölçeklendirmesinden, platform oluşturma stratejisinden ve tasarım yazılımı dışa aktarma kurallarından etkilenecektir. Bu sayfanın amacı, gerçek cihazların oluşturma sonuçlarını simüle etmek değil, statik kalibreleri birleştirmektir. Bu nedenle, nihayet yayına geçmeden önce, hedef tarayıcıda veya hedef cihazda gerçek bir görsel inceleme yapmalısınız.

Bu araçta dp, sp ve pt arasındaki ilişkiler neden bu kadar yakın?

Çünkü mevcut sayfa, belirli bir cihazın gerçek zamanlı oluşturma ortamını okumak yerine belgelerdeki, tasarım taslaklarındaki ve spesifikasyonlardaki farklı birimleri hızlı bir şekilde karşılaştırmanıza olanak tanıyan birleşik bir referans cetveli altında statik dönüştürme kalibrelerini kullanır. Bunu, Android çalışma zamanındaki gerçek bir piksel hesaplayıcıdan ziyade, "sunulduğu şekliyle dönüşüm referans değeri" olarak düşünebilirsiniz.

Rem, em, mm, cm veya inç ile değiştirilebilir mi?

Şu anda değil. Bu sayfanın desteklenen gerçek aralığı yalnızca dört birimdir: pt, px, dp ve sp. Rem ve em gibi göreceli birimlere veya mm, cm ve in gibi fiziksel uzunluk birimlerine ihtiyacınız varsa bunları ayrı ayrı ele almak için ilgili tasarım esasını veya diğer uzunluk araçlarını kullanmalısınız.

Bu sayfa gerçek yazdırma veya yazdırma boyutu hesaplaması için uygun mu?

Gerçek yazdırma boyutu hesaplamasının doğrudan değiştirilmesi için uygun değil. Çünkü bu sayfa şu anda mm, cm ve inç gibi fiziksel uzunluk birimlerini sağlamamakta ve yazıcı DPI'sını, çıktı ortamını ve belge düzeni kurallarını işlememektedir. Gerçek kağıt boyutunu doğrulamak istiyorsanız, son doğrulama için uzunluk birimlerini ve gerçek dizgi yazılımını kullanmalısınız.

13,5 piksel gibi bir ondalık değer girebilir miyim?

Evet. 10,5 pt, 13,5 px ve 14 sp gibi tam sayı olmayan değerler tasarım sistemlerinde ve arayüz ince ayar senaryolarında yaygın olarak kullanılır. Bu sayfa bunları doğrudan dönüştürebilir. Bu, bileşen spesifikasyonlarını sunarken, açıklama belgelerini düzenlerken ve çok uçlu karşılaştırmalar yaparken işi daha kolay hale getirecektir.

Tasarımları teslim ederken bu aracı nasıl kullanmalıyım?

Orijinal tasarım birimlerini korumak ve daha sonra dönüştürülmüş referans değerlerinin bulunduğu bir sütunu doldurmak için bu sayfayı kullanmak daha güvenli bir yaklaşımdır. Örneğin tasarım taslağı 16 px olarak yazılmışsa front-end veya dokümantasyon ekibi için 16 px / 12 pt olarak da yazabilirsiniz. Ekip öncelikle aynı dönüşüm esasında mutabakata vardığı sürece iletişim maliyeti çok daha düşük olacaktır.

Bu sayfa çevrimdışı olarak kullanılabilir mi? Veriler yüklenecek mi?

Evet. Sayfa yüklendikten sonra, tüm yazı tipi boyutu dönüştürmeleri, ağ isteği, sunucu günlüğü ve form gönderimi olmadan, tarayıcıda yerel olarak gerçekleştirilir. Tasarım spesifikasyonlarınız, bileşen açıklamalarınız ve teslimat belgesi parametreleriniz sunucuya yüklenmeyecek ve sayfa kapatıldıktan sonra giriş temizlenecektir.

Sözlük

Nokta (pt)
Word, PPT, PDF, marka spesifikasyonları ve yazı tipi açıklama belgelerinde yaygın olarak kullanılan klasik dizgi yazı tipi boyutu birimi.
Piksel (px)
Web sayfalarında ve tasarım taslaklarında en yaygın arayüz birimlerinden biri olan CSS'de, mutlak bir fiziksel pikselden ziyade referans piksele daha yakındır.
Yoğunluktan bağımsız piksel (dp)
Farklı yoğunluklara sahip cihazlar arasında nispeten tutarlı arayüz ölçeğini korumak için kullanılan, Android bağlamında ortak bir mantıksal boyut birimi.
Yazı tipi ölçeklendirme pikseli (sp)
Android metin bağlamında yaygın olarak kullanılan bir birimdir ve genellikle sistem yazı tipi ölçeklendirmesini dikkate alır ve metin boyutunu ifade etmeye uygundur.
CSS referans pikseli
Tarayıcı düzeninde kullanılan referans uzunluğu kavramının mutlaka ekrandaki fiziksel bir piksele eşit olması gerekmez.
Cihaz piksel yoğunluğu
Ekranın birim uzunluğu başına kaç fiziksel pikselin olduğu, aynı mantıksal birimin farklı cihazlardaki gerçek görüntüleme etkisini etkileyecektir.
Yazı tipi ölçeklendirme
İşletim sistemi veya uygulama düzeyinde metin boyutuna ilişkin ek ölçeklendirme ayarları, gerçek görüntüleme sonuçlarını etkileyecektir.
Sabit referans dönüşümü
Belgeler ve tasarım sunumu arasında karşılaştırma için uygun olan, birleşik bir kıyaslama altında statik doğrusal dönüşüm yapar, ancak gerçek cihaz oluşturma simülasyonuna eşdeğer değildir.

Yaygın yazı tipi boyutu dönüştürme bağlantı noktalarını hızlı kontrol edin

Bu karşılaştırma değerleri en yaygın olarak tasarım taslaklarında, CSS'de ve belge tesliminde kullanılır.

puanpikseldp (bu sayfanın kalibresi)sp (bu sayfanın kalibresi)Tipik senaryo
9nokta12 piksel9dp9spMinimum yardımcı bilgi, tablo ikincil açıklaması
10,5 puan14 piksel10,5dp10,5 spKüçük metin, açıklama metni
12pt16 piksel12dp12 spOrtak gövde veya form metni
13,5nokta18 piksel13,5dp13,5 spMetin ve kart başlıklarına vurgu
18pt24 piksel18dp18 spBüyük başlık veya sayfa anahtarı bilgisi
24pt32 piksel24dp24 spKapak başlığı, Kahraman başlığı

Sahneye göre yazı tipi boyutu birimini seçin

Aynı yazı tipi boyutu değeri farklı birimlerde yazılır ve farklı işbirliği nesnelerine hizmet eder.

SenaryoDaha uygun birimSebep
PPT, Word, marka kılavuzu, PDF spesifikasyonuptBelge ve dizgi bağlamında en doğal ve yazı tipi spesifikasyonuyla hizalanması en kolay
Web sayfası stili, tasarım taslağı, Figma/CSS dağıtımpxTasarım ile ön uç uygulaması arasındaki en düşük iletişim maliyeti
Android düzen boyutu açıklamasıdpAndroid mantıksal boyut bağlamına daha yakın
Android metin boyutu açıklamasıspMobil bağlamına daha yakın yazı tipi açıklaması, ancak sonuçta yine de gerçek makine ölçeklendirmesine bağlıdır
Belgelerin ekipler arası teslimiOrijinal birimleri koruyun ve bir dönüşüm değerleri sütunu ekleyinTasarım, ön uç ve mobil terminallerin okuma alışkanlıklarını hesaba katabilir

Privacy & Security

Bu sayfadaki tüm yazı tipi boyutu dönüştürmeleri tarayıcınızda tamamlanır. Girdiğiniz tasarım açıklamaları, yazı tipi özellikleri, bileşen belgeleri ve teslimat parametreleri hiçbir zaman cihazınızdan ayrılmaz; ağ istekleri, sunucu kayıtları olmaz ve sayfayı kapattığınızda girişleriniz temizlenir. Dahili tasarım sistemleri ve yayınlanmamış spesifikasyonlar için bu sayfa hiçbir içeriği yakalamaz veya saklamaz.