Konversi poin (pt) ke piksel (px)

Pembaruan konten terakhir:

12 pt sama dengan 16 px. Satu inci berisi 72 poin dan 96 piksel CSS, jadi cukup kalikan poin dengan 4/3. Teks 12 poin pada dokumen Word tampil di halaman web sebagai 16 piksel, sedangkan judul 18 poin menjadi 24 piksel. Tulis poin di kolom pertama, pikselnya muncul di sebelahnya.

pt
px
ke

Apa itu poin (pt) dan apa itu piksel (px)?

Poin adalah satuan percetakan untuk ukuran huruf. Program sekarang menghitung poin DTP, yaitu 1/72 inci atau sekitar 0,3528 mm[1], dan CSS memakai definisi yang sama[2]. Susunan huruf logam di Eropa daratan memakai poin Didot, sekitar 0,376 mm[1].

Piksel adalah titik terkecil penyusun gambar grafis[3]. Dalam CSS, piksel sekaligus satuan panjang: 1/96 inci[2]. Karena satu inci memuat 72 poin dan 96 piksel, panjang yang sama memberi angka 4/3 kali lebih besar dalam piksel daripada dalam poin.

Huruf logam yang disusun berbaris dan diikat dengan tali
Huruf logam yang disusun berbaris dan diikat dengan tali. Huruf dicetak terbalik supaya terbaca benar di kertas. Pada susunan huruf logam, ukuran dalam poin mengukur tinggi badan logam tempat huruf itu berdiri[1]. Badan setinggi 12 poin Didot sekitar 4,51 mm, sedangkan 12 poin pada program sekarang 4,23 mm. Foto: Hannes Wolf, Unsplash.

Ukuran font 12 pt berapa px?

12 poin sama dengan 16 piksel. Untuk mendapat pikselnya, kalikan poin dengan 96 lalu bagi 72, yaitu kalikan dengan 4/3. 18 poin sama dengan 24 piksel, dan 72 poin, tepat satu inci, sama dengan 96 piksel. Di kertas, 12 poin memakan ruang 4,23 mm.

Perbandingan ini berasal dari standar CSS yang menetapkan satu inci sama dengan 96 piksel dan satu poin sama dengan 1/72 inci[2]. Karena itu teks dengan font-size: 12pt dan teks dengan font-size: 16px berukuran sama di peramban mana pun. Angka 16 piksel juga ukuran font bawaan yang umum di peramban[4]. Jadi kalau tugas atau laporan Anda memakai huruf 12 poin, ukuran itu di halaman web ditulis 16 piksel.

Saat menulis hasilnya ke berkas CSS, perhatikan pemisah desimalnya. Dalam bahasa Indonesia desimal dipisahkan koma, jadi 11 poin sama dengan 14,67 piksel, tetapi CSS hanya menerima titik[2]: di berkas Anda harus menulis 14.67px. Karena itu tombol “Salin hasil” menyalin angka dengan titik dan tanpa satuan.

Bagaimana cara mengubah poin menjadi piksel?

Rumusnya px = pt × 96 ÷ 72, sama dengan mengalikan 4/3. 9 poin sama dengan 12 piksel, 24 poin sama dengan 32 piksel, dan 36 poin sama dengan 48 piksel. Nilai yang habis dibagi 3 memberi piksel bulat, sisanya memberi desimal: 10 poin sama dengan 13,33 piksel dan 11 poin sama dengan 14,67 piksel.

Rumus yang sama berlaku untuk ketebalan garis: 0,75 poin sama dengan tepat satu piksel dan 1,5 poin sama dengan dua piksel. Untuk arah sebaliknya pakailah konverter px ke pt, di sana piksel dikalikan 0,75. Pika, yang sama dengan 12 poin, diubah oleh konverter pika ke px, sedangkan rem, yang mengikuti ukuran font peramban, oleh konverter rem ke px.

Angka 96 berasal dari Windows. Microsoft memperhitungkan bahwa layar berada kira-kira sepertiga lebih jauh dari mata daripada kertas yang dipegang, lalu memutuskan melaporkan resolusi layar sekitar 72 PPI sebagai 96 PPI[5]. Standar CSS juga mendefinisikan piksel acuan sebagai piksel layar 96 dpi yang dilihat dari jarak lengan terentang[2].

Lembar contoh huruf Jerman dengan satu huruf dalam ukuran 4 sampai 20 Punkte
Pada lembar contoh dari Jerman ini, huruf yang sama disusun dalam ukuran 4 sampai 20 Punkte. Di Jerman yang berlaku adalah poin Didot, sekitar 0,376 mm[1]. Jika 12 Punkte pada contoh itu poin Didot, ukurannya sekitar 4,51 mm, sedikit lebih besar daripada 12 poin di konverter ini (4,23 mm). Foto: domain publik.

Setiap ukuran font berapa piksel?

Tabel ini memuat 30 ukuran dari 6 sampai 96 poin, dalam piksel pada 96 DPI dan dalam milimeter di kertas. Yang ditandai adalah 12 poin, 18 poin yang menurut panduan WCAG sudah terhitung teks berukuran besar (atau 14 poin kalau tebal)[6], dan 72 poin yang sama dengan satu inci.
Ukuran fontPiksel (96 DPI)Milimeter
6 pt8 px2,117 mm
7 pt9,33 px2,469 mm
8 pt10,67 px2,822 mm
9 pt12 px3,175 mm
10 pt13,33 px3,528 mm
10,5 pt14 px3,704 mm
11 pt14,67 px3,881 mm
12 pt16 px4,233 mm
13 pt17,33 px4,586 mm
14 pt18,67 px4,939 mm
15 pt20 px5,292 mm
16 pt21,33 px5,644 mm
18 pt24 px6,350 mm
20 pt26,67 px7,056 mm
21 pt28 px7,408 mm
22 pt29,33 px7,761 mm
24 pt32 px8,467 mm
26 pt34,67 px9,172 mm
28 pt37,33 px9,878 mm
30 pt40 px10,583 mm
32 pt42,67 px11,289 mm
34 pt45,33 px11,994 mm
36 pt48 px12,700 mm
40 pt53,33 px14,111 mm
44 pt58,67 px15,522 mm
48 pt64 px16,933 mm
54 pt72 px19,050 mm
60 pt80 px21,167 mm
72 pt96 px25,400 mm
96 pt128 px33,867 mm
Kolom piksel dihitung dengan cara yang sama seperti konverter dan ditampilkan sampai dua angka di belakang koma. Milimeternya dihitung dengan 1 poin = 25,4/72 mm.

Ketebalan garis berapa piksel?

Di program tata letak, ketebalan garis dan bingkai juga diberikan dalam poin. Rentangnya jauh lebih sempit daripada ukuran font, jadi kami kumpulkan di tabel terpisah. Garis 0,75 poin sama dengan tepat satu piksel, yaitu sama dengan border: 1px di berkas CSS.
Ketebalan garisPiksel (96 DPI)Milimeter
0,25 pt0,33 px0,088 mm
0,5 pt0,67 px0,176 mm
0,75 pt1 px0,265 mm
1 pt1,33 px0,353 mm
1,5 pt2 px0,529 mm
2 pt2,67 px0,706 mm
3 pt4 px1,058 mm
4 pt5,33 px1,411 mm
5 pt6,67 px1,764 mm
6 pt8 px2,117 mm
8 pt10,67 px2,822 mm
10 pt13,33 px3,528 mm
12 pt16 px4,233 mm
Di layar, garis 0,5 poin ke bawah tidak mencapai satu piksel penuh. Kolom piksel ditampilkan sampai dua angka di belakang koma.

Poin Didot sama dengan poin di Word?

Tidak. Poin Didot dari susunan huruf logam di Eropa daratan sekitar 0,376 mm, sedangkan poin DTP di Word dan di sebagian besar program 0,3528 mm[1]. Pada 12 poin selisihnya mencapai 0,28 mm, kira-kira satu piksel di layar. TeX dan LaTeX menulis “pt” untuk 1/72,27 inci dan “bp” untuk 1/72 inci[1].
Poin1 poin12 poin12 poin dalam pikselDi mana Anda menemuinya
Poin DTP (PostScript)0,3528 mm4,233 mm16 pxWord, InDesign, PDF, CSS; poin yang dipakai konverter ini
Poin Didot0,3760 mm4,512 mm17,05 pxsusunan huruf logam di Eropa daratan
Poin TeX0,3515 mm4,218 mm15,94 px“pt” di TeX dan LaTeX
Kolom piksel menunjukkan setiap panjang dalam piksel pada 96 DPI. Konverter ini menghitung dengan poin dari baris pertama.

Cara penulisan apa saja yang diterima kolom poin di konverter ini?

Kolom poin menerima dan menghitung semua cara penulisan di tabel ini, jadi Anda tidak perlu membetulkan nilainya sebelum menempel. Nilai dari Word atau dari berkas CSS boleh ditulis beserta satuannya, dengan koma, atau dengan titik desimal. Nilai dalam satuan lain, misalnya piksel, diubah dulu menjadi poin dan di bawah kolom muncul baris seperti “Nilai yang ditempel, 16px, sama dengan 12 pt di kolom ini.”. Kolom tengah adalah hasil yang dihitung konverter sendiri.
Yang Anda tulis atau tempelHasil konverterBagaimana kolom membaca penulisan ini
1216 pxKalau Anda menulis angkanya saja, kolom membacanya sebagai poin.
10,514 pxSeperti dalam penulisan bahasa Indonesia, koma memisahkan desimal; kolom menghitung 10,5 poin.
10.514 pxTitik tunggal juga kami baca sebagai pemisah desimal, jadi hasilnya sama dengan 10,5 poin.
1.0001,33 pxMeskipun EYD memakai titik untuk memisahkan ribuan, titik tunggal selalu kami baca sebagai pemisah desimal, jadi kolom menghitung 1 poin. Di bawah kolom muncul petunjuk; untuk seribu poin, ketik 1000 atau 1 000.
12 poin16 pxAnda boleh menulis nama satuannya bersama angka; kolom tetap menghitung 12 poin.
12pt16 pxSingkatan yang disalin dari Word atau dari berkas CSS adalah satuan kolom ini, jadi nilainya tidak berubah.
font-size: 16px;16 pxBaris dari berkas CSS ditulis dalam piksel: nilainya diubah dulu menjadi poin, lalu 12 masuk ke kolom. Nama properti dan titik koma diabaikan.
16 piksel16 pxNilai dalam piksel beserta namanya juga terbaca: yang masuk ke kolom adalah 12.
3 milimeter11,34 pxMilimeter diubah dulu menjadi poin: yang masuk ke kolom adalah 8,503937.
1 inci96 pxInci juga diterima: satu inci sama dengan 72 poin.
3/41 pxPecahan pun diterima: 0,75 poin sama dengan tepat satu piksel.
Sebelum menulis tabel ini, kami mencoba setiap cara penulisan di kolom yang sebenarnya. Cara penulisan yang diterima kolom piksel ada di tabel pada halaman konverter px ke pt.

Bagaimana mengganti satuan antara poin dan piksel di program?

  1. Adobe InDesign

    Di Windows bukalah Edit › Preferences › Units & Increments, di macOS InDesign › Preferences › Units & Increments, lalu di Ruler Units pilih Pixels untuk Horizontal dan Vertical[7] (nama-nama dari antarmuka bahasa Inggris). Satuan mana pun yang dipilih, di setiap kolom Anda boleh menulis nilai beserta satuannya, misalnya “6pt”, “6ap”, atau “5px”, dan InDesign mengubahnya ke satuan dokumen[7].

  2. Adobe Photoshop

    Di Windows pilih Edit › Preferences › Units & Rulers, di macOS Photoshop › Preferences › Units & Rulers; jendela yang sama terbuka kalau Anda klik dua kali penggaris[8] (nama-nama dari antarmuka bahasa Inggris). Kalau pada Point/Pica Size Anda memilih “PostScript (72 points per inch)”, Photoshop memakai poin yang sama dengan konverter ini; pilihan “Traditional” memakai 72,27 poin per inci[8].

  3. Microsoft Word

    Word menampilkan ukuran font dalam poin, di kotak “Ukuran Font” pada tab “Beranda”[9]. Untuk ukuran yang sama dengan teks 16 piksel di halaman web, tulis 12; untuk 14 piksel tulis 10,5. Nilai lainnya diubah oleh konverter px ke pt.

Konversi satuan lain ke Piksel

rem ke pxcm ke pxmm ke pxinci ke pxmeter ke px

Sumber

  1. Point (typography) — Wikipedia (bahasa Inggris)
  2. CSS Values and Units Module Level 4 — W3C (bahasa Inggris)
  3. Piksel — Wikipedia
  4. <length> - CSS — MDN Web Docs (bahasa Inggris)
  5. Where does 96 DPI come from in Windows? — Microsoft Learn (bahasa Inggris)
  6. Web Content Accessibility Guidelines (WCAG) 2.2 — W3C (bahasa Inggris)
  7. Rulers and measurement units — Adobe InDesign Help (bahasa Inggris)
  8. Rulers — Adobe Photoshop Help (bahasa Inggris)
  9. Mengubah ukuran font — Dukungan Microsoft

Semua nilai dalam tabel kami hitung dari definisi satuan dan kami periksa ulang dengan perhitungan sebelum diterbitkan. Data sejarah dan nama satuan lokal kami dasarkan pada sumber yang disebutkan di atas.

Pembaruan konten terakhir: · ditulis dan diperiksa oleh tim Arteon

Pertanyaan umum tentang konversi poin ke piksel

Ukuran font 14 pt berapa px?

Sekitar 18,67 piksel, karena 14 × 4/3 = 18,666…, jadi di berkas CSS Anda bisa menulis 18.67px.

1 poin berapa milimeter?

Poin di Word dan di CSS adalah 1/72 inci, yaitu sekitar 0,3528 mm. Poin Didot sekitar 0,376 mm[1]. Jadi 12 poin di Word sama dengan 4,23 mm, sedangkan 12 poin Didot 4,51 mm.

12 poin sama dengan seperberapa inci?

12 poin sama dengan 1/6 inci, karena satu inci berisi 72 poin. Dalam milimeter itu 4,23 mm, dan di layar 16 piksel.

12 px dan 12 pt ukurannya sama?

Tidak. 12 poin sama dengan 16 piksel, sedangkan 12 piksel sama dengan 9 poin. Poin dipakai di Word dan InDesign, piksel di berkas CSS, jadi angka yang sama berarti ukuran yang berbeda.

10 poin berapa piksel?

13,33 piksel. Karena 10 tidak habis dibagi 3, hasilnya berdesimal; CSS menerima nilai desimal juga.

72 poin berapa piksel?

Tepat 96 piksel, yaitu satu inci atau 25,4 mm. Standar CSS juga menetapkan satu inci sama dengan 96 piksel dan satu poin sama dengan 1/72 inci[2].

Poin di LaTeX sama dengan poin di konverter ini?

Tidak. Di TeX dan LaTeX, “pt” berarti 1/72,27 inci, sedangkan poin 1/72 inci ditulis “bp”[1]. Selisihnya sekitar 0,4%, yaitu 0,016 mm pada 12 poin. Konverter ini menghitung dengan poin DTP yang setara dengan “bp”.

Garis setebal 0,5 poin berapa piksel?

Sekitar 0,67 piksel. Garis 0,75 poin sama dengan tepat satu piksel dan garis 1,5 poin sama dengan dua piksel.

Tangkapan layar alat gratis Arteon: Konversi poin (pt) ke piksel (px)

Bantu kami menyempurnakan konverter ini

Menemukan nilai yang di program Anda hasilnya berbeda, atau punya usul? Tulis kepada kami.