Skip to main content
CalculoraCalculora

Keuangan & perniagaan

Kalkulator KewanganPelaburan & PerancanganKewangan PeribadiPelaburan HartanahAlat PerniagaanPermulaan & SaaS

Matematika & Teknologi

Kalkulator MatematikAlat KejuruteraanAlat FizikAlat PembangunAlat Sekolah

kesihatan & Kehidupan

Alat PerubatanUtiliti PintarPenjana Rawak

Kreator & Khusus

Ekonomi PenciptaAlat IslamikKemampananPermainan

penukar

Penukar UnitPenukar PanjangPenukar BeratPenukar Suhu→ Penukar Unit

Pengacak

Penjana Nombor RawakKekuatan Kata LaluanPutar RodaSimulator Lambungan SyilingPelempar DaduZon Waktu→ Penjana Rawak
Penukar Fail

Alat PDF

penukaran PDF ke JPGpenukaran PDF ke PNGEkstrak Teks dari PDFpenukaran PDF ke GIFpenukaran PDF ke WebPpenukaran PDF ke SVGUbah PDF ke WordUbah PDF ke ExcelUbah PDF ke PowerPointUbah PDF ke HTMLUbah PDF ke MarkdownUbah PDF ke TIFF

Penukar Imej

penukaran JPG ke PNGpenukaran PNG ke JPGpenukaran PNG ke WebPpenukaran WebP ke PNGpenukaran WebP ke JPGpenukaran JPG ke WebPUbah SVG ke PNGUbah SVG ke JPGpenukaran SVG ke WebPpenukaran BMP ke PNGpenukaran BMP ke JPGpenukaran BMP ke WebP

Imej Lanjutan

penukaran HEIC ke JPGpenukaran HEIC ke PNGpenukaran TIFF ke JPGpenukaran TIFF ke PNGpenukaran JPG ke TIFFpenukaran PNG ke TIFFpenukaran JPG ke ICOpenukaran PNG ke ICOpenukaran JPG ke AVIFpenukaran PNG ke AVIF

GIF & Animasi

penukaran Bingkai GIF ke PNGpenukaran Bingkai GIF ke JPGEkstraktor Bingkai GIFpenukaran PNG ke GIFpenukaran JPG ke GIFpenukaran GIF ke WebP

Penyuntingan

Tambahkan Tanda air ke GambarPenghapus Objek GambarUbah saiz imej serta-merta dalam pelayar andaMampatkan imej dalam talian — kurangkan saiz fail, kekalkan kualiti
Cabaran Kelajuan MatematikCabaran Kelajuan MatematikWordleBint WaladSudoku2048
penukar Mata wang
CalculoraCalculora

Platform kalkulator all-in-one Anda. Alat percuma, cepat, dan akurat untuk setiap kebutuhan.

100% pribadi — semua perhitungan di browser Anda, tidak ada data yang dikirim ke serverpercuma selamanya — tanpa paywall, tanpa langganan, tanpa perlu akun

Populer

  • Kalkulator BMI
  • Kalkulator Pinjaman
  • Kalkulator Umur
  • Kalkulator Gadai Janji
  • Kalkulator Peratusan
  • Kalkulator Saintifik
  • Lihat semua →

Kategori

  • Matematika
  • Keuangan
  • kesihatan & Kehidupan
  • Keuangan & perniagaan
  • Alat Developer
  • Teknik
  • Kategori →

Lainnya

  • penukar Mata wang
  • Penukar Fail
  • Game & Alat Seru

Hukum

  • Tentang Kami
  • Hubungi Kami
  • Kebijakan Privasi
  • Syarat Layanan
  • Penafian
  • Peta Situs

Bahasa

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. Hak cipta dilindungi.

Dibuat dengan — 100% percuma

Tanpa server — situs statis sepenuhnya, tanpa pengumpulan data

Penukar Unit CSS

Tukar antara px, rem, em, pt, vw, vh, dan % serta-merta, menggunakan saiz fon asas dan dimensi viewport anda sendiri — tidak perlu lagi meneka apa sebenarnya 1.5rem dalam piksel.

Adakah kalkulator ini membantu anda?

Apakah Penukar Unit CSS?

CSS menyokong beberapa unit berbeza untuk saiz — unit mutlak seperti px dan pt, dan unit relatif seperti rem, em, vw, vh, dan %. Unit relatif penting untuk reka bentuk responsif dan mudah diakses (rem khususnya menghormati keutamaan saiz fon pelayar pengguna), tetapi menukar antaranya secara mental sememangnya sukar, kerana hasilnya bergantung pada konteks: saiz fon root, saiz fon elemen semasa, atau dimensi viewport. Penukar ini melakukan pengiraan tersebut untuk anda: tetapkan saiz fon asas, dimensi viewport, dan nilai yang anda tukar daripada, dan lihat nilai setara dalam setiap unit lain serta-merta — berguna untuk menterjemah ukuran piksel mock-up reka bentuk kepada nilai rem/vw responsif, atau menyemak semula apa yang sebenarnya dipaparkan oleh peraturan CSS sedia ada pada skrin.

Bila Menggunakan Kalkulator Ini

  • Apabila anda perlu menilai kos alat sebelum memulakan projek
  • Apabila membandingkan hasil dengan alat serupa lain
  • Apabila mempelajari cara menggunakan alat dalam pelbagai senario
  • Apabila berkongsi hasil dengan pasukan atau pelanggan
  • Apabila mengesahkan ketepatan pengiraan alat
  • Apabila mencari cara pantas dan mudah untuk menyelesaikan masalah tertentu
  • Langkah:

    1. Masukkan nilai yang anda mahu tukar dan pilih unit permulaannya.
    2. Tetapkan saiz fon asas anda (lalai kepada piawaian pelayar iaitu 16px).
    3. Untuk penukaran vw/vh, masukkan lebar dan tinggi viewport sasaran anda.
    4. Baca nilai setara dalam setiap unit lain serta-merta.

    Rumus

    1rem = 1em = saiz fon asas (lalai 16px) 1pt = 96/72 px ≈ 1.333px 1vw = lebar viewport / 100 1vh = tinggi viewport / 100 1% = nilai rujukan / 100

    Kes Penggunaan

    • Menukar spesifikasi piksel Figma/Sketch pereka kepada nilai rem untuk CSS yang mudah diakses
    • Menyemak apa sebenarnya yang dipaparkan saiz fon responsif berasaskan vw pada lebar skrin tertentu
    • Menterjemah CSS cetak atau e-mel warisan berasaskan pt kepada px atau rem piawaian web
    • Mengaudit sama ada skala ruang sistem reka bentuk sepadan dengan bersih merentas unit
    • Menyemak dengan pantas nilai CSS semasa semakan kod tanpa membuka alat pembangun

    Faedah Utama

    • Tukar antara kesemua 7 unit CSS biasa di satu tempat
    • Menggunakan saiz fon asas dan viewport sebenar anda, bukan andaian tetap
    • Hasil serta-merta semasa anda menaip — tiada keperluan membuka alat pembangun pelayar
    • Percuma, tiada pendaftaran, berjalan sepenuhnya dalam pelayar anda

    Tips Pro

    • Utamakan rem berbanding em untuk saiz fon bagi mengelakkan pertambahan yang tidak dijangka dalam komponen bersarang
    • Gunakan dvh/svh dan bukannya vh untuk susun atur skrin penuh mudah alih jika pelayar sasaran anda menyokongnya
    • Kekalkan saiz fon asas yang konsisten merentas sistem reka bentuk anda supaya penukaran rem kekal boleh diramal
    • Semasa menterjemah reka bentuk piksel-sempurna, tukar ruang kepada rem tetapi kekalkan lebar sempadan dan butiran halus lain dalam px

    Kesilapan Biasa

    • Menganggap 1rem sentiasa bersamaan 16px, tanpa menyemak sama ada saiz fon root telah ditukar
    • Menggunakan vh untuk susun atur tinggi penuh mudah alih tanpa mengambil kira kelakuan bar alamat pelayar
    • Menyarangkan saiz fon berasaskan em dan terkejut apabila ia bertambah secara tidak dijangka
    • Mencampur px dan rem secara tidak konsisten dalam komponen yang sama, merosakkan penskalaan kebolehcapaian

    Istilah Utama

    • Saiz fon root: Saiz fon yang ditetapkan pada elemen html, yang menjadi rujukan bagi semua unit rem
    • Viewport: Kawasan halaman web yang kelihatan dalam tetingkap pelayar
    • Unit mutlak: Unit seperti px atau pt dengan saiz sebenar tetap, tidak relatif kepada mana-mana konteks
    • Unit relatif: Unit seperti rem, em, vw, atau % yang saiznya bergantung pada nilai lain

    Konsep Berkaitan

    • [object Object]
    • [object Object]
    • [object Object]
    • [object Object]
    • [object Object]

    Contoh

    Pada saiz fon asas 16px, 1.5rem ditukar kepada 24px. Pada lebar viewport 1440px, 5vw ditukar kepada 72px.

    Mentafsir Hasil

    Alat ini memaparkan keputusan terperinci berdasarkan input anda. Semak setiap bahagian dengan teliti untuk memahami cara mentafsir angka dan membuat keputusan berdasarkannya. Jika anda mempunyai sebarang soalan tentang cara alat ini berfungsi atau cara mentafsir keputusan tertentu, sila rujuk bahagian Soalan Lazim di bawah atau hubungi sokongan.

    Soalan Lazim

    Apakah beza antara rem dan em?
    rem sentiasa relatif kepada saiz fon elemen root (html), jadi ia kekal konsisten tidak kira betapa dalam elemen itu bersarang. em relatif kepada saiz fon elemen semasa itu sendiri, bermakna ia boleh bertambah apabila bersarang — alat ini melayan kedua-duanya sama untuk kesederhanaan, menggunakan saiz fon asas anda.
    Mengapa 1rem biasanya bersamaan 16px?
    16px ialah saiz fon lalai pelayar untuk elemen root html dalam hampir setiap pelayar. Oleh kerana rem relatif kepada saiz root itu, 1rem bersamaan 16px melainkan halaman (atau tetapan pelayar pengguna) secara khusus menukar saiz fon root.
    Untuk apa vw dan vh digunakan?
    vw (lebar viewport) dan vh (tinggi viewport) ialah peratusan lebar dan tinggi semasa tetingkap pelayar — 1vw bersamaan 1% lebar viewport. Ia biasa digunakan untuk susun atur skrin penuh dan tipografi responsif yang berskala mengikut skrin.
    Adakah piksel sentiasa tepat 1/96 inci?
    Mengikut spesifikasi CSS, ya — piksel CSS ditakrifkan sebagai 1/96 inci, itulah juga sebabnya 1pt (1/72 inci) ditukar kepada tepat 96/72 = 1.333 piksel CSS.
    Adakah alat ini percuma?
    Ya, alat ini sepenuhnya percuma dan tidak memerlukan pendaftaran. Anda boleh menggunakannya dengan bebas.
    Adakah data saya selamat?
    Ya, semua pengiraan dilakukan dalam pelayar anda. Tiada data dihantar ke pelayan kami.
    Bolehkah saya menggunakan alat ini pada telefon saya?
    Ya, alat ini serasi dengan semua peranti, termasuk telefon pintar dan tablet.
    Bagaimana saya menyimpan keputusan saya?
    Anda boleh menyalin keputusan atau mengeksportnya sebagai fail PDF atau CSV, jika ciri ini tersedia.
    Adakah keputusan ini tepat?
    Keputusan adalah berdasarkan formula dan persamaan yang diiktiraf. Semak nilai input anda untuk ketepatan maksimum.
    Bolehkah saya menggunakan alat ini secara luar talian?
    Ya, kebanyakan pengiraan dilakukan secara tempatan dalam pelayar anda dan tidak memerlukan sambungan internet.
    Bagaimana saya menyelesaikan masalah dengan alat ini?
    Pastikan anda menggunakan versi pelayar terkini dan kosongkan cache jika perlu. Hubungi sokongan jika masalah berterusan.

    Alat serupa

    1. Laman Utama
    2. Alat Pembangun
    3. Penukar Unit CSS
    Memuatkan kalkulator...

    Alat berkaitan

    Terokai lebih banyak alat

    px
    16
    rem
    1
    em
    1
    pt
    12
    vw
    1.1111
    vh
    1.7778
    %
    100

    Kalkulator Nisbah Lebar-Tinggi

    Kalkulator Bandwidth

    Kalkulator masa Pengunduhan

    Kalkulator kos Hosting Cloud

    Kalkulator kos CDN

    Kalkulator Monetisasi API

    Kalkulator Nisbah Lebar-Tinggi
    Alat Pembangun
    Kalkulator Bandwidth
    Alat Pembangun
    Kalkulator masa Pengunduhan
    Alat Pembangun
    Kalkulator kos Hosting Cloud
    Alat Pembangun