Softonic

Konverter piksel ke EM

Langkah 1 / 2
Hasil

Konversikan nilai piksel terhadap ukuran font dasar. Untuk em, dasar harus berupa ukuran font lokal yang relevan; untuk rem, ukuran font elemen akar (<html>). Nilai awal 16 px hanya nilai yang umum digunakan.

Cara melakukan konversi

  1. 1

    Masukkan piksel

    Ketik nilai piksel CSS numerik apa pun.

  2. 2

    Pilih dasar yang benar

    Gunakan ukuran lokal untuk `em` dan ukuran akar untuk `rem`. Dasar tidak boleh nol.

  3. 3

    Baca empat hasil

    Alat menampilkan rasio em/rem, persentase, dan nilai poin CSS.

Rumus dan contoh

em atau rem = px / dasar · persen = px / dasar × 100 · pt = px × 0,75

Dengan 24px dan dasar 16px, hasilnya 1.5em, 1.5rem, 150%, dan 18pt. Dalam CSS, 96px = 72pt; ini tidak menjanjikan ukuran piksel fisik layar.

Unit Acuan yang benar
em Ukuran font elemen yang dihitung; pada font-size, ukuran yang diwariskan
rem Ukuran font elemen akar
% Dasar pilihan yang dinyatakan sebagai 100%
pt Rasio CSS tetap; tidak memakai kolom dasar
  • Ukuran em bertingkat saling dikalikan.
  • em dan rem menampilkan angka yang sama karena hanya ada satu kolom dasar, tetapi makna CSS-nya tetap berbeda.
  • em/rem menampilkan hingga enam angka desimal, persen/pt hingga empat, tanpa nol di bagian akhir.

Pertanyaan yang Sering Diajukan

Gunakan rem untuk ukuran yang mengikuti akar dan em bila komponen harus mengikuti teks lokalnya.

Tidak. Preferensi browser dan CSS situs dapat mengubahnya. Periksa ukuran font hasil hitung bila perlu.

Situs memprosesnya melalui server. Dalam mode bertahap nilainya juga masuk ke URL; jangan masukkan data sensitif.

Alat Terkait

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Referensi pintasan papan ketik

Cari pintasan bawaan terdokumentasi untuk VS Code, Chrome, dan Bash dengan GNU Readline di macOS, Windows, dan Linux.

Generator EditorConfig

Buat file .editorconfig dengan gaya dan ukuran indentasi, akhir baris, charset, dan aturan spasi Anda untuk format yang konsisten di berbagai IDE dan editor.

Validator Email

Validasi alamat email: pemeriksaan sintaks RFC 5322, pengecekan live record MX, serta detail bagian lokal, domain, dan panjang. Tidak ada email yang dikirim.

Pemformat HTML

Format HTML secara lokal di browser dengan inden dua atau empat spasi. HTML tidak diunggah atau divalidasi.

Alat ini tersedia dalam bahasa lain