{"id":92999,"date":"2025-02-23T10:36:15","date_gmt":"2025-02-23T08:36:15","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=92999"},"modified":"2025-02-23T10:36:18","modified_gmt":"2025-02-23T08:36:18","slug":"px-to-rem","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/px-to-rem\/","title":{"rendered":"PX to REM Converter Online &amp; Conversion Tables"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"92999\" class=\"elementor elementor-92999\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4c4e8d e-flex e-con-boxed e-con e-parent\" data-id=\"b4c4e8d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f61e06 elementor-widget elementor-widget-html\" data-id=\"0f61e06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n     .converter {\r\n      border: 1px solid #ccc;\r\n      padding: 20px;\r\n      border-radius: 5px;\r\n    }\r\n\r\n    input[type=\"number\"] {\r\n      width: 100px;\r\n      padding: 8px;\r\n      border: 1px solid #ccc;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .result {\r\n      font-size: 18px;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"converter\">\r\n    <h2>PX to REM Converter<\/h2>\r\n    <label for=\"px-input\">Enter pixels (px):<\/label>\r\n    <input type=\"number\" id=\"px-input\">\r\n    <div class=\"result\"><\/div>\r\n\r\n    <script>\r\n      const pxInput = document.getElementById('px-input');\r\n      const result = document.querySelector('.result');\r\n\r\n      pxInput.addEventListener('input', function() {\r\n        const pxValue = parseFloat(this.value);\r\n        const rootFontSize = 16; \/\/ Default root font size\r\n\r\n        if (isNaN(pxValue)) {\r\n          result.textContent = \"Please enter a valid number.\";\r\n        } else {\r\n          const remValue = pxValue \/ rootFontSize;\r\n          result.textContent = `${pxValue}px is equal to ${remValue.toFixed(2)}rem`;\r\n        }\r\n      });\r\n    <\/script>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90c5f07 e-flex e-con-boxed e-con e-child\" data-id=\"90c5f07\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61fea3a elementor-widget elementor-widget-heading\" data-id=\"61fea3a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PX to REM Conversion Tables<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc12796 e-flex e-con-boxed e-con e-parent\" data-id=\"cc12796\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3d07189 e-con-full e-flex e-con e-child\" data-id=\"3d07189\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83f9381 elementor-widget elementor-widget-text-editor\" data-id=\"83f9381\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 data-sourcepos=\"3:1-3:22\"><strong>Pixels (PX) to REM<\/strong><\/h3><div class=\"horizontal-scroll-wrapper\"><div class=\"table-block-component\"><div class=\"table-block\"><div class=\"table-content\"><table data-sourcepos=\"5:1-36:19\"><tbody><tr data-sourcepos=\"5:1-5:17\"><th data-sourcepos=\"5:1-5:8\">Pixels<\/th><th data-sourcepos=\"5:10-5:15\">REM<\/th><\/tr><tr data-sourcepos=\"7:1-7:19\"><td data-sourcepos=\"7:1-7:5\">1px<\/td><td data-sourcepos=\"7:7-7:17\">0.0625rem<\/td><\/tr><tr data-sourcepos=\"8:1-8:18\"><td data-sourcepos=\"8:1-8:5\">2px<\/td><td data-sourcepos=\"8:7-8:16\">0.125rem<\/td><\/tr><tr data-sourcepos=\"9:1-9:19\"><td data-sourcepos=\"9:1-9:5\">3px<\/td><td data-sourcepos=\"9:7-9:17\">0.1875rem<\/td><\/tr><tr data-sourcepos=\"10:1-10:17\"><td data-sourcepos=\"10:1-10:5\">4px<\/td><td data-sourcepos=\"10:7-10:15\">0.25rem<\/td><\/tr><tr data-sourcepos=\"11:1-11:19\"><td data-sourcepos=\"11:1-11:5\">5px<\/td><td data-sourcepos=\"11:7-11:17\">0.3125rem<\/td><\/tr><tr data-sourcepos=\"12:1-12:18\"><td data-sourcepos=\"12:1-12:5\">6px<\/td><td data-sourcepos=\"12:7-12:16\">0.375rem<\/td><\/tr><tr data-sourcepos=\"13:1-13:16\"><td data-sourcepos=\"13:1-13:5\">8px<\/td><td data-sourcepos=\"13:7-13:14\">0.5rem<\/td><\/tr><tr data-sourcepos=\"14:1-14:19\"><td data-sourcepos=\"14:1-14:6\">10px<\/td><td data-sourcepos=\"14:8-14:17\">0.625rem<\/td><\/tr><tr data-sourcepos=\"15:1-15:18\"><td data-sourcepos=\"15:1-15:6\">12px<\/td><td data-sourcepos=\"15:8-15:16\">0.75rem<\/td><\/tr><tr data-sourcepos=\"16:1-16:19\"><td data-sourcepos=\"16:1-16:6\">14px<\/td><td data-sourcepos=\"16:8-16:17\">0.875rem<\/td><\/tr><tr data-sourcepos=\"17:1-17:20\"><td data-sourcepos=\"17:1-17:6\">15px<\/td><td data-sourcepos=\"17:8-17:18\">0.9375rem<\/td><\/tr><tr data-sourcepos=\"18:1-18:15\"><td data-sourcepos=\"18:1-18:6\">16px<\/td><td data-sourcepos=\"18:8-18:13\">1<a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/help\/whats-the-difference-between-px-em-rem-vw-and-vh\/\"   title=\"rem\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"5890\">rem<\/a><\/td><\/tr><tr data-sourcepos=\"19:1-19:19\"><td data-sourcepos=\"19:1-19:6\">18px<\/td><td data-sourcepos=\"19:8-19:17\">1.125rem<\/td><\/tr><tr data-sourcepos=\"20:1-20:18\"><td data-sourcepos=\"20:1-20:6\">20px<\/td><td data-sourcepos=\"20:8-20:16\">1.25rem<\/td><\/tr><tr data-sourcepos=\"21:1-21:17\"><td data-sourcepos=\"21:1-21:6\">24px<\/td><td data-sourcepos=\"21:8-21:15\">1.5rem<\/td><\/tr><tr data-sourcepos=\"22:1-22:20\"><td data-sourcepos=\"22:1-22:6\">25px<\/td><td data-sourcepos=\"22:8-22:18\">1.5625rem<\/td><\/tr><tr data-sourcepos=\"23:1-23:18\"><td data-sourcepos=\"23:1-23:6\">28px<\/td><td data-sourcepos=\"23:8-23:16\">1.75rem<\/td><\/tr><tr data-sourcepos=\"24:1-24:15\"><td data-sourcepos=\"24:1-24:6\">32px<\/td><td data-sourcepos=\"24:8-24:13\">2rem<\/td><\/tr><tr data-sourcepos=\"25:1-25:18\"><td data-sourcepos=\"25:1-25:6\">36px<\/td><td data-sourcepos=\"25:8-25:16\">2.25rem<\/td><\/tr><tr data-sourcepos=\"26:1-26:17\"><td data-sourcepos=\"26:1-26:6\">40px<\/td><td data-sourcepos=\"26:8-26:15\">2.5rem<\/td><\/tr><tr data-sourcepos=\"27:1-27:18\"><td data-sourcepos=\"27:1-27:6\">44px<\/td><td data-sourcepos=\"27:8-27:16\">2.75rem<\/td><\/tr><tr data-sourcepos=\"28:1-28:15\"><td data-sourcepos=\"28:1-28:6\">48px<\/td><td data-sourcepos=\"28:8-28:13\">3rem<\/td><\/tr><tr data-sourcepos=\"29:1-29:19\"><td data-sourcepos=\"29:1-29:6\">50px<\/td><td data-sourcepos=\"29:8-29:17\">3.125rem<\/td><\/tr><tr data-sourcepos=\"30:1-30:17\"><td data-sourcepos=\"30:1-30:6\">56px<\/td><td data-sourcepos=\"30:8-30:15\">3.5rem<\/td><\/tr><tr data-sourcepos=\"31:1-31:15\"><td data-sourcepos=\"31:1-31:6\">64px<\/td><td data-sourcepos=\"31:8-31:13\">4rem<\/td><\/tr><tr data-sourcepos=\"32:1-32:17\"><td data-sourcepos=\"32:1-32:6\">72px<\/td><td data-sourcepos=\"32:8-32:15\">4.5rem<\/td><\/tr><tr data-sourcepos=\"33:1-33:20\"><td data-sourcepos=\"33:1-33:6\">75px<\/td><td data-sourcepos=\"33:8-33:18\">4.6875rem<\/td><\/tr><tr data-sourcepos=\"34:1-34:15\"><td data-sourcepos=\"34:1-34:6\">80px<\/td><td data-sourcepos=\"34:8-34:13\">5rem<\/td><\/tr><tr data-sourcepos=\"35:1-35:19\"><td data-sourcepos=\"35:1-35:6\">90px<\/td><td data-sourcepos=\"35:8-35:17\">5.625rem<\/td><\/tr><tr data-sourcepos=\"36:1-36:19\"><td data-sourcepos=\"36:1-36:7\">100px<\/td><td data-sourcepos=\"36:9-36:17\">6.25rem<\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-656ec92 e-con-full e-flex e-con e-child\" data-id=\"656ec92\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3beb05 elementor-widget elementor-widget-text-editor\" data-id=\"c3beb05\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 data-sourcepos=\"38:1-38:22\"><strong>REM to Pixels (PX)<\/strong><\/h3><p data-sourcepos=\"40:1-40:52\"><em>Assumes standard default browser font-size of 16px<\/em><\/p><div class=\"horizontal-scroll-wrapper\"><div class=\"table-block-component\"><div class=\"table-block\"><div class=\"table-content\"><table data-sourcepos=\"42:1-67:19\"><tbody><tr data-sourcepos=\"42:1-42:17\"><th data-sourcepos=\"42:1-42:6\">REM<\/th><th data-sourcepos=\"42:8-42:15\">Pixels<\/th><\/tr><tr data-sourcepos=\"44:1-44:20\"><td data-sourcepos=\"44:1-44:9\">0.01rem<\/td><td data-sourcepos=\"44:11-44:18\">0.16px<\/td><\/tr><tr data-sourcepos=\"45:1-45:20\"><td data-sourcepos=\"45:1-45:9\">0.03rem<\/td><td data-sourcepos=\"45:11-45:18\">0.48px<\/td><\/tr><tr data-sourcepos=\"46:1-46:19\"><td data-sourcepos=\"46:1-46:9\">0.05rem<\/td><td data-sourcepos=\"46:11-46:17\">0.8px<\/td><\/tr><tr data-sourcepos=\"47:1-47:20\"><td data-sourcepos=\"47:1-47:9\">0.08rem<\/td><td data-sourcepos=\"47:11-47:18\">1.28px<\/td><\/tr><tr data-sourcepos=\"48:1-48:18\"><td data-sourcepos=\"48:1-48:8\">0.1rem<\/td><td data-sourcepos=\"48:10-48:16\">1.6px<\/td><\/tr><tr data-sourcepos=\"49:1-49:19\"><td data-sourcepos=\"49:1-49:9\">0.15rem<\/td><td data-sourcepos=\"49:11-49:17\">2.4px<\/td><\/tr><tr data-sourcepos=\"50:1-50:18\"><td data-sourcepos=\"50:1-50:8\">0.2rem<\/td><td data-sourcepos=\"50:10-50:16\">3.2px<\/td><\/tr><tr data-sourcepos=\"51:1-51:16\"><td data-sourcepos=\"51:1-51:8\">0.5rem<\/td><td data-sourcepos=\"51:10-51:14\">8px<\/td><\/tr><tr data-sourcepos=\"52:1-52:15\"><td data-sourcepos=\"52:1-52:6\">1rem<\/td><td data-sourcepos=\"52:8-52:13\">16px<\/td><\/tr><tr data-sourcepos=\"53:1-53:15\"><td data-sourcepos=\"53:1-53:6\">2rem<\/td><td data-sourcepos=\"53:8-53:13\">32px<\/td><\/tr><tr data-sourcepos=\"54:1-54:15\"><td data-sourcepos=\"54:1-54:6\">3rem<\/td><td data-sourcepos=\"54:8-54:13\">48px<\/td><\/tr><tr data-sourcepos=\"55:1-55:15\"><td data-sourcepos=\"55:1-55:6\">4rem<\/td><td data-sourcepos=\"55:8-55:13\">64px<\/td><\/tr><tr data-sourcepos=\"56:1-56:15\"><td data-sourcepos=\"56:1-56:6\">5rem<\/td><td data-sourcepos=\"56:8-56:13\">80px<\/td><\/tr><tr data-sourcepos=\"57:1-57:15\"><td data-sourcepos=\"57:1-57:6\">6rem<\/td><td data-sourcepos=\"57:8-57:13\">96px<\/td><\/tr><tr data-sourcepos=\"58:1-58:16\"><td data-sourcepos=\"58:1-58:6\">8rem<\/td><td data-sourcepos=\"58:8-58:14\">128px<\/td><\/tr><tr data-sourcepos=\"59:1-59:17\"><td data-sourcepos=\"59:1-59:7\">10rem<\/td><td data-sourcepos=\"59:9-59:15\">160px<\/td><\/tr><tr data-sourcepos=\"60:1-60:17\"><td data-sourcepos=\"60:1-60:7\">15rem<\/td><td data-sourcepos=\"60:9-60:15\">240px<\/td><\/tr><tr data-sourcepos=\"61:1-61:17\"><td data-sourcepos=\"61:1-61:7\">20rem<\/td><td data-sourcepos=\"61:9-61:15\">320px<\/td><\/tr><tr data-sourcepos=\"62:1-62:17\"><td data-sourcepos=\"62:1-62:7\">30rem<\/td><td data-sourcepos=\"62:9-62:15\">480px<\/td><\/tr><tr data-sourcepos=\"63:1-63:17\"><td data-sourcepos=\"63:1-63:7\">40rem<\/td><td data-sourcepos=\"63:9-63:15\">640px<\/td><\/tr><tr data-sourcepos=\"64:1-64:17\"><td data-sourcepos=\"64:1-64:7\">50rem<\/td><td data-sourcepos=\"64:9-64:15\">800px<\/td><\/tr><tr data-sourcepos=\"65:1-65:17\"><td data-sourcepos=\"65:1-65:7\">60rem<\/td><td data-sourcepos=\"65:9-65:15\">960px<\/td><\/tr><tr data-sourcepos=\"66:1-66:18\"><td data-sourcepos=\"66:1-66:7\">80rem<\/td><td data-sourcepos=\"66:9-66:16\">1280px<\/td><\/tr><tr data-sourcepos=\"67:1-67:19\"><td data-sourcepos=\"67:1-67:8\">100rem<\/td><td data-sourcepos=\"67:10-67:17\">1600px<\/td><\/tr><\/tbody><\/table><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-371f00d e-flex e-con-boxed e-con e-parent\" data-id=\"371f00d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d94b33f elementor-widget elementor-widget-text-editor\" data-id=\"d94b33f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2><b>PX to REM Conversion in CSS<\/b><\/h2><p><span style=\"font-weight: 400;\">PX (pixels) and REM (root em) are two units used to define element sizes in Cascading Style Sheets (<a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\"   title=\"CSS\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"5891\">CSS<\/a>). Understanding how to convert between them is crucial for creating <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\"   title=\"responsive\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"7393\">responsive<\/a> and adaptable web pages.<\/span><\/p><p><span style=\"font-weight: 400;\">Here&#8217;s a breakdown of PX to REM conversion:<\/span><\/p><h3><strong>1. Units:<\/strong><\/h3><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>PX (Pixels) <\/b><span style=\"font-weight: 400;\">is an absolute unit representing a fixed number of pixels on the screen. It is independent of the user&#8217;s font size settings.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>REM (Root Em):<\/b><span style=\"font-weight: 400;\"> A relative unit based on the font size of the root HTML element. By default, the root font size is 16px in most browsers. So, 1rem is equivalent to 16px.<\/span><\/li><\/ul><h3><span style=\"font-weight: 400;\">2. Why Use REM?<\/span><\/h3><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Responsiveness:<\/b><span style=\"font-weight: 400;\"> REM allows elements to scale proportionally with the user&#8217;s font size preference. This is essential for responsive web design, ensuring your website adapts to different screen sizes and user preferences.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Maintainability:<\/b><span style=\"font-weight: 400;\"> Using REM in your stylesheets makes it easier to maintain consistent font sizes across your website. Changing the root font size automatically adjusts all REM-based elements.<\/span><\/li><\/ul><h3><strong>3. Conversion Formula:<\/strong><\/h3><p><span style=\"font-weight: 400;\">To convert PX to REM, divide the pixel value by the root font size (usually 16px):<\/span><\/p><p><code>rem_value = px_value \/ root_font_size<\/code><\/p><p><span style=\"font-weight: 400;\">For example, to convert 24px to rem assuming a 16px root font size:<\/span><\/p><p><code>rem_value = 24px \/ 16px = 1.5rem<\/code><\/p><h3><strong>4. Important Points:<\/strong><\/h3><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The conversion is dependent on the root font size. If you change the root font size in your CSS, the REM values will have a different effect.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Browsers typically use a default root font size of 16px. However, it&#8217;s good practice to explicitly define the root font size in your CSS for better control.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">While REM offers advantages for responsiveness, there can be situations where PX might be preferred, such as for fixed-size elements like icons or borders.<\/span><\/li><\/ul><h3><strong>5. Additional Considerations:<\/strong><\/h3><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Browser Compatibility:<\/b><span style=\"font-weight: 400;\"> While REM is widely supported, it&#8217;s always a good idea to check compatibility for older browsers.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Nested Elements:<\/b><span style=\"font-weight: 400;\"> When using REM within nested elements, the font size inheritance applies. The REM value is relative to the closest parent element&#8217;s font size, not the root font size.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PX to REM Converter Enter pixels (px): Pixels (PX) to REM Pixels REM 1px 0.0625rem 2px 0.125rem 3px 0.1875rem 4px 0.25rem 5px 0.3125rem 6px 0.375rem 8px 0.5rem 10px 0.625rem 12px 0.75rem 14px 0.875rem 15px 0.9375rem 16px 1rem 18px 1.125rem 20px 1.25rem 24px 1.5rem 25px 1.5625rem 28px 1.75rem 32px 2rem 36px 2.25rem 40px 2.5rem 44px 2.75rem [&hellip;]<\/p>\n","protected":false},"author":2024234,"featured_media":45341,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[512],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-92999","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resources"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PX to REM Converter Online &amp; Conversion Tables<\/title>\n<meta name=\"description\" content=\"PX to REM Converter Enter pixels (px): Pixels (PX) to REM Pixels REM 1px 0.0625rem 2px 0.125rem 3px 0.1875rem 4px 0.25rem 5px 0.3125rem 6px 0.375rem 8px\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/px-to-rem\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PX to REM Converter Online &amp; Conversion Tables\" \/>\n<meta property=\"og:description\" content=\"PX to REM Converter Enter pixels (px): Pixels (PX) to REM Pixels REM 1px 0.0625rem 2px 0.125rem 3px 0.1875rem 4px 0.25rem 5px 0.3125rem 6px 0.375rem 8px\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/px-to-rem\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-23T08:36:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-23T08:36:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"631\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Itamar Haim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Itamar Haim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/\"},\"author\":{\"name\":\"Itamar Haim\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/5d24783541c454816685653dfed73377\"},\"headline\":\"PX to REM Converter Online &amp; Conversion Tables\",\"datePublished\":\"2025-02-23T08:36:15+00:00\",\"dateModified\":\"2025-02-23T08:36:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/\"},\"wordCount\":476,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png\",\"articleSection\":[\"Resources\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/px-to-rem\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/\",\"url\":\"https:\/\/elementor.com\/blog\/px-to-rem\/\",\"name\":\"PX to REM Converter Online &amp; Conversion Tables\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png\",\"datePublished\":\"2025-02-23T08:36:15+00:00\",\"dateModified\":\"2025-02-23T08:36:18+00:00\",\"description\":\"PX to REM Converter Enter pixels (px): Pixels (PX) to REM Pixels REM 1px 0.0625rem 2px 0.125rem 3px 0.1875rem 4px 0.25rem 5px 0.3125rem 6px 0.375rem 8px\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/px-to-rem\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png\",\"width\":1200,\"height\":631},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/px-to-rem\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/elementor.com\/blog\/category\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"PX to REM Converter Online &amp; Conversion Tables\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/5d24783541c454816685653dfed73377\",\"name\":\"Itamar Haim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"caption\":\"Itamar Haim\"},\"description\":\"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.\",\"sameAs\":[\"https:\/\/elementor.com\/blog\/author\/itamarha\/\",\"https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/itamarha\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PX to REM Converter Online &amp; Conversion Tables","description":"PX to REM Converter Enter pixels (px): Pixels (PX) to REM Pixels REM 1px 0.0625rem 2px 0.125rem 3px 0.1875rem 4px 0.25rem 5px 0.3125rem 6px 0.375rem 8px","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/px-to-rem\/","og_locale":"en_US","og_type":"article","og_title":"PX to REM Converter Online &amp; Conversion Tables","og_description":"PX to REM Converter Enter pixels (px): Pixels (PX) to REM Pixels REM 1px 0.0625rem 2px 0.125rem 3px 0.1875rem 4px 0.25rem 5px 0.3125rem 6px 0.375rem 8px","og_url":"https:\/\/elementor.com\/blog\/px-to-rem\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2025-02-23T08:36:15+00:00","article_modified_time":"2025-02-23T08:36:18+00:00","og_image":[{"width":1200,"height":631,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png","type":"image\/png"}],"author":"Itamar Haim","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Itamar Haim","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/px-to-rem\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/px-to-rem\/"},"author":{"name":"Itamar Haim","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/5d24783541c454816685653dfed73377"},"headline":"PX to REM Converter Online &amp; Conversion Tables","datePublished":"2025-02-23T08:36:15+00:00","dateModified":"2025-02-23T08:36:18+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/px-to-rem\/"},"wordCount":476,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png","articleSection":["Resources"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/px-to-rem\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/px-to-rem\/","url":"https:\/\/elementor.com\/blog\/px-to-rem\/","name":"PX to REM Converter Online &amp; Conversion Tables","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png","datePublished":"2025-02-23T08:36:15+00:00","dateModified":"2025-02-23T08:36:18+00:00","description":"PX to REM Converter Enter pixels (px): Pixels (PX) to REM Pixels REM 1px 0.0625rem 2px 0.125rem 3px 0.1875rem 4px 0.25rem 5px 0.3125rem 6px 0.375rem 8px","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/px-to-rem\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/px-to-rem\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/px-to-rem\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/12\/22.11.2020_WEBSITE-LEGAL-REQUIREMENTS_BLOG-01.png","width":1200,"height":631},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/px-to-rem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/elementor.com\/blog\/category\/resources\/"},{"@type":"ListItem","position":3,"name":"PX to REM Converter Online &amp; Conversion Tables"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/5d24783541c454816685653dfed73377","name":"Itamar Haim","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","caption":"Itamar Haim"},"description":"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.","sameAs":["https:\/\/elementor.com\/blog\/author\/itamarha\/","https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/"],"url":"https:\/\/elementor.com\/blog\/author\/itamarha\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/92999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/2024234"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=92999"}],"version-history":[{"count":17,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/92999\/revisions"}],"predecessor-version":[{"id":93960,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/92999\/revisions\/93960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/45341"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=92999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=92999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=92999"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=92999"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=92999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}