Skip to main content
CalculoraCalculora

การเงิน & ธุรกิจ

เครื่องคำนวณการเงินการลงทุนและการวางแผนการเงินส่วนตัวการลงทุนอสังหาริมทรัพย์เครื่องมือธุรกิจสตาร์ทอัพและ SaaS

คณิตศาสตร์ & เทคโนโลยี

เครื่องคำนวณคณิตศาสตร์เครื่องมือวิศวกรรมเครื่องมือฟิสิกส์เครื่องมือนักพัฒนาเครื่องมือสำหรับโรงเรียน

สุขภาพ & ชีวิต

เครื่องมือการแพทย์ยูทิลิตี้อัจฉริยะเครื่องมือสุ่ม

ครีเอเตอร์ & เฉพาะทาง

เศรษฐกิจผู้สร้างเครื่องมืออิสลามความยั่งยืนเกม

ตัวแปลง

ตัวแปลงหน่วยตัวแปลงความยาวตัวแปลงน้ำหนักตัวแปลงอุณหภูมิ→ ตัวแปลงหน่วย

ตัวสุ่ม

เครื่องสร้างตัวเลขสุ่มความแข็งแกร่งรหัสผ่านหมุนวงล้อเครื่องจำลองการโยนเหรียญเครื่องทอยลูกเต๋าการทับซ้อนเวลา→ เครื่องมือสุ่ม
ตัวแปลงไฟล์

PDF

แปลง PDF เป็น JPGแปลง PDF เป็น PNGแปลง PDF เป็น TXTแปลง PDF เป็น GIFแปลง PDF เป็น WebPแปลง PDF เป็น SVGแปลง PDF เป็น DOCXแปลง PDF เป็น Excelแปลง PDF เป็น PowerPointแปลง PDF เป็น HTMLแปลง PDF เป็น Markdownแปลง PDF เป็น TIFF

รูปภาพ

แปลง JPG เป็น PNGแปลง PNG เป็น JPGแปลง PNG เป็น WebPแปลง WebP เป็น PNGแปลง WebP เป็น JPGแปลง JPG เป็น WebPแปลง SVG เป็น PNGแปลง SVG เป็น JPGแปลง SVG เป็น WebPแปลง BMP เป็น PNGแปลง BMP เป็น JPGแปลง BMP เป็น WebP

รูปภาพขั้นสูง

แปลง HEIC เป็น JPGแปลง HEIC เป็น PNGแปลง TIFF เป็น JPGแปลง TIFF เป็น PNGแปลง JPG เป็น TIFFแปลง PNG เป็น TIFFแปลง JPG เป็น ICOแปลง PNG เป็น ICOแปลง JPEG เป็น AVIFแปลง PNG เป็น AVIF

GIF

แปลง GIF เป็น PNGแปลง GIF เป็น JPGแปลง GIF เป็นแต่ละเฟรม (PNG/JPEG)แปลง PNG เป็น GIFแปลง JPG เป็น GIFแปลง GIF เป็น WebP

แก้ไข

เพิ่มลายน้ำลบวัตถุในรูปภาพปรับขนาดรูปภาพทันทีในเบราว์เซอร์ของคุณบีบอัดรูปภาพออนไลน์ — ลดขนาดไฟล์ รักษาคุณภาพ
มา ท์ ส ปี ด ช แ ล ล้ งความท้าทายความเร็วคณิตศาสตร์เวิร์ดเดิลบินต์ วัลด์ซูโดกุ2048
แปลงสกุลเงิน
CalculoraCalculora

แพลตฟอร์มเครื่องคิดเลขครบวงจรของคุณ เครื่องมือฟรี รวดเร็ว และแม่นยำสำหรับทุกความต้องการ

ข้อมูลที่ป้อนในเครื่องคำนวณเป็นส่วนตัว 100% — การคำนวณทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณและไม่เคยส่งไปยังเซิร์ฟเวอร์ของเราฟรีตลอดกาล — ไม่มีกำแพงการชำระเงิน ไม่มีการสมัครสมาชิก ไม่ต้องสร้างบัญชี

ยอดนิยม

  • เครื่องคำนวณ BMI
  • เครื่องคำนวณเงินกู้
  • เครื่องคำนวณอายุ
  • เครื่องคำนวณสินเชื่อบ้าน
  • เครื่องคำนวณเปอร์เซ็นต์
  • เครื่องคิดเลขวิทยาศาสตร์
  • ดูทั้งหมด →

หมวดหมู่

  • คณิตศาสตร์
  • การเงิน
  • สุขภาพ & ชีวิต
  • การเงิน & ธุรกิจ
  • เครื่องมือนักพัฒนา
  • วิศวกรรม
  • หมวดหมู่ →

เพิ่มเติม

  • แปลงสกุลเงิน
  • ตัวแปลงไฟล์
  • เกมและเครื่องมือสนุก

กฎหมาย

  • เกี่ยวกับเรา
  • ติดต่อเรา
  • นโยบายความเป็นส่วนตัว
  • เงื่อนไขการใช้งาน
  • ข้อจำกัดความรับผิดชอบ
  • แผนผังเว็บไซต์

ภาษา

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

© 2026 Calculora. สงวนลิขสิทธิ์ทุกประการ

สร้างด้วย — 100% ฟรี

เบาและรวดเร็ว — คุกกี้และการวิเคราะห์ทำงานเมื่อคุณยินยอมเท่านั้น

  1. หน้าแรก
  2. เครื่องมือนักพัฒนา
  3. ตัวแปลงหน่วย CSS

ตัวแปลงหน่วย CSS

แปลงระหว่าง px, rem, em, pt, vw, vh และ % ได้ทันที โดยใช้ขนาดฟอนต์ฐานและขนาด viewport ของคุณเอง — ไม่ต้องเดาอีกต่อไปว่า 1.5rem มีค่าเท่าไรในหน่วยพิกเซล

กำลังโหลดเครื่องคำนวณ...
เครื่องมือนี้ช่วยคุณได้ไหม?

ตัวแปลงหน่วย CSS คืออะไร?

CSS รองรับหน่วยการวัดขนาดหลายแบบ — หน่วยสัมบูรณ์เช่น px และ pt และหน่วยสัมพัทธ์เช่น rem, em, vw, vh และ % หน่วยสัมพัทธ์มีความสำคัญต่อการออกแบบที่ปรับตัวได้และเข้าถึงง่าย (โดยเฉพาะ rem ที่เคารพการตั้งค่าขนาดฟอนต์ของเบราว์เซอร์ผู้ใช้) แต่การแปลงระหว่างหน่วยเหล่านี้ในใจนั้นยากจริงๆ เพราะผลลัพธ์ขึ้นอยู่กับบริบท: ขนาดฟอนต์ราก ขนาดฟอนต์ของอิลิเมนต์ปัจจุบัน หรือขนาด viewport ตัวแปลงนี้คำนวณให้คุณ: ตั้งค่าขนาดฟอนต์ฐาน ขนาด viewport และค่าที่คุณกำลังแปลง แล้วดูค่าที่เทียบเท่ากันในทุกหน่วยอื่นได้ทันที — มีประโยชน์สำหรับการแปลงค่าพิกเซลจากมอกอัปดีไซน์เป็นค่า rem/vw ที่ปรับตัวได้ หรือตรวจสอบว่ากฎ CSS ที่มีอยู่แสดงผลบนหน้าจอเป็นอย่างไรจริงๆ

เมื่อไหร่ควรใช้เครื่องคำนวณนี้

  • เมื่อคุณต้องประเมินค่าใช้จ่ายของเครื่องมือก่อนเริ่มโครงการ
  • เมื่อเปรียบเทียบผลลัพธ์กับเครื่องมืออื่นๆ ที่คล้ายกัน
  • เมื่อเรียนรู้วิธีใช้เครื่องมือในสถานการณ์ต่างๆ
  • เมื่อแชร์ผลลัพธ์กับทีมหรือลูกค้า
  • เมื่อตรวจสอบความถูกต้องของการคำนวณของเครื่องมือ
  • เมื่อค้นหาวิธีแก้ปัญหาเฉพาะอย่างรวดเร็วและง่ายดาย

ขั้นตอน:

  1. ป้อนค่าที่คุณต้องการแปลงและเลือกหน่วยต้นทาง
  2. ตั้งค่าขนาดฟอนต์ฐานของคุณ (ค่าเริ่มต้นตามมาตรฐานเบราว์เซอร์ที่ 16px)
  3. สำหรับการแปลง vw/vh ให้ป้อนความกว้างและความสูง viewport เป้าหมาย
  4. อ่านค่าที่เทียบเท่ากันในทุกหน่วยอื่นได้ทันที

สูตร

1rem = 1em = ขนาดฟอนต์ฐาน (ค่าเริ่มต้น 16px) 1pt = 96/72 px ≈ 1.333px 1vw = ความกว้าง viewport / 100 1vh = ความสูง viewport / 100 1% = ค่าอ้างอิง / 100

กรณีใช้งาน

  • แปลงสเปกพิกเซลจาก Figma/Sketch ของดีไซเนอร์เป็นค่า rem สำหรับ CSS ที่เข้าถึงง่าย
  • ตรวจสอบว่าขนาดฟอนต์ที่ปรับตัวได้ตาม vw แสดงผลจริงเป็นเท่าไรที่ความกว้างหน้าจอหนึ่งๆ
  • แปลง CSS แบบเก่าที่ใช้ pt สำหรับงานพิมพ์หรืออีเมลเป็น px หรือ rem มาตรฐานเว็บ
  • ตรวจสอบว่าสเกลระยะห่างของดีไซน์ซิสเต็มสอดคล้องกันระหว่างหน่วยหรือไม่
  • ตรวจสอบค่า CSS อย่างรวดเร็วระหว่างรีวิวโค้ดโดยไม่ต้องเปิดเครื่องมือนักพัฒนา

ประโยชน์หลัก

  • แปลงระหว่างหน่วย CSS ทั่วไปทั้ง 7 หน่วยในที่เดียว
  • ใช้ขนาดฟอนต์ฐานและ viewport จริงของคุณ ไม่ใช่ค่าสมมติที่ตายตัว
  • ผลลัพธ์ทันทีขณะที่คุณพิมพ์ — ไม่ต้องเปิดเครื่องมือนักพัฒนาของเบราว์เซอร์
  • ใช้งานฟรี ไม่ต้องสมัครสมาชิก ทำงานทั้งหมดในเบราว์เซอร์ของคุณ

เคล็ดลับ

  • เลือกใช้ rem แทน em สำหรับขนาดฟอนต์เพื่อหลีกเลี่ยงการทบต้นที่ไม่คาดคิดในคอมโพเนนต์ที่ซ้อนกัน
  • ใช้ dvh/svh แทน vh สำหรับเลย์เอาต์เต็มจอบนมือถือ หากเบราว์เซอร์เป้าหมายของคุณรองรับ
  • รักษาขนาดฟอนต์ฐานให้สอดคล้องกันทั่วทั้งดีไซน์ซิสเต็มเพื่อให้การแปลง rem คาดเดาได้
  • เมื่อแปลงดีไซน์ที่ต้องแม่นยำระดับพิกเซล ให้แปลงระยะห่างเป็น rem แต่คงความกว้างของขอบและรายละเอียดปลีกย่อยอื่นๆ ไว้เป็น px

ข้อผิดพลาดที่พบบ่อย

  • สันนิษฐานว่า 1rem เท่ากับ 16px เสมอ โดยไม่ตรวจสอบว่าขนาดฟอนต์รากถูกเปลี่ยนหรือไม่
  • ใช้ vh สำหรับเลย์เอาต์เต็มจอบนมือถือโดยไม่คำนึงถึงพฤติกรรมแถบที่อยู่ของเบราว์เซอร์
  • ซ้อนขนาดฟอนต์ที่ใช้ em และแปลกใจเมื่อมันทบต้นโดยไม่คาดคิด
  • ผสม px และ rem อย่างไม่สอดคล้องกันภายในคอมโพเนนต์เดียวกัน ทำลายการปรับขนาดเพื่อการเข้าถึง

คำศัพท์สำคัญ

  • ขนาดฟอนต์ราก: font-size ที่กำหนดบนอิลิเมนต์ html ซึ่งหน่วย rem ทั้งหมดอ้างอิงตาม
  • Viewport: พื้นที่ที่มองเห็นได้ของหน้าเว็บในหน้าต่างเบราว์เซอร์
  • หน่วยสัมบูรณ์ (Absolute unit): หน่วยเช่น px หรือ pt ที่มีขนาดจริงคงที่ ไม่ขึ้นกับบริบทใดๆ
  • หน่วยสัมพัทธ์ (Relative unit): หน่วยเช่น rem, em, vw หรือ % ที่ขนาดขึ้นอยู่กับค่าอื่น

แนวคิดที่เกี่ยวข้อง

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

ตัวอย่าง

ที่ขนาดฟอนต์ฐาน 16px, 1.5rem แปลงเป็น 24px ที่ความกว้าง viewport 1440px, 5vw แปลงเป็น 72px

การตีความผลลัพธ์

เครื่องมือนี้แสดงผลลัพธ์โดยละเอียดตามข้อมูลที่คุณป้อน โปรดตรวจสอบแต่ละส่วนอย่างละเอียดเพื่อทำความเข้าใจวิธีตีความตัวเลขและนำไปใช้ตัดสินใจ หากคุณมีคำถามเกี่ยวกับวิธีการทำงานของเครื่องมือ หรือวิธีตีความผลลัพธ์บางอย่าง โปรดดูที่ส่วนคำถามที่พบบ่อยด้านล่าง หรือติดต่อฝ่ายสนับสนุน

คำถามที่พบบ่อย

rem กับ em ต่างกันอย่างไร?
rem อ้างอิงกับขนาดฟอนต์ของอิลิเมนต์ราก (html) เสมอ จึงคงที่ไม่ว่าอิลิเมนต์จะซ้อนลึกแค่ไหน ส่วน em อ้างอิงกับขนาดฟอนต์ของอิลิเมนต์ปัจจุบันเอง ซึ่งหมายความว่าอาจทบต้นเมื่อซ้อนกัน — เครื่องมือนี้จัดการทั้งสองแบบเหมือนกันเพื่อความง่าย โดยใช้ขนาดฟอนต์ฐานของคุณ
ทำไม 1rem มักเท่ากับ 16px?
16px คือขนาดฟอนต์เริ่มต้นของเบราว์เซอร์สำหรับอิลิเมนต์ราก html แทบทุกเบราว์เซอร์ เนื่องจาก rem อ้างอิงกับขนาดรากนั้น 1rem จึงเท่ากับ 16px เว้นแต่หน้าเว็บ (หรือการตั้งค่าเบราว์เซอร์ของผู้ใช้) จะเปลี่ยนขนาดฟอนต์รากอย่างชัดเจน
vw กับ vh ใช้ทำอะไร?
vw (ความกว้างวิวพอร์ต) และ vh (ความสูงวิวพอร์ต) คือเปอร์เซ็นต์ของความกว้างและความสูงปัจจุบันของหน้าต่างเบราว์เซอร์ — 1vw เท่ากับ 1% ของความกว้าง viewport มักใช้สำหรับเลย์เอาต์เต็มจอและตัวอักษรที่ปรับขนาดตามหน้าจอ
พิกเซลเท่ากับ 1/96 นิ้วเสมอหรือไม่?
ตามข้อกำหนด CSS ใช่ — พิกเซล CSS ถูกกำหนดให้เท่ากับ 1/96 นิ้ว ซึ่งเป็นเหตุผลว่าทำไม 1pt (1/72 นิ้ว) จึงแปลงเป็น 96/72 = 1.333 พิกเซล CSS พอดี
เครื่องมือนี้ฟรีหรือไม่
ใช่ เครื่องมือนี้ฟรีทั้งหมดและไม่ต้องสมัครสมาชิก คุณสามารถใช้งานได้อย่างอิสระ
ข้อมูลปลอดภัยหรือไม่
ใช่ การคำนวณทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีการส่งข้อมูลใด ๆ ไปยังเซิร์ฟเวอร์ของเรา
ฉันสามารถใช้เครื่องมือนี้บนมือถือได้ไหม
ได้ เครื่องมือนี้รองรับทุกอุปกรณ์ รวมถึงสมาร์ทโฟนและแท็บเล็ต
ฉันจะบันทึกผลลัพธ์ได้อย่างไร
คุณสามารถคัดลอกผลลัพธ์หรือส่งออกเป็นไฟล์ PDF หรือ CSV ได้ หากฟีเจอร์นี้พร้อมใช้งาน
ผลลัพธ์แม่นยำหรือไม่
ผลลัพธ์คำนวณจากสูตรและสมการที่เป็นที่ยอมรับ โปรดตรวจสอบค่าที่ป้อนเพื่อความแม่นยำสูงสุด
ฉันสามารถใช้เครื่องมือนี้แบบออฟไลน์ได้ไหม
ได้ การคำนวณส่วนใหญ่เกิดขึ้นในเครื่องผ่านเบราว์เซอร์ของคุณ และไม่จำเป็นต้องเชื่อมต่ออินเทอร์เน็ต
ฉันจะแก้ไขปัญหาการใช้งานเครื่องมือนี้ได้อย่างไร
ตรวจสอบให้แน่ใจว่าคุณใช้เบราว์เซอร์เวอร์ชันล่าสุด และล้างแคชหากจำเป็น หากปัญหายังคงอยู่ โปรดติดต่อฝ่ายสนับสนุน

เครื่องมือที่เกี่ยวข้อง

สำรวจเครื่องมือเพิ่มเติม

เครื่องคำนวณสัดส่วนภาพ

แบนด์วิดท์

เวลาดาวน์โหลด

ค่าโฮสติ้งคลาวด์

ค่า CDN

เครื่องคำนวณ Monetization API

เครื่องมือที่คล้ายกัน

เครื่องคำนวณสัดส่วนภาพ
เครื่องมือนักพัฒนา
แบนด์วิดท์
เครื่องมือนักพัฒนา
เวลาดาวน์โหลด
เครื่องมือนักพัฒนา
ค่าโฮสติ้งคลาวด์
เครื่องมือนักพัฒนา
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100