{"id":2788,"date":"2026-04-21T20:26:20","date_gmt":"2026-04-21T20:26:20","guid":{"rendered":"https:\/\/eleroyalmagnifier.com\/?page_id=2788"},"modified":"2026-04-22T10:31:19","modified_gmt":"2026-04-22T10:31:19","slug":"magnification-calculator","status":"publish","type":"page","link":"https:\/\/eleroyalmagnifier.com\/nl\/magnification-calculator\/","title":{"rendered":"Magnification Calculator"},"content":{"rendered":"\n<!--\n  Eleroyal Magnifier \u2014 Magnification Calculator\n  Paste this entire block into a WordPress \"Custom HTML\" block.\n  No external dependencies. Works in any WordPress theme.\n  Colors chosen to match Eleroyal branding; adjust hex values if needed.\n-->\n\n<div class=\"ele-mc\" style=\"border: 1px solid #d3d1c7; border-radius: 12px; padding: 1.25rem; background: #ffffff; max-width: 100%; font-family: inherit; color: #2c2c2a; box-sizing: border-box;\">\n\n  <div style=\"font-size: 18px; font-weight: 600; margin: 0 0 4px 0;\">Magnification calculator<\/div>\n  <div style=\"font-size: 14px; color: #5f5e5a; margin: 0 0 16px 0;\">Pick a mode and enter your values. Results update when you click Calculate or press Enter.<\/div>\n\n  <div role=\"tablist\" aria-label=\"Calculator modes\" style=\"display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; border-bottom: 1px solid #eeece5; padding-bottom: 12px;\">\n    <button type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"ele-mc-panel-focal\" data-ele-tab=\"focal\" onclick=\"eleMcTab('focal')\" style=\"padding: 8px 14px; border: 1px solid #185FA5; background: #E6F1FB; color: #0C447C; border-radius: 8px; font-size: 13px; cursor: pointer; font-weight: 500;\">Focal length \u2192 X-power<\/button>\n    <button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ele-mc-panel-xpower\" data-ele-tab=\"xpower\" onclick=\"eleMcTab('xpower')\" style=\"padding: 8px 14px; border: 1px solid #d3d1c7; background: transparent; color: #2c2c2a; border-radius: 8px; font-size: 13px; cursor: pointer;\">X-power \u2192 Focal length<\/button>\n    <button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ele-mc-panel-scope\" data-ele-tab=\"scope\" onclick=\"eleMcTab('scope')\" style=\"padding: 8px 14px; border: 1px solid #d3d1c7; background: transparent; color: #2c2c2a; border-radius: 8px; font-size: 13px; cursor: pointer;\">Microscope total<\/button>\n    <button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"ele-mc-panel-diopter\" data-ele-tab=\"diopter\" onclick=\"eleMcTab('diopter')\" style=\"padding: 8px 14px; border: 1px solid #d3d1c7; background: transparent; color: #2c2c2a; border-radius: 8px; font-size: 13px; cursor: pointer;\">Diopter \u2192 X-power<\/button>\n  <\/div>\n\n  <div id=\"ele-mc-panel-focal\" role=\"tabpanel\" data-ele-panel>\n    <label for=\"ele-mc-focal-input\" style=\"display: block; font-size: 13px; color: #5f5e5a; margin-bottom: 6px;\">Focal length (centimeters)<\/label>\n    <div style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\">\n      <input id=\"ele-mc-focal-input\" type=\"number\" step=\"0.1\" min=\"0.1\" placeholder=\"e.g. 5\" onkeydown=\"if(event.key==='Enter')eleMcCalc('focal')\" style=\"flex: 1; min-width: 140px; padding: 10px 12px; border: 1px solid #b4b2a9; border-radius: 8px; font-size: 15px; background: #ffffff; color: #2c2c2a; box-sizing: border-box;\">\n      <button type=\"button\" onclick=\"eleMcCalc('focal')\" style=\"padding: 10px 20px; border: 1px solid #185FA5; background: #185FA5; color: #ffffff; border-radius: 8px; font-size: 14px; cursor: pointer; font-weight: 500; white-space: nowrap;\">Calculate<\/button>\n    <\/div>\n    <div id=\"ele-mc-focal-out\" role=\"status\" aria-live=\"polite\" style=\"margin-top: 12px; padding: 12px 14px; background: #f5f4ee; border-radius: 8px; font-size: 14px; color: #5f5e5a; line-height: 1.5;\">Enter a focal length to see the magnification.<\/div>\n  <\/div>\n\n  <div id=\"ele-mc-panel-xpower\" role=\"tabpanel\" data-ele-panel style=\"display:none;\">\n    <label for=\"ele-mc-xpower-input\" style=\"display: block; font-size: 13px; color: #5f5e5a; margin-bottom: 6px;\">X-power (magnification)<\/label>\n    <div style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\">\n      <input id=\"ele-mc-xpower-input\" type=\"number\" step=\"0.1\" min=\"0.1\" placeholder=\"e.g. 10\" onkeydown=\"if(event.key==='Enter')eleMcCalc('xpower')\" style=\"flex: 1; min-width: 140px; padding: 10px 12px; border: 1px solid #b4b2a9; border-radius: 8px; font-size: 15px; background: #ffffff; color: #2c2c2a; box-sizing: border-box;\">\n      <button type=\"button\" onclick=\"eleMcCalc('xpower')\" style=\"padding: 10px 20px; border: 1px solid #185FA5; background: #185FA5; color: #ffffff; border-radius: 8px; font-size: 14px; cursor: pointer; font-weight: 500; white-space: nowrap;\">Calculate<\/button>\n    <\/div>\n    <div id=\"ele-mc-xpower-out\" role=\"status\" aria-live=\"polite\" style=\"margin-top: 12px; padding: 12px 14px; background: #f5f4ee; border-radius: 8px; font-size: 14px; color: #5f5e5a; line-height: 1.5;\">Enter an X-power to see the focal length.<\/div>\n  <\/div>\n\n  <div id=\"ele-mc-panel-scope\" role=\"tabpanel\" data-ele-panel style=\"display:none;\">\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px;\">\n      <div>\n        <label for=\"ele-mc-ocular\" style=\"display: block; font-size: 13px; color: #5f5e5a; margin-bottom: 6px;\">Eyepiece (ocular)<\/label>\n        <input id=\"ele-mc-ocular\" type=\"number\" step=\"1\" min=\"1\" placeholder=\"e.g. 10\" onkeydown=\"if(event.key==='Enter')eleMcCalc('scope')\" style=\"width: 100%; padding: 10px 12px; border: 1px solid #b4b2a9; border-radius: 8px; font-size: 15px; background: #ffffff; color: #2c2c2a; box-sizing: border-box;\">\n      <\/div>\n      <div>\n        <label for=\"ele-mc-objective\" style=\"display: block; font-size: 13px; color: #5f5e5a; margin-bottom: 6px;\">Objective lens<\/label>\n        <input id=\"ele-mc-objective\" type=\"number\" step=\"1\" min=\"1\" placeholder=\"e.g. 40\" onkeydown=\"if(event.key==='Enter')eleMcCalc('scope')\" style=\"width: 100%; padding: 10px 12px; border: 1px solid #b4b2a9; border-radius: 8px; font-size: 15px; background: #ffffff; color: #2c2c2a; box-sizing: border-box;\">\n      <\/div>\n    <\/div>\n    <button type=\"button\" onclick=\"eleMcCalc('scope')\" style=\"margin-top: 12px; padding: 10px 20px; border: 1px solid #185FA5; background: #185FA5; color: #ffffff; border-radius: 8px; font-size: 14px; cursor: pointer; font-weight: 500;\">Calculate total<\/button>\n    <div id=\"ele-mc-scope-out\" role=\"status\" aria-live=\"polite\" style=\"margin-top: 12px; padding: 12px 14px; background: #f5f4ee; border-radius: 8px; font-size: 14px; color: #5f5e5a; line-height: 1.5;\">Enter both the eyepiece and objective magnification.<\/div>\n  <\/div>\n\n  <div id=\"ele-mc-panel-diopter\" role=\"tabpanel\" data-ele-panel style=\"display:none;\">\n    <label for=\"ele-mc-diopter-input\" style=\"display: block; font-size: 13px; color: #5f5e5a; margin-bottom: 6px;\">Diopters<\/label>\n    <div style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\">\n      <input id=\"ele-mc-diopter-input\" type=\"number\" step=\"0.5\" min=\"0\" placeholder=\"e.g. 8\" onkeydown=\"if(event.key==='Enter')eleMcCalc('diopter')\" style=\"flex: 1; min-width: 140px; padding: 10px 12px; border: 1px solid #b4b2a9; border-radius: 8px; font-size: 15px; background: #ffffff; color: #2c2c2a; box-sizing: border-box;\">\n      <button type=\"button\" onclick=\"eleMcCalc('diopter')\" style=\"padding: 10px 20px; border: 1px solid #185FA5; background: #185FA5; color: #ffffff; border-radius: 8px; font-size: 14px; cursor: pointer; font-weight: 500; white-space: nowrap;\">Calculate<\/button>\n    <\/div>\n    <div id=\"ele-mc-diopter-out\" role=\"status\" aria-live=\"polite\" style=\"margin-top: 12px; padding: 12px 14px; background: #f5f4ee; border-radius: 8px; font-size: 14px; color: #5f5e5a; line-height: 1.5;\">Enter diopters to convert to X-power.<\/div>\n  <\/div>\n\n  <div style=\"margin-top: 16px; padding-top: 12px; border-top: 1px solid #eeece5; font-size: 12px; color: #888780; line-height: 1.6;\">\n    <strong style=\"color: #5f5e5a;\">Formulas used:<\/strong>\n    Simple magnifier: M = 25 \u00f7 f (f in cm) &middot; Microscope total: eyepiece \u00d7 objective &middot; Diopter conversion: X = (D \u00f7 4) + 1\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  window.eleMcTab = function(t) {\n    document.querySelectorAll('[data-ele-panel]').forEach(function(p) { p.style.display = 'none'; });\n    var panel = document.getElementById('ele-mc-panel-' + t);\n    if (panel) panel.style.display = 'block';\n    document.querySelectorAll('[data-ele-tab]').forEach(function(b) {\n      var active = b.getAttribute('data-ele-tab') === t;\n      b.setAttribute('aria-selected', active ? 'true' : 'false');\n      b.style.background = active ? '#E6F1FB' : 'transparent';\n      b.style.color = active ? '#0C447C' : '#2c2c2a';\n      b.style.borderColor = active ? '#185FA5' : '#d3d1c7';\n      b.style.fontWeight = active ? '500' : '400';\n    });\n  };\n\n  function round(n, d) { return Number(n.toFixed(d)).toString(); }\n\n  function setOutput(id, html, isError) {\n    var el = document.getElementById(id);\n    if (!el) return;\n    el.innerHTML = html;\n    el.style.background = isError ? '#FCEBEB' : '#f5f4ee';\n    el.style.color = isError ? '#791F1F' : '#2c2c2a';\n  }\n\n  window.eleMcCalc = function(mode) {\n    if (mode === 'focal') {\n      var f = parseFloat(document.getElementById('ele-mc-focal-input').value);\n      if (!f || f <= 0) return setOutput('ele-mc-focal-out', 'Please enter a focal length greater than zero.', true);\n      var m = 25 \/ f;\n      setOutput('ele-mc-focal-out', '<strong>Magnification:<\/strong> 25 &divide; ' + round(f, 2) + ' = <strong>' + round(m, 2) + 'X<\/strong>', false);\n    } else if (mode === 'xpower') {\n      var x = parseFloat(document.getElementById('ele-mc-xpower-input').value);\n      if (!x || x <= 0) return setOutput('ele-mc-xpower-out', 'Please enter an X-power greater than zero.', true);\n      var foc = 25 \/ x;\n      setOutput('ele-mc-xpower-out', '<strong>Focal length:<\/strong> 25 &divide; ' + round(x, 2) + ' = <strong>' + round(foc, 2) + ' cm<\/strong>', false);\n    } else if (mode === 'scope') {\n      var o = parseFloat(document.getElementById('ele-mc-ocular').value);\n      var b = parseFloat(document.getElementById('ele-mc-objective').value);\n      if (!o || !b || o <= 0 || b <= 0) return setOutput('ele-mc-scope-out', 'Please enter both the eyepiece and objective values.', true);\n      var total = o * b;\n      var note = '';\n      if (total > 1000) note = '<br><span style=\"color: #854F0B; font-size: 13px;\">Note: above ~1000X you reach empty magnification on a light microscope.<\/span>';\n      setOutput('ele-mc-scope-out', '<strong>Total magnification:<\/strong> ' + o + ' &times; ' + b + ' = <strong>' + total + 'X<\/strong>' + note, false);\n    } else if (mode === 'diopter') {\n      var d = parseFloat(document.getElementById('ele-mc-diopter-input').value);\n      if (isNaN(d) || d < 0) return setOutput('ele-mc-diopter-out', 'Please enter a diopter value of zero or higher.', true);\n      var xp = (d \/ 4) + 1;\n      setOutput('ele-mc-diopter-out', '<strong>X-power:<\/strong> (' + round(d, 2) + ' &divide; 4) + 1 = <strong>' + round(xp, 2) + 'X<\/strong>', false);\n    }\n  };\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Magnification calculator Pick a mode and enter your values. Results update when you click Calculate or press Enter. Focal length \u2192 X-power X-power \u2192 Focal length Microscope total Diopter \u2192 X-power Focal length (centimeters) Calculate Enter a focal length to see the magnification. X-power (magnification) Calculate Enter an X-power to see the focal length. Eyepiece [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2788","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/eleroyalmagnifier.com\/nl\/wp-json\/wp\/v2\/pages\/2788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eleroyalmagnifier.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eleroyalmagnifier.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eleroyalmagnifier.com\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eleroyalmagnifier.com\/nl\/wp-json\/wp\/v2\/comments?post=2788"}],"version-history":[{"count":0,"href":"https:\/\/eleroyalmagnifier.com\/nl\/wp-json\/wp\/v2\/pages\/2788\/revisions"}],"wp:attachment":[{"href":"https:\/\/eleroyalmagnifier.com\/nl\/wp-json\/wp\/v2\/media?parent=2788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}