{"id":13778,"date":"2025-11-25T19:37:47","date_gmt":"2025-11-25T19:37:47","guid":{"rendered":"https:\/\/lumepix.eu\/?page_id=13778"},"modified":"2025-11-25T21:37:44","modified_gmt":"2025-11-25T21:37:44","slug":"vaatekauguse-tooriist","status":"publish","type":"page","link":"https:\/\/lumepix.eu\/en\/vaatekauguse-tooriist\/","title":{"rendered":"Vaatekauguse t\u00f6\u00f6riist"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13778\" class=\"elementor elementor-13778\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b80db28 e-flex e-con-boxed e-con e-parent\" data-id=\"b80db28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bb3193 elementor-widget elementor-widget-html\" data-id=\"3bb3193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"lp-tools\">\r\n  <!-- Lumepix header -->\r\n  <div class=\"lp-tools-header\">\r\n    <div class=\"lp-tools-logo\">\r\n      <span class=\"lp-tools-logo-text\">Lumepix ekraani kauguse t\u00f6\u00f6riist<\/span>\r\n    <\/div>\r\n    <p class=\"lp-tools-intro\">\r\n      Sisesta ekraani suurim vaatekaugus ja sisu t\u00fc\u00fcp. T\u00f6\u00f6riist arvutab soovitusliku ekraanisuuruse,\r\n      n\u00e4itab inimese kaugust ekraanist ning annab soovituse LCD ja LED lahenduste kohta. Tegemist on n\u00e4idislahendusega, t\u00e4pse lahenduse v\u00e4ljat\u00f6\u00f6tamiseks v\u00f5tke meiega \u00fchendust.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- Vaatekauguse t\u00f6\u00f6riist -->\r\n  <div class=\"lp-tool-card\" id=\"lp-view-distance\">\r\n    <h2 class=\"lp-tool-title\">Vaatekauguse t\u00f6\u00f6riist<\/h2>\r\n    <p class=\"lp-tool-desc\">\r\n      Arvutab soovitatava ekraani diagonaali vastavalt suurima vaatekauguse ja sisu t\u00fc\u00fcbile\r\n      . Allolev skeem n\u00e4itab inimese kaugust ekraanist.\r\n    <\/p>\r\n\r\n    <!-- VISUAALNE KUVA -->\r\n    <div class=\"lp-view-visual\" id=\"vd-visual\">\r\n      <div class=\"lp-view-screen\">\r\n        <div class=\"lp-view-screen-inner\">\r\n          <div class=\"lp-view-art\">\r\n            <span class=\"lp-art-bar lp-art-bar-1\"><\/span>\r\n            <span class=\"lp-art-bar lp-art-bar-2\"><\/span>\r\n            <span class=\"lp-art-bar lp-art-bar-3\"><\/span>\r\n            <span class=\"lp-art-dot\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"lp-view-screen-label\">Ekraan<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"lp-view-ground\">\r\n        <!-- maajoon + inimene + vahemaa joon -->\r\n        <div class=\"lp-view-ground-line\" id=\"vd-track\">\r\n          <div class=\"lp-view-distance-line\" id=\"vd-distance-line\"><\/div>\r\n\r\n          <!-- k\u00f5ndiv inimene (jalad joone peal) -->\r\n          <div class=\"lp-view-person\" id=\"vd-person\">\r\n            <div class=\"lp-view-person-inner\">\r\n              <div class=\"lp-view-head\"><\/div>\r\n              <div class=\"lp-view-body\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- d\u00fcnaamiline skaala (jooned + numbrid) -->\r\n        <div class=\"lp-view-scale\" id=\"vd-scale\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"lp-view-distance-label\" id=\"vd-distance-label\">0,0 m<\/div>\r\n    <\/div>\r\n\r\n    <!-- SISENDID -->\r\n    <form class=\"lp-form\" id=\"lp-view-distance-form\">\r\n      <div class=\"lp-form-row\">\r\n        <label for=\"vd-distance\">Suurim vaatekaugus (m)<\/label>\r\n        <input type=\"number\" id=\"vd-distance\" step=\"0.1\" min=\"0.5\" required placeholder=\"nt 5\">\r\n      <\/div>\r\n      <div class=\"lp-form-row\">\r\n        <label for=\"vd-content\">Sisu t\u00fc\u00fcp<\/label>\r\n        <select id=\"vd-content\">\r\n          <option value=\"detail\">Detailne sisu (Excel, CAD, v\u00e4ike tekst)<\/option>\r\n          <option value=\"standard\" selected>Tavaline esitlus \/ koost\u00f6\u00f6<\/option>\r\n          <option value=\"passive\">Passiivne info \/ reklaam<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"lp-form-row lp-form-row-button\">\r\n        <label class=\"lp-label-hidden\">&nbsp;<\/label>\r\n        <button type=\"submit\" class=\"lp-btn\">ARVUTA EKRAANI SUURUS<\/button>\r\n      <\/div>\r\n    <\/form>\r\n\r\n    <div class=\"lp-result\" id=\"vd-result\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --lumepix-accent: #DCE900;\r\n    --lumepix-accent-soft: #F4F8CC;\r\n    --lumepix-dark: #141414;\r\n    --lumepix-grey: #f5f5f7;\r\n    --lumepix-border: #dcdde3;\r\n    --lumepix-radius-lg: 18px;\r\n    --lumepix-radius-xl: 24px;\r\n    --lumepix-shadow-soft: 0 18px 35px rgba(0, 0, 0, 0.06);\r\n    --lp-field-height: 52px;\r\n  }\r\n\r\n  .lp-tools {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 40px 20px 50px;\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--lumepix-dark);\r\n  }\r\n\r\n  .lp-tools-header {\r\n    text-align: left;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .lp-tools-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .lp-tools-logo-text {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--lumepix-accent);\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .lp-tools-intro {\r\n    font-size: 15px;\r\n    max-width: 620px;\r\n    color: #555866;\r\n  }\r\n\r\n  .lp-tool-card {\r\n    background: #ffffff;\r\n    border-radius: var(--lumepix-radius-xl);\r\n    padding: 22px 22px 24px;\r\n    margin-bottom: 18px;\r\n    box-shadow: var(--lumepix-shadow-soft);\r\n    border: 1px solid var(--lumepix-border);\r\n  }\r\n\r\n  .lp-tool-title {\r\n    font-size: 20px;\r\n    margin: 0 0 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .lp-tool-title::before {\r\n    content: \"\";\r\n    display: inline-block;\r\n    width: 11px;\r\n    height: 11px;\r\n    border-radius: 999px;\r\n    background: var(--lumepix-accent);\r\n  }\r\n\r\n  .lp-tool-desc {\r\n    font-size: 14px;\r\n    color: #5f6270;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  \/* Vaatekauguse visuaal *\/\r\n  .lp-view-visual {\r\n    margin-bottom: 16px;\r\n    padding: 20px 18px 14px;  \/* natuke rohkem top-paddingut *\/\r\n    border-radius: 18px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 55%, #e1e3eb 100%);\r\n    border: 1px solid var(--lumepix-border);\r\n    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.04) inset;\r\n  }\r\n\r\n  .lp-view-screen {\r\n    width: 120px;\r\n    height: 72px;\r\n    position: relative;\r\n    margin: 8px 0 10px; \/* t\u00f5stab ekraani natuke allapoole *\/\r\n    border-radius: 18px;\r\n    background: #050816;\r\n    box-shadow:\r\n      0 0 0 3px #020617,\r\n      0 16px 26px rgba(15, 23, 42, 0.55);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .lp-view-screen-inner {\r\n    position: absolute;\r\n    inset: 6px;\r\n    border-radius: 14px;\r\n    background:\r\n      radial-gradient(circle at 10% 0%, rgba(220, 233, 0, 0.35), transparent 60%),\r\n      radial-gradient(circle at 90% 100%, rgba(148, 163, 184, 0.4), transparent 55%),\r\n      linear-gradient(135deg, #020617 0%, #020617 40%, #020617 100%);\r\n    display: flex;\r\n    align-items: flex-end;\r\n    padding: 6px 8px;\r\n  }\r\n\r\n  .lp-view-art {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  .lp-art-bar {\r\n    position: absolute;\r\n    bottom: 4px;\r\n    width: 18%;\r\n    border-radius: 999px 999px 0 0;\r\n    background: linear-gradient(180deg, rgba(220, 233, 0, 0.9), rgba(132, 148, 0, 0.95));\r\n    opacity: 0.9;\r\n  }\r\n  .lp-art-bar-1 { left: 4%;  height: 18px; }\r\n  .lp-art-bar-2 { left: 30%; height: 10px; opacity: .6; }\r\n  .lp-art-bar-3 { left: 56%; height: 22px; opacity: .75; }\r\n\r\n  .lp-art-dot {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 8px;\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 999px;\r\n    background: var(--lumepix-accent);\r\n    box-shadow: 0 0 0 2px rgba(220, 233, 0, 0.25);\r\n  }\r\n\r\n  .lp-view-screen-label {\r\n    position: absolute;\r\n    bottom: -18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #4b5563;\r\n  }\r\n\r\n  \/* maajoon + inimene + vahemaa joon *\/\r\n  .lp-view-ground {\r\n    position: relative;\r\n    margin-top: 0;\r\n    padding-left: 140px;\r\n    padding-right: 20px;\r\n  }\r\n\r\n  .lp-view-ground-line {\r\n    position: relative;\r\n    margin-top: -40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .lp-view-distance-line {\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    height: 2px;\r\n    width: 0%;\r\n    background: var(--lumepix-accent);\r\n    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.25);\r\n    transition: width 0.4s ease-out;\r\n  }\r\n\r\n  .lp-view-ground-line::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #9ca3af 0%, #d1d5db 40%, #e5e7eb 100%);\r\n  }\r\n\r\n  .lp-view-person {\r\n    position: absolute;\r\n    bottom: 0; \/* jalad joone peal *\/\r\n    left: 0;\r\n    transform: translateX(-50%);\r\n    transition: left 0.4s ease-out;\r\n  }\r\n\r\n  .lp-view-person-inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .lp-view-head {\r\n    width: 16px;\r\n    height: 16px;\r\n    border-radius: 999px;\r\n    background: var(--lumepix-accent);\r\n    box-shadow: 0 0 0 1px #ffffff, 0 0 10px rgba(220, 233, 0, 0.5);\r\n  }\r\n\r\n  .lp-view-body {\r\n    width: 4px;\r\n    height: 30px;\r\n    border-radius: 999px;\r\n    margin-top: 3px;\r\n    background: linear-gradient(180deg, var(--lumepix-accent) 0%, #8ea100 100%);\r\n  }\r\n\r\n  @keyframes lp-walk-bob {\r\n    0%, 100% { transform: translateY(0); }\r\n    50%      { transform: translateY(-4px); }\r\n  }\r\n\r\n  .lp-view-person.is-walking .lp-view-person-inner {\r\n    animation: lp-walk-bob 0.5s ease-in-out infinite;\r\n  }\r\n\r\n  \/* skaala *\/\r\n  .lp-view-scale {\r\n    position: relative;\r\n    margin-top: 18px;\r\n    height: 24px;\r\n  }\r\n\r\n  .lp-view-scale-mark {\r\n    position: absolute;\r\n    bottom: 0;\r\n    transform: translateX(-50%);\r\n    font-size: 10px;\r\n    color: #6b7280;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .lp-view-scale-mark::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -12px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 1px;\r\n    height: 10px;\r\n    background: #9ca3af;\r\n  }\r\n\r\n  .lp-view-distance-label {\r\n    margin-top: 8px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #111827;\r\n    text-align: right;\r\n  }\r\n\r\n  \/* Vorm \u2013 3 veergu *\/\r\n  .lp-form {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px 16px;\r\n    align-items: flex-start;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .lp-form-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n  }\r\n\r\n  .lp-form-row label {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #484b57;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .lp-label-hidden {\r\n    visibility: hidden;\r\n  }\r\n\r\n  .lp-form-row input,\r\n  .lp-form-row select {\r\n    font-size: 14px;\r\n    padding: 0 14px;\r\n    border-radius: 999px;\r\n    border: 1px solid var(--lumepix-border);\r\n    background: var(--lumepix-grey);\r\n    outline: none;\r\n    height: var(--lp-field-height);\r\n    box-sizing: border-box;\r\n    transition: border-color 0.15s ease, background-color 0.15s ease;\r\n  }\r\n\r\n  .lp-form-row input:focus,\r\n  .lp-form-row select:focus {\r\n    border-color: var(--lumepix-accent);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .lp-btn {\r\n    margin: 0;\r\n    width: 100%;\r\n    border-radius: 999px;\r\n    border: 1px solid #111827;\r\n    background: #111827;\r\n    color: #f9fafb;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    height: var(--lp-field-height);\r\n    box-sizing: border-box;\r\n    box-shadow: none;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background-color 0.12s ease, border-color 0.12s ease, transform 0.06s ease;\r\n  }\r\n\r\n  .lp-btn:hover {\r\n    background: #020617;\r\n    border-color: #020617;\r\n    transform: translateY(-1px);\r\n  }\r\n  .lp-btn:active {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .lp-result {\r\n    margin-top: 16px;\r\n    padding: 12px 14px;\r\n    border-radius: var(--lumepix-radius-lg);\r\n    background: var(--lumepix-accent-soft);\r\n    border: 1px dashed rgba(220, 233, 0, 0.55);\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    color: #1f2333;\r\n  }\r\n\r\n  .lp-result strong { font-weight: 700; }\r\n  .lp-result small  { display:block; margin-top:2px; font-size:11px; color:#626678; }\r\n\r\n  @media (max-width: 768px) {\r\n    .lp-tools { padding-inline: 12px; }\r\n    .lp-tool-card { padding: 18px 16px 20px; }\r\n    .lp-view-visual { padding: 12px 12px 10px; }\r\n    .lp-view-ground { padding-left: 118px; padding-right: 12px; }\r\n    .lp-form { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function roundTo(value, step) {\r\n    return Math.round(value \/ step) * step;\r\n  }\r\n\r\n  \/\/ d\u00fcnaamiline skaala 0\u201320 m\r\n  function initViewScale() {\r\n    const scale = document.getElementById(\"vd-scale\");\r\n    if (!scale || scale.dataset.initialised === \"1\") return;\r\n\r\n    const max = 20;\r\n    const tickValues = [1, 5, 10, 15, 20];\r\n\r\n    tickValues.forEach(function (val) {\r\n      const mark = document.createElement(\"div\");\r\n      mark.className = \"lp-view-scale-mark\";\r\n      const span = document.createElement(\"span\");\r\n      span.textContent = val === 20 ? \"20 m+\" : val + \" m\";\r\n      mark.appendChild(span);\r\n\r\n      const leftPercent = (val \/ max) * 100;\r\n      mark.style.left = leftPercent + \"%\";\r\n\r\n      scale.appendChild(mark);\r\n    });\r\n\r\n    scale.dataset.initialised = \"1\";\r\n  }\r\n\r\n  document.getElementById(\"lp-view-distance-form\").addEventListener(\"submit\", function (e) {\r\n    e.preventDefault();\r\n\r\n    const distance = parseFloat(document.getElementById(\"vd-distance\").value);\r\n    const contentType = document.getElementById(\"vd-content\").value;\r\n    const resultBox = document.getElementById(\"vd-result\");\r\n\r\n    if (!distance || distance <= 0) {\r\n      resultBox.textContent = \"Palun sisesta korrektne vaatekaugus.\";\r\n      return;\r\n    }\r\n\r\n    initViewScale();\r\n\r\n    \/\/ 4\u20136\u20138 reegel\r\n    let divisor =\r\n      contentType === \"detail\" ? 4 :\r\n      contentType === \"standard\" ? 6 : 8;\r\n\r\n    const screenHeight_m = distance \/ divisor;\r\n\r\n    \/\/ diagonaali faktor 16:9 ekraanile\r\n    const diagFactor = Math.sqrt(16*16 + 9*9) \/ 9;\r\n    const diagonal_m = screenHeight_m * diagFactor;\r\n\r\n    const diagonal_in = diagonal_m \/ 0.0254;\r\n    const diagonal_cm = diagonal_m * 100;\r\n\r\n    const diag_in_rounded = roundTo(diagonal_in, 5);\r\n    const diag_cm_rounded = Math.round(diagonal_cm);\r\n\r\n    updateViewDistanceVisual(distance);\r\n\r\n    \/* --- LCD m\u00f5\u00f5dutabel ja l\u00e4him suurus --- *\/\r\n    const lcdSizes = [\r\n      { inch: 13,  w: 288,  h: 162 },\r\n      { inch: 24,  w: 531,  h: 299 },\r\n      { inch: 32,  w: 708,  h: 398 },\r\n      { inch: 43,  w: 953,  h: 536 },\r\n      { inch: 46,  w: 1020, h: 574 },\r\n      { inch: 50,  w: 1109, h: 624 },\r\n      { inch: 55,  w: 1218, h: 685 },\r\n      { inch: 65,  w: 1446, h: 813 },\r\n      { inch: 75,  w: 1670, h: 940 },\r\n      { inch: 85,  w: 1892, h: 1065 },\r\n      { inch: 98,  w: 2181, h: 1227 },\r\n      { inch: 110, w: 2447, h: 1376 }\r\n    ];\r\n\r\n    let recommendedLcd = null;\r\n    let smallestDelta = Infinity;\r\n\r\n    lcdSizes.forEach(size => {\r\n      const delta = Math.abs(size.inch - diag_in_rounded);\r\n      if (delta < smallestDelta) {\r\n        smallestDelta = delta;\r\n        recommendedLcd = size;\r\n      }\r\n    });\r\n\r\n    \/\/ Kui teoreetiline diagonaal on suurem kui suurim LCD (110\"),\r\n    \/\/ siis j\u00e4tame LCD soovituse \u00e4ra\r\n    if (diag_in_rounded > 110) {\r\n      recommendedLcd = null;\r\n    }\r\n\r\n    \/* --- ekraanitehnoloogia loogika (LED soovitus varem reklaamide puhul) --- *\/\r\n    let techTitle = \"\";\r\n    let techExplanation = \"\";\r\n    let ledSizeNote = \"\";\r\n\r\n    if (diag_in_rounded <= 75) {\r\n      if (contentType === \"detail\" || contentType === \"standard\") {\r\n        techTitle = \"LCD ekraan (soovituslik)\";\r\n        techExplanation =\r\n          \"Selles suuruses on professionaalne LCD signage-ekraan parim hinna ja pildikvaliteedi suhe. LED oleks \u00fcldjuhul \u00fclearu kallis, kui ei ole erivajadust.\";\r\n      } else { \/\/ passive, <75\"\r\n        techTitle = \"LCD ekraan, LED v\u00f5imalik erilahendustel\";\r\n        techExplanation =\r\n          \"Passiivse info puhul on kuni 75\\\" juures LCD ekraan tavaliselt kuluefektiivseim. LED sobib siis, kui on erivajadus (v\u00e4ga ere keskkond, eriline kuju v\u00f5i klaasi taga asuv lahendus).\";\r\n      }\r\n    }\r\n    else if (diag_in_rounded > 75 && diag_in_rounded <= 110) {\r\n      if (contentType === \"detail\") {\r\n        techTitle = \"LCD ekraan (v\u00f5imalik ka peenikese sammuga LED)\";\r\n        techExplanation =\r\n          \"Detailse sisu jaoks on LCD ekraan k\u00f5ige teravama pildiga ja kuluefektiivsem. Peenikese sammuga LED sobib, kui ruum on v\u00e4ga ere v\u00f5i ekraan asub klaasi taga.\";\r\n      } else if (contentType === \"standard\") {\r\n        techTitle = \"LCD ekraan, LED v\u00f5imalik\";\r\n        techExplanation =\r\n          \"Koosoleku- ja esitlussisu puhul on LCD ekraan enamasti m\u00f5istlikum, kuid alates ~75\\\" v\u00f5ib LED olla hea valik suuremates ja heledamates ruumides v\u00f5i erilahendustes.\";\r\n      } else { \/\/ passive, >75\"\r\n        techTitle = \"LED ekraan (soovituslik), LCD v\u00f5imalik\";\r\n        techExplanation =\r\n          \"Suurte reklaami- ja infotahvlite puhul alates umbes 75\\\" sobib eriti h\u00e4sti LED ekraan \u2013 lubab suuremat pinda ja madalam resolutsioon on reklaami jaoks piisav. \" +\r\n          \"LCD ekraan on j\u00e4tkuvalt v\u00f5imalus v\u00e4iksemates ruumides v\u00f5i kui ekraani suurus j\u00e4\u00e4b pigem 75\u201385\\\" kanti.\";\r\n      }\r\n    }\r\n    else { \/\/ diag_in_rounded > 110\r\n      techTitle = \"LED ekraan v\u00f5i videosein\";\r\n      techExplanation =\r\n        \"\u00dcle 110-tollise ekraani puhul ei ole \u00fcksik LCD ekraan enam praktiline lahendus. Standardne lahendus on LED paneel v\u00f5i videosein.\";\r\n      ledSizeNote = \"Suuremas m\u00f5\u00f5dus LCD paneeli ei ole.\";\r\n    }\r\n\r\n    \/* --- LCD teksti v\u00e4ljund --- *\/\r\n    let lcdText = \"\";\r\n    if (recommendedLcd) {\r\n      lcdText =\r\n        `Soovituslik LCD ekraani m\u00f5\u00f5t: <strong>${recommendedLcd.inch}\"<\/strong>` +\r\n        `<br><small>${recommendedLcd.w} \u00d7 ${recommendedLcd.h} mm<\/small>`;\r\n    } else {\r\n      lcdText = \"Suurim LCD paneel on 115 tolli.\";\r\n    }\r\n\r\n    \/* --- LED m\u00f5\u00f5du arvutus (16:9, 250 mm samm) --- *\/\r\n    let ledText = \"\";\r\n    const stepMm = 250;\r\n\r\n    \/\/ N\u00e4itame LED m\u00f5\u00f5tu ainult siis, kui tehnoloogia tekst viitab LED-ile\r\n    if (\/LED\/i.test(techTitle)) {\r\n      const aspectW = 16;\r\n      const aspectH = 9;\r\n      const diagFactorWH = Math.sqrt(aspectW*aspectW + aspectH*aspectH);\r\n\r\n      \/\/ teoreetiline 16:9 LED m\u00f5\u00f5t vastavalt arvutatud diagonaalile\r\n      const width_m  = diagonal_m * (aspectW \/ diagFactorWH);\r\n      const height_m = diagonal_m * (aspectH \/ diagFactorWH);\r\n\r\n      const width_mm_raw  = width_m * 1000;\r\n      const height_mm_raw = height_m * 1000;\r\n\r\n      \/\/ \u00fcmardame 250 mm sammuga\r\n      const ledWidth_mm  = Math.max(stepMm, Math.round(width_mm_raw  \/ stepMm) * stepMm);\r\n      const ledHeight_mm = Math.max(stepMm, Math.round(height_mm_raw \/ stepMm) * stepMm);\r\n\r\n      const ledDiag_m = Math.sqrt(ledWidth_mm * ledWidth_mm + ledHeight_mm * ledHeight_mm) \/ 1000;\r\n      const ledDiag_in = ledDiag_m \/ 0.0254;\r\n      const ledDiag_in_rounded = roundTo(ledDiag_in, 5);\r\n\r\n      ledText =\r\n        `L\u00e4him <strong>LED ekraani m\u00f5\u00f5t<\/strong> (16:9, ${stepMm} mm samm): ` +\r\n        `<strong>${ledDiag_in_rounded}\"<\/strong>` +\r\n        `<br><small>ligikaudu ${ledWidth_mm} \u00d7 ${ledHeight_mm} mm<\/small>`;\r\n    }\r\n\r\n    \/* --- tulemuse v\u00e4ljund --- *\/\r\n    resultBox.innerHTML =\r\n      \"<strong>Arvutuslik ekraani diagonaal:<\/strong> \" +\r\n      diag_in_rounded + \"\\\" (\" + diag_cm_rounded + \" cm)\" +\r\n      \"<br>\" + lcdText +\r\n      (ledText ? \"<br>\" + ledText : \"\") +\r\n      \"<br><br><strong>Soovituslik ekraanitehnoloogia:<\/strong> \" + techTitle +\r\n      \"<br><small>\" + techExplanation + \" \" + ledSizeNote + \"<\/small>\";\r\n  });\r\n\r\n  function updateViewDistanceVisual(distance) {\r\n    const person = document.getElementById(\"vd-person\");\r\n    const label = document.getElementById(\"vd-distance-label\");\r\n    const line  = document.getElementById(\"vd-distance-line\");\r\n    if (!person || !label || !line) return;\r\n\r\n    const min = 0;\r\n    const max = 20;           \/\/ graafiku skaala 0\u201320 m\r\n    const clamped = Math.min(Math.max(distance, min), max);\r\n\r\n    const t = clamped \/ max;  \/\/ 0..1\r\n    const leftPercent = t * 100;\r\n\r\n    person.style.left = leftPercent + \"%\";\r\n    line.style.width = (t * 100) + \"%\";\r\n\r\n    label.textContent = distance.toFixed(1).replace(\".\", \",\") + \" m\";\r\n\r\n    person.classList.add(\"is-walking\");\r\n    setTimeout(function () {\r\n      person.classList.remove(\"is-walking\");\r\n    }, 600);\r\n  }\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    initViewScale();\r\n    updateViewDistanceVisual(0);\r\n  });\r\n<\/script>\r\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lumepix ekraani kauguse t\u00f6\u00f6riist Sisesta ekraani suurim vaatekaugus ja sisu t\u00fc\u00fcp. T\u00f6\u00f6riist arvutab soovitusliku ekraanisuuruse, n\u00e4itab inimese kaugust ekraanist ning annab soovituse LCD ja LED lahenduste kohta. Tegemist on n\u00e4idislahendusega, t\u00e4pse lahenduse v\u00e4ljat\u00f6\u00f6tamiseks v\u00f5tke meiega \u00fchendust. Vaatekauguse t\u00f6\u00f6riist Arvutab soovitatava ekraani diagonaali vastavalt suurima vaatekauguse ja sisu t\u00fc\u00fcbile . Allolev skeem n\u00e4itab inimese kaugust ekraanist. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13778","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vaatekauguse t\u00f6\u00f6riist - Lumepix<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lumepix.eu\/en\/vaatekauguse-tooriist\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vaatekauguse t\u00f6\u00f6riist - Lumepix\" \/>\n<meta property=\"og:description\" content=\"Lumepix ekraani kauguse t\u00f6\u00f6riist Sisesta ekraani suurim vaatekaugus ja sisu t\u00fc\u00fcp. T\u00f6\u00f6riist arvutab soovitusliku ekraanisuuruse, n\u00e4itab inimese kaugust ekraanist ning annab soovituse LCD ja LED lahenduste kohta. Tegemist on n\u00e4idislahendusega, t\u00e4pse lahenduse v\u00e4ljat\u00f6\u00f6tamiseks v\u00f5tke meiega \u00fchendust. Vaatekauguse t\u00f6\u00f6riist Arvutab soovitatava ekraani diagonaali vastavalt suurima vaatekauguse ja sisu t\u00fc\u00fcbile . Allolev skeem n\u00e4itab inimese kaugust ekraanist. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lumepix.eu\/en\/vaatekauguse-tooriist\/\" \/>\n<meta property=\"og:site_name\" content=\"Lumepix\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Lumepix\/61584204856868\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-25T21:37:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lumepix.eu\/wp-content\/uploads\/2024\/10\/Artboard-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"416\" \/>\n\t<meta property=\"og:image:height\" content=\"93\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lumepix.eu\\\/vaatekauguse-tooriist\\\/\",\"url\":\"https:\\\/\\\/lumepix.eu\\\/vaatekauguse-tooriist\\\/\",\"name\":\"Vaatekauguse t\u00f6\u00f6riist - Lumepix\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lumepix.eu\\\/#website\"},\"datePublished\":\"2025-11-25T19:37:47+00:00\",\"dateModified\":\"2025-11-25T21:37:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lumepix.eu\\\/vaatekauguse-tooriist\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lumepix.eu\\\/vaatekauguse-tooriist\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lumepix.eu\\\/vaatekauguse-tooriist\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lumepix.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vaatekauguse t\u00f6\u00f6riist\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lumepix.eu\\\/#website\",\"url\":\"https:\\\/\\\/lumepix.eu\\\/\",\"name\":\"Lumepix\",\"description\":\"Audiovideo lahenduste m\u00fc\u00fck ja paigaldus\",\"publisher\":{\"@id\":\"https:\\\/\\\/lumepix.eu\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lumepix.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lumepix.eu\\\/#organization\",\"name\":\"Lumepix\",\"alternateName\":\"Lumepix\",\"url\":\"https:\\\/\\\/lumepix.eu\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/lumepix.eu\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lumepix.eu\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Artboard-1-2.png\",\"contentUrl\":\"https:\\\/\\\/lumepix.eu\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Artboard-1-2.png\",\"width\":100,\"height\":100,\"caption\":\"Lumepix\"},\"image\":{\"@id\":\"https:\\\/\\\/lumepix.eu\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Lumepix\\\/61584204856868\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/106633848\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vaatekauguse t\u00f6\u00f6riist - Lumepix","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:\/\/lumepix.eu\/en\/vaatekauguse-tooriist\/","og_locale":"en_GB","og_type":"article","og_title":"Vaatekauguse t\u00f6\u00f6riist - Lumepix","og_description":"Lumepix ekraani kauguse t\u00f6\u00f6riist Sisesta ekraani suurim vaatekaugus ja sisu t\u00fc\u00fcp. T\u00f6\u00f6riist arvutab soovitusliku ekraanisuuruse, n\u00e4itab inimese kaugust ekraanist ning annab soovituse LCD ja LED lahenduste kohta. Tegemist on n\u00e4idislahendusega, t\u00e4pse lahenduse v\u00e4ljat\u00f6\u00f6tamiseks v\u00f5tke meiega \u00fchendust. Vaatekauguse t\u00f6\u00f6riist Arvutab soovitatava ekraani diagonaali vastavalt suurima vaatekauguse ja sisu t\u00fc\u00fcbile . Allolev skeem n\u00e4itab inimese kaugust ekraanist. [&hellip;]","og_url":"https:\/\/lumepix.eu\/en\/vaatekauguse-tooriist\/","og_site_name":"Lumepix","article_publisher":"https:\/\/www.facebook.com\/people\/Lumepix\/61584204856868\/","article_modified_time":"2025-11-25T21:37:44+00:00","og_image":[{"width":416,"height":93,"url":"https:\/\/lumepix.eu\/wp-content\/uploads\/2024\/10\/Artboard-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lumepix.eu\/vaatekauguse-tooriist\/","url":"https:\/\/lumepix.eu\/vaatekauguse-tooriist\/","name":"Vaatekauguse t\u00f6\u00f6riist - Lumepix","isPartOf":{"@id":"https:\/\/lumepix.eu\/#website"},"datePublished":"2025-11-25T19:37:47+00:00","dateModified":"2025-11-25T21:37:44+00:00","breadcrumb":{"@id":"https:\/\/lumepix.eu\/vaatekauguse-tooriist\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lumepix.eu\/vaatekauguse-tooriist\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lumepix.eu\/vaatekauguse-tooriist\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lumepix.eu\/"},{"@type":"ListItem","position":2,"name":"Vaatekauguse t\u00f6\u00f6riist"}]},{"@type":"WebSite","@id":"https:\/\/lumepix.eu\/#website","url":"https:\/\/lumepix.eu\/","name":"Lumepix","description":"Audiovideo lahenduste m\u00fc\u00fck ja paigaldus","publisher":{"@id":"https:\/\/lumepix.eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lumepix.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/lumepix.eu\/#organization","name":"Lumepix","alternateName":"Lumepix","url":"https:\/\/lumepix.eu\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/lumepix.eu\/#\/schema\/logo\/image\/","url":"https:\/\/lumepix.eu\/wp-content\/uploads\/2024\/10\/Artboard-1-2.png","contentUrl":"https:\/\/lumepix.eu\/wp-content\/uploads\/2024\/10\/Artboard-1-2.png","width":100,"height":100,"caption":"Lumepix"},"image":{"@id":"https:\/\/lumepix.eu\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Lumepix\/61584204856868\/","https:\/\/www.linkedin.com\/company\/106633848"]}]}},"_links":{"self":[{"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/pages\/13778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/comments?post=13778"}],"version-history":[{"count":14,"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/pages\/13778\/revisions"}],"predecessor-version":[{"id":13845,"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/pages\/13778\/revisions\/13845"}],"wp:attachment":[{"href":"https:\/\/lumepix.eu\/en\/wp-json\/wp\/v2\/media?parent=13778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}