{"id":4894,"date":"2026-05-09T00:46:20","date_gmt":"2026-05-09T00:46:20","guid":{"rendered":"https:\/\/monitorgarage-localwp-sql-2026-09-06.local\/?page_id=4894"},"modified":"2026-05-09T00:46:21","modified_gmt":"2026-05-09T00:46:21","slug":"calculadora-de-distancia-de-visionado-ideal","status":"publish","type":"page","link":"https:\/\/monitorgarage.com\/en\/calculadora-de-distancia-de-visionado-ideal\/","title":{"rendered":"Monitor Viewing Distance Calculator"},"content":{"rendered":"<section id=\"mg-dist-76438\" class=\"mg-calc mg-calc-distance\">\n  <header class=\"mg-calc-heading\"><h1>Monitor viewing distance<\/h1><p>Check how much of your field of view the screen occupies.<\/p><\/header>\n  <div class=\"mg-calc-board\">\n    <div class=\"mg-calc-config\">\n      <h2>Screen and position<\/h2>\n      <label class=\"mg-calc-field\"><span>Common configuration<\/span><select data-calc-preset><option value=\"\">Custom<\/option><option value=\"1920,1080,24\" >24\u2033 \u00b7 1080p<\/option><option value=\"1920,1080,27\" >27\u2033 \u00b7 1080p<\/option><option value=\"2560,1440,27\"  selected='selected'>27\u2033 \u00b7 1440p<\/option><option value=\"2560,1440,32\" >32\u2033 \u00b7 1440p<\/option><option value=\"3840,2160,27\" >27\u2033 \u00b7 4K<\/option><option value=\"3840,2160,32\" >32\u2033 \u00b7 4K<\/option><option value=\"3840,2160,42\" >42\u2033 \u00b7 4K<\/option><option value=\"3440,1440,34\" >34\u2033 \u00b7 UWQHD<\/option><option value=\"5120,1440,49\" >49\u2033 \u00b7 DQHD<\/option><option value=\"5120,2160,40\" >40\u2033 \u00b7 5K2K<\/option><\/select><\/label>\n      <div class=\"mg-calc-fields mg-calc-fields--three\">\n        <label class=\"mg-calc-field\"><span>Width \u00b7 px<\/span><input aria-label=\"Horizontal resolution\" type=\"number\" min=\"320\" max=\"10000\" step=\"1\" value=\"2560\" required data-calc-field=\"w\"><\/label>\n        <label class=\"mg-calc-field\"><span>Height \u00b7 px<\/span><input aria-label=\"Vertical resolution\" type=\"number\" min=\"240\" max=\"6000\" step=\"1\" value=\"1440\" required data-calc-field=\"h\"><\/label>\n        <label class=\"mg-calc-field\"><span>Diagonal \u00b7 \u2033<\/span><input aria-label=\"Diagonal in inches\" type=\"number\" min=\"10\" max=\"98\" step=\"any\" value=\"27\" required data-calc-field=\"inches\"><\/label>\n      <\/div>\n      <div class=\"mg-distance-control\">\n        <label class=\"mg-calc-field\"><span>From your eyes to the screen \u00b7 cm<\/span><input aria-label=\"Distance in centimetres\" type=\"number\" min=\"30\" max=\"250\" step=\"1\" value=\"70\" required data-calc-field=\"cm\"><\/label>\n        <input type=\"range\" min=\"30\" max=\"250\" step=\"1\" value=\"70\" data-calc-range=\"cm\" aria-label=\"Adjust distance\">\n        <div class=\"mg-distance-range-labels\" aria-hidden=\"true\"><span>30 cm<\/span><span>250 cm<\/span><\/div>\n      <\/div>\n      <label class=\"mg-calc-field\"><span>Usage reference<\/span><select data-calc-field=\"use\">\n        <option value=\"competitive\">Competitive gaming \u00b7 28\u201340\u00b0<\/option><option value=\"mixed\" selected>Mixed use \u00b7 34\u201350\u00b0<\/option><option value=\"immersive\">Immersive gaming \u00b7 42\u201358\u00b0<\/option><option value=\"console\">Console \u00b7 32\u201352\u00b0<\/option><option value=\"work\">Work and text \u00b7 30\u201345\u00b0<\/option><option value=\"color\">Editing and colour \u00b7 32\u201346\u00b0<\/option><option value=\"media\">Multimedia \u00b7 38\u201360\u00b0<\/option>\n      <\/select><\/label>\n      <details class=\"mg-calc-details mg-calc-subsettings\"><summary>Physical panel format<\/summary>\n        <label class=\"mg-calc-field\"><span>Width-to-height ratio<\/span><select data-calc-field=\"aspect\"><option value=\"auto\">Automatic, based on resolution<\/option><option value=\"16:9\">16:9<\/option><option value=\"16:10\">16:10<\/option><option value=\"21:9\">21:9<\/option><option value=\"32:9\">32:9<\/option><option value=\"3:2\">3:2<\/option><option value=\"4:3\">4:3<\/option><\/select><\/label>\n        <p class=\"mg-calc-note\">Leave this on automatic to use the exact resolution ratio. The manual setting lets you calculate other physical formats.<\/p>\n      <\/details>\n      <p class=\"mg-calc-error\" data-calc-error role=\"status\" hidden>Check the fields: a diagonal of 10\u201398 inches and a distance of 30\u2013250 cm. Enter the resolution in whole pixels.<\/p>\n      <p class=\"mg-calc-note\" data-distance-warning hidden>The selected physical format does not match the resolution ratio. The diagram uses the manual format.<\/p>\n    <\/div>\n    <div class=\"mg-calc-result\">\n      <h2>Horizontal field of view<\/h2>\n      <p class=\"mg-calc-reading\"><output data-result=\"fov\" aria-live=\"polite\" aria-atomic=\"true\">46,2<\/output><span>degrees<\/span><\/p>\n      <figure class=\"mg-distance-plan\" data-distance-plan>\n        <svg viewBox=\"0 0 420 230\" role=\"img\" aria-label=\"Top view: screen, distance and eyes\">\n          <path data-plan-cone class=\"mg-distance-cone\" d=\"M110 45 L210 180 L310 45 Z\"\/>\n          <path data-plan-axis class=\"mg-distance-axis\" d=\"M210 45V180\"\/>\n          <path data-plan-screen class=\"mg-distance-screen\" d=\"M110 45H310\"\/>\n          <text data-plan-width x=\"210\" y=\"28\" text-anchor=\"middle\">59.8 cm wide<\/text>\n          <text data-plan-distance x=\"275\" y=\"120\">70 cm<\/text>\n          <circle cx=\"210\" cy=\"180\" r=\"5\" class=\"mg-distance-eye\"\/><text x=\"210\" y=\"211\" text-anchor=\"middle\">Your eyes<\/text>\n        <\/svg>\n        <figcaption>Top view \u00b7 flat panel<\/figcaption>\n      <\/figure>\n      <div class=\"mg-distance-interval\"><span>Distance for the selected reference<\/span><strong data-result=\"interval\">64\u201398 cm<\/strong><p data-result=\"position\"><\/p><\/div>\n      <dl class=\"mg-calc-facts\"><div><dt>Visible panel<\/dt><dd data-result=\"size\">59,8 \u00d7 33,6 cm<\/dd><\/div><div><dt>Density<\/dt><dd data-result=\"density\">108,8 PPI<\/dd><\/div><\/dl>\n    <\/div>\n  <\/div>\n  <details class=\"mg-calc-details\"><summary>How to interpret viewing distance<\/summary><div class=\"mg-calc-explanation\" data-editorial-distance>\n    <p>Moving closer makes the screen occupy more degrees of your field of view. Moving away reduces that angle. The ranges for each use are editorial framing references, not a universal measure of comfort.<\/p>\n    <p class=\"mg-calc-formula\">Horizontal angle = 2 \u00d7 arctan(panel width \/ (2 \u00d7 distance))<\/p>\n    <p>Physical size is derived from the diagonal and format. The resolution is used to calculate PPI and pixels per degree: <span data-result=\"ppd\">55,4<\/span> on average in this configuration. This average alone does not predict text legibility.<\/p>\n    <p>Adjust distance and scaling to suit your desk and how you read the screen. The calculation treats the panel as flat; geometry is approximate for curved monitors.<\/p>\n  <\/div><\/details>\n  <nav class=\"mg-calc-links\" aria-label=\"Related tools\"><a href=\"https:\/\/monitorgarage.com\/en\/calculadora-ppi\/\">Calculate PPI<\/a><a href=\"https:\/\/monitorgarage.com\/en\/comparador-visual-de-tamanos-de-monitores\/\">Compare sizes<\/a><a href=\"https:\/\/monitorgarage.com\/en\/glosario-de-terminos-tecnicos-interactivo\/\">Glossary<\/a><\/nav>\n<\/section>\n<style>\/* Shared calculator layout. Isolated from the retired tool shells. *\/\r\n#mg-dist-76438.mg-calc {\r\n  --calc-ink:var(--mg-ui-ink,#262523); --calc-muted:var(--mg-ui-muted,#68635c);\r\n  --calc-line:var(--mg-ui-line,#ddd7cf); --calc-surface:var(--mg-ui-surface,#fff);\r\n  --calc-soft:var(--mg-ui-soft,#efebe5); --calc-accent:var(--mg-ui-link,#91500e);\r\n  width:min(var(--mg-layout-editorial,1180px),var(--mg-layout-available,calc(100% - 80px))); margin:0 auto; padding:var(--mg-layout-top,48px) 0 var(--mg-layout-bottom,64px);\r\n  color:var(--calc-ink); font-family:var(--mg-ui-font,Arial,sans-serif); font-size:15px; line-height:1.65;\r\n}\r\n#mg-dist-76438 *,#mg-dist-76438 *::before,#mg-dist-76438 *::after{box-sizing:border-box}\r\n#mg-dist-76438 [hidden]{display:none!important}\r\n#mg-dist-76438 .mg-calc-heading{margin:0 0 32px}\r\n#mg-dist-76438 .mg-calc-heading h1{font-size:clamp(28px,3.3vw,42px);font-weight:800;line-height:1.14;letter-spacing:-.045em;margin:0 0 12px;color:var(--calc-ink)}\r\n#mg-dist-76438 .mg-calc-heading p{margin:0;color:var(--calc-muted);font-size:15px;max-width:68ch}\r\n#mg-dist-76438 .mg-calc-board{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:40px;align-items:start}\r\n#mg-dist-76438 .mg-calc-config{min-width:0}\r\n#mg-dist-76438 h2{font-size:18px;font-weight:750;letter-spacing:-.02em;line-height:1.4;margin:0 0 18px}\r\n#mg-dist-76438 h3{font-size:15px;letter-spacing:0;line-height:1.5;margin:0 0 14px}\r\n#mg-dist-76438 .mg-calc-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;font-size:13px;font-weight:600}\r\n#mg-dist-76438 .mg-calc-field>span{color:var(--calc-muted)}\r\n#mg-dist-76438 :is(input:not([type=range]),select){width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;margin:0;padding:10px 12px;border:1px solid var(--calc-line);border-radius:5px;background:var(--calc-surface);color:var(--calc-ink);font:500 16px\/1.4 var(--mg-ui-font,Arial,sans-serif);box-shadow:none}\r\n#mg-dist-76438 select{padding-right:28px;text-overflow:ellipsis}\r\n#mg-dist-76438 :is(input,select,summary,a):focus-visible{outline:2px solid var(--calc-accent);outline-offset:4px}\r\n#mg-dist-76438 [aria-invalid=true]{border-color:var(--mg-ui-negative,#b42b36)}\r\n#mg-dist-76438 .mg-calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:20px 0}\r\n#mg-dist-76438 .mg-calc-fields--three{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n#mg-dist-76438 .mg-calc-wide{grid-column:1\/-1}\r\n#mg-dist-76438 .mg-calc-result{padding:26px 28px;background:var(--calc-soft);border-radius:8px;min-width:0}\r\n#mg-dist-76438 .mg-calc-reading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;line-height:1.2;margin:0}\r\n#mg-dist-76438 .mg-calc-reading output{font-size:38px;font-weight:750;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}\r\n#mg-dist-76438 .mg-calc-reading>span{font-size:15px;font-weight:500;color:var(--calc-muted)}\r\n#mg-dist-76438 .mg-calc-caption{font-size:13px;font-weight:400;color:var(--calc-muted);margin:10px 0 0}\r\n#mg-dist-76438 .mg-calc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:24px 0 0}\r\n#mg-dist-76438 .mg-calc-facts>div{min-width:0}\r\n#mg-dist-76438 .mg-calc-facts dt{font-size:12px;color:var(--calc-muted);font-weight:400}\r\n#mg-dist-76438 .mg-calc-facts dd{font-size:16px;font-weight:650;margin:4px 0 0;font-variant-numeric:tabular-nums}\r\n#mg-dist-76438 .mg-calc-details{border:0;border-top:1px solid var(--calc-line);border-radius:0;background:none;padding:0;margin:30px 0 0;box-shadow:none}\r\n#mg-dist-76438 .mg-calc-details>summary{display:flex;align-items:center;gap:16px;justify-content:space-between;list-style:none;padding:17px 0;min-height:48px;font-size:14px;font-weight:650;cursor:pointer;color:var(--calc-ink)}\r\n#mg-dist-76438 .mg-calc-details>summary::-webkit-details-marker{display:none}\r\n#mg-dist-76438 .mg-calc-details>summary::after{content:'+';font-size:20px;font-weight:400}\r\n#mg-dist-76438 .mg-calc-details[open]>summary::after{content:'\u2212'}\r\n#mg-dist-76438 .mg-calc-explanation{max-width:85ch;padding:4px 0 12px;font-size:14px;color:var(--calc-muted)}\r\n#mg-dist-76438 .mg-calc-explanation p{margin:0 0 16px}\r\n#mg-dist-76438 .mg-calc-formula{color:var(--calc-ink);font-variant-numeric:tabular-nums;font-weight:600}\r\n#mg-dist-76438 .mg-calc-links{display:flex;gap:12px 28px;flex-wrap:wrap;font-size:13px;margin:22px 0 0}\r\n#mg-dist-76438 .mg-calc-links a{color:var(--calc-accent)}\r\n#mg-dist-76438 .mg-calc-error{margin:16px 0;color:var(--mg-ui-negative,#b42b36);font-size:13px}\r\n#mg-dist-76438 .mg-calc-note{font-size:13px;color:var(--calc-muted);margin:18px 0 0;max-width:85ch}\r\n#mg-dist-76438 .mg-calc-subsettings{margin-top:20px}\r\n#mg-dist-76438 .mg-calc-subsettings>summary{padding:14px 0}\r\n#mg-dist-76438 .mg-calc-subsettings .mg-calc-fields{margin:0 0 16px}\r\n#mg-dist-76438 .mg-calc-setting-state{font-size:12px;color:var(--calc-muted);margin:0}\r\n@media(max-width:850px){#mg-dist-76438.mg-calc{width:var(--mg-layout-available,calc(100% - 48px));padding:var(--mg-layout-top,34px) 0 var(--mg-layout-bottom,44px)}#mg-dist-76438 .mg-calc-board{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#mg-dist-76438 .mg-calc-result{padding:22px}}\r\n@media(max-width:650px){#mg-dist-76438.mg-calc{width:var(--mg-layout-available,calc(100% - 40px));padding:var(--mg-layout-top,30px) 0 var(--mg-layout-bottom,40px)}#mg-dist-76438 .mg-calc-board{grid-template-columns:minmax(0,1fr);gap:26px}#mg-dist-76438 .mg-calc-heading{margin-bottom:26px}#mg-dist-76438 .mg-calc-result{padding:22px 20px}#mg-dist-76438 .mg-calc-reading output{font-size:34px}#mg-dist-76438 .mg-calc-fields{gap:14px 10px}#mg-dist-76438 .mg-calc-fields--three .mg-calc-field>span{font-size:12px}#mg-dist-76438 :is(input:not([type=range]),select){padding-left:10px}#mg-dist-76438 .mg-calc-facts{gap:14px}}\r\n#mg-dist-76438 .mg-distance-control{margin:24px 0}\n#mg-dist-76438 .mg-distance-control label{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:12px}\n#mg-dist-76438 input[type=range]{display:block;width:100%;height:32px;margin:14px 0 0;padding:0;accent-color:var(--calc-accent);cursor:pointer}\n#mg-dist-76438 .mg-distance-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--calc-muted)}\n#mg-dist-76438 .mg-distance-plan{margin:16px 0}\n#mg-dist-76438 .mg-distance-plan svg{display:block;width:100%;height:225px;overflow:visible}\n#mg-dist-76438 .mg-distance-plan text{font-family:var(--mg-ui-font,Arial,sans-serif);font-size:13px;fill:var(--calc-muted)}\n#mg-dist-76438 .mg-distance-cone{fill:var(--mg-ui-tint,#fff1cf);stroke:var(--calc-accent);stroke-width:1}\n#mg-dist-76438 .mg-distance-axis{stroke:var(--calc-muted);stroke-dasharray:3 5;stroke-width:1;fill:none}\n#mg-dist-76438 .mg-distance-screen{stroke:var(--calc-ink);stroke-width:5;stroke-linecap:round}\n#mg-dist-76438 .mg-distance-eye{fill:var(--calc-ink)}\n#mg-dist-76438 .mg-distance-plan figcaption{text-align:center;font-size:11px;color:var(--calc-muted);margin:0}\n#mg-dist-76438 .mg-distance-interval{margin-top:24px;padding-top:20px;border-top:1px solid var(--calc-line)}\n#mg-dist-76438 .mg-distance-interval>span{font-size:12px;color:var(--calc-muted)}\n#mg-dist-76438 .mg-distance-interval strong{display:block;font-size:24px;line-height:1.4;margin-top:4px;letter-spacing:-.025em}\n#mg-dist-76438 .mg-distance-interval p{font-size:12px;color:var(--calc-muted);margin:6px 0 0}\n@media(max-width:650px){#mg-dist-76438 .mg-distance-plan svg{height:auto}#mg-dist-76438 .mg-distance-plan text{font-size:18px}}\n<\/style>\n<script>(() => {\n  const root = document.getElementById('mg-dist-76438');\n  if (!root) return;\n  \/* Pure geometry and signal estimates, shared by the three local calculators. *\/\nconst mgCalcMath = (() => {\n  const positive = values => values.every(n => Number.isFinite(n) && n > 0);\n  const gcd = (a, b) => b ? gcd(b, a % b) : a;\n  function density({ w, h, inches }) {\n    if (!positive([w, h, inches]) || !Number.isInteger(w) || !Number.isInteger(h)) return null;\n    const ppi = Math.hypot(w, h) \/ inches;\n    const divisor = gcd(w, h);\n    return { ppi, pitch: 25.4 \/ ppi, mp: w * h \/ 1e6, aspect: `${w \/ divisor}:${h \/ divisor}`, arcMinuteCm: 3438 \/ ppi * 2.54 };\n  }\n  \/\/ Editorial angular references, not ergonomic or medical limits.\n  const angles = { competitive: [28, 40], mixed: [34, 50], immersive: [42, 58], console: [32, 52], work: [30, 45], color: [32, 46], media: [38, 60] };\n  function distance(values) {\n    const { w, h, inches, cm, aspect = 'auto', use = 'mixed' } = values;\n    const base = density(values);\n    if (!base || !positive([cm])) return null;\n    const parts = aspect === 'auto' ? [w, h] : aspect.split(':').map(Number);\n    if (parts.length !== 2 || !positive(parts)) return null;\n    const ratio = parts[0] \/ parts[1];\n    const height = inches * 2.54 \/ Math.hypot(ratio, 1);\n    const width = height * ratio;\n    const fov = 2 * Math.atan(width \/ (2 * cm)) * 180 \/ Math.PI;\n    const [lo, hi] = angles[use] || angles.mixed;\n    const near = width \/ (2 * Math.tan(hi * Math.PI \/ 360));\n    const far = width \/ (2 * Math.tan(lo * Math.PI \/ 360));\n    return { ...base, width, height, fov, ppd: w \/ fov, near, far, lo, hi, mismatch: Math.abs(ratio - w \/ h) \/ ratio > .035 };\n  }\n  function bandwidth({ w, h, hz, bpc, chroma, overhead, dsc }) {\n    if (!positive([w, h, hz, bpc, chroma, overhead, dsc]) || !Number.isInteger(w) || !Number.isInteger(h) || dsc < 1 || overhead < 1) return null;\n    const bpp = bpc * chroma;\n    const pixels = w * h * hz;\n    const active = pixels * bpp \/ 1e9;\n    const transport = active * overhead;\n    return { bpp, pixels, active, transport, required: transport \/ dsc };\n  }\n  return { density, distance, bandwidth, angles };\n})();\n  function mgCalcControls(root, presetFields, render) {\n  const fields = Object.fromEntries([...root.querySelectorAll('[data-calc-field]')].map(el => [el.dataset.calcField, el]));\n  const preset = root.querySelector('[data-calc-preset]');\n  const error = root.querySelector('[data-calc-error]');\n  const fmt = (n, d = 1) => n.toLocaleString(globalThis.mgI18n?.locale || 'es-ES', { minimumFractionDigits: d, maximumFractionDigits: d });\n  const write = (key, value) => root.querySelectorAll(`[data-result=\"${key}\"]`).forEach(el => { el.textContent = (globalThis.mgT || (value => value))(value); });\n  function update() {\n    let valid = true;\n    const values = {};\n    for (const [key, el] of Object.entries(fields)) {\n      const number = el.type === 'number';\n      const ok = el.value !== '' && el.checkValidity();\n      el.setAttribute('aria-invalid', String(!ok));\n      valid = valid && ok;\n      values[key] = number ? el.valueAsNumber : el.value;\n    }\n    const signature = presetFields.map(key => fields[key].value).join(',');\n    preset.value = [...preset.options].some(option => option.value === signature) ? signature : '';\n    error.hidden = valid;\n    root.classList.toggle('is-invalid', !valid);\n    if (!valid) {\n      root.querySelectorAll('[data-result]').forEach(el => { el.textContent = '\u2014'; });\n    }\n    render(valid ? values : null, { fmt, write });\n  }\n  preset.addEventListener('change', () => {\n    if (!preset.value) return;\n    preset.value.split(',').forEach((value, index) => { fields[presetFields[index]].value = value; });\n    update();\n  });\n  Object.values(fields).forEach(el => {\n    el.addEventListener('input', update);\n    el.addEventListener('change', update);\n  });\n  root.querySelectorAll('[data-calc-range]').forEach(range => {\n    const field = fields[range.dataset.calcRange];\n    range.addEventListener('input', () => { field.value = range.value; update(); });\n    field.addEventListener('input', () => { if (field.checkValidity()) range.value = field.value; });\n  });\n  update();\n}\n  const $ = selector => root.querySelector(selector);\n  $('[data-calc-preset]').addEventListener('change', () => { if ($('[data-calc-preset]').value) $('[data-calc-field=\"aspect\"]').value = 'auto'; });\n  mgCalcControls(root, ['w', 'h', 'inches'], (values, { fmt, write }) => {\n    $('[data-distance-plan]').hidden = !values;\n    $('[data-distance-warning]').hidden = true;\n    if (!values) return;\n    const result = mgCalcMath.distance(values);\n    write('fov', fmt(result.fov)); write('density', fmt(result.ppi) + ' PPI'); write('ppd', fmt(result.ppd));\n    write('size', fmt(result.width) + ' \u00d7 ' + fmt(result.height) + ' cm');\n    write('interval', fmt(result.near, 0) + '\u2013' + fmt(result.far, 0) + ' cm');\n    write('position', result.fov < result.lo ? 'Tu posici\u00f3n abarca menos pantalla que esta referencia.' : result.fov > result.hi ? 'Tu posici\u00f3n abarca m\u00e1s pantalla que esta referencia.' : 'Tu posici\u00f3n est\u00e1 dentro de esta referencia angular.');\n    $('[data-distance-warning]').hidden = !result.mismatch;\n    $('[data-calc-range]').value = values.cm;\n    const scale = Math.min(320 \/ result.width, 135 \/ values.cm);\n    const half = result.width * scale \/ 2, y = 180 - values.cm * scale;\n    $('[data-plan-cone]').setAttribute('d', 'M' + (210 - half) + ' ' + y + 'L210 180L' + (210 + half) + ' ' + y + 'Z');\n    $('[data-plan-screen]').setAttribute('d', 'M' + (210 - half) + ' ' + y + 'H' + (210 + half));\n    $('[data-plan-axis]').setAttribute('d', 'M210 ' + y + 'V180');\n    $('[data-plan-width]').setAttribute('y', y - 14);\n    $('[data-plan-width]').textContent = (globalThis.mgT || (value => value))(fmt(result.width) + ' cm de ancho');\n    $('[data-plan-distance]').setAttribute('x', 210 + half \/ 2 + 16);\n    $('[data-plan-distance]').setAttribute('y', (y + 180) \/ 2 + 4);\n    $('[data-plan-distance]').textContent = (globalThis.mgT || (value => value))(fmt(values.cm, 0) + ' cm');\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Monitor viewing distanceCheck how much of your field of view the screen occupies. Screen and position Common configurationCustom24\u2033 \u00b7 1080p27\u2033 \u00b7 1080p27\u2033 \u00b7 1440p32\u2033 \u00b7 1440p27\u2033 \u00b7 4K32\u2033 \u00b7 4K42\u2033 \u00b7 4K34\u2033 \u00b7 UWQHD49\u2033 \u00b7 DQHD40\u2033 \u00b7 5K2K Width \u00b7 px Height \u00b7 px Diagonal \u00b7 \u2033 From your eyes to the screen \u00b7 cm [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-tools-full.php","meta":{"_acf_changed":false,"iawp_total_views":560,"footnotes":""},"class_list":["post-4894","page","type-page","status-publish","hentry"],"acf":{"subtitle":"Calculadora de distancia de visionado"},"_links":{"self":[{"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/pages\/4894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/comments?post=4894"}],"version-history":[{"count":1,"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/pages\/4894\/revisions"}],"predecessor-version":[{"id":4895,"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/pages\/4894\/revisions\/4895"}],"wp:attachment":[{"href":"https:\/\/monitorgarage.com\/en\/wp-json\/wp\/v2\/media?parent=4894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}