{"id":12027,"date":"2025-01-31T11:03:58","date_gmt":"2025-01-31T11:03:58","guid":{"rendered":"https:\/\/framos.com\/resources\/explore\/online-tools\/depth-of-field-calculator\/"},"modified":"2026-07-29T06:06:08","modified_gmt":"2026-07-29T06:06:08","slug":"schaerfentiefe-rechner","status":"publish","type":"page","link":"https:\/\/framos.com\/de\/ressourcen\/erkunden\/online-tools\/schaerfentiefe-rechner\/","title":{"rendered":"Sch\u00e4rfentiefe-Rechner"},"content":{"rendered":"\n<div class=\"wp-block-group pt-16 pb-24\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"rounded-md bg-yellow-50 dark:bg-yellow-950\/40 max-w-6xl mx-auto p-4 my-16\">\n  <div class=\"flex\">\n    <div class=\"shrink-0\">\n      <svg class=\"size-5 text-yellow-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495ZM10 5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 10 5Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" clip-rule=\"evenodd\"\/><\/svg>    <\/div>\n    <div class=\"ml-3 flex-1\">\n              <h3 class=\"text-sm p-0 font-medium text-yellow-800 dark:text-yellow-200\">\n          Wichtiger Hinweis        <\/h3>\n                    <div class=\"mt-2 text-sm text-yellow-700 dark:text-yellow-300\">\n          <p>Bitte beachten Sie, dass <strong>alle hier vorgestellten Berechnungen ausschlie\u00dflich auf theoretischen Formeln beruhen.<\/strong> Es ist unbedingt zu beachten, dass <strong>die tats\u00e4chlichen Ergebnisse aufgrund verschiedener realer Faktoren und Komplexit\u00e4ten von diesen theoretischen Berechnungen abweichen k\u00f6nnen.<\/strong><\/p><p>Z\u00f6gern Sie nicht, unsere Experten zu kontaktieren, um ein umfassendes Verst\u00e4ndnis Ihrer optischen Anforderungen zu erlangen und die bestm\u00f6glichen Ergebnisse f\u00fcr Ihre Anwendung zu erzielen.<\/p>        <\/div>\n                    <div class=\"mt-4 flex gap-3 flex-wrap\">\n                      <a href=\"\/contact\/\" class=\"rounded-md bg-yellow-100 px-2 py-1.5 text-sm font-medium text-yellow-800 visited:text-yellow-800 hover:bg-yellow-200 dark:bg-yellow-900\/40 dark:text-yellow-200 dark:hover:bg-yellow-900\/60 focus:outline-none focus:ring-2 focus:ring-yellow-600 focus:ring-offset-2 focus:ring-offset-yellow-50\"  data-cta=\"true\" data-cta-id=\"framos_alert.1.button\" data-cta-label=\"\" data-cta-location=\"framos_alert@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\n              Kontaktieren Sie unsere Optik-Experten            <\/a>\n                            <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"dof-calculator\"\n     class=\"max-w-5xl mx-auto mt-12 mb-16 rounded-3xl shadow-2xl bg-white\/95 dark:bg-secondary ring-1 ring-gray-100 dark:ring-secondary100 overflow-hidden\">\n\n  <style>\n    \/* Scoped animations for the DoF calculator *\/\n    @keyframes dofFadeUp {\n      from { opacity: 0; transform: translateY(14px); }\n      to   { opacity: 1; transform: none; }\n    }\n    @keyframes dofShake {\n      0%, 100% { transform: translateX(0); }\n      20% { transform: translateX(-5px); }\n      40% { transform: translateX(5px); }\n      60% { transform: translateX(-3px); }\n      80% { transform: translateX(3px); }\n    }\n    @keyframes dofSpinSlow {\n      from { transform: rotate(0deg); }\n      to   { transform: rotate(360deg); }\n    }\n    @keyframes dofPulse {\n      0%, 100% { opacity: .45; }\n      50%      { opacity: .9; }\n    }\n    #dof-calculator .dof-anim-in { animation: dofFadeUp .5s cubic-bezier(.22,1,.36,1) both; }\n    #dof-calculator .dof-stagger > * { animation: dofFadeUp .55s cubic-bezier(.22,1,.36,1) both; }\n    #dof-calculator .dof-stagger > *:nth-child(1) { animation-delay: .05s; }\n    #dof-calculator .dof-stagger > *:nth-child(2) { animation-delay: .12s; }\n    #dof-calculator .dof-stagger > *:nth-child(3) { animation-delay: .19s; }\n    #dof-calculator .dof-stagger > *:nth-child(4) { animation-delay: .26s; }\n    #dof-calculator .dof-stagger > *:nth-child(5) { animation-delay: .33s; }\n    #dof-calculator .dof-stagger > *:nth-child(6) { animation-delay: .40s; }\n    #dof-calculator .dof-stagger > *:nth-child(7) { animation-delay: .47s; }\n    #dof-calculator .dof-shake { animation: dofShake .4s ease; }\n    #dof-calculator .dof-field-error {\n      outline: 2px solid #f87171 !important;\n      outline-offset: -2px;\n    }\n    #dof-calculator .dof-aperture { animation: dofSpinSlow 24s linear infinite; transform-origin: 60px 60px; }\n    #dof-calculator .dof-empty-hint { animation: dofPulse 3s ease-in-out infinite; }\n    #dof-calculator .dof-stale { opacity: .35; filter: saturate(.4); transition: opacity .3s, filter .3s; }\n    @media (prefers-reduced-motion: reduce) {\n      #dof-calculator .dof-anim-in,\n      #dof-calculator .dof-stagger > *,\n      #dof-calculator .dof-shake,\n      #dof-calculator .dof-aperture,\n      #dof-calculator .dof-empty-hint { animation: none !important; }\n    }\n  <\/style>\n\n  <!-- Brand accent bar -->\n  <div class=\"h-1.5 bg-gradient-to-r from-primary via-accent to-primary\"><\/div>\n\n  <div class=\"flex flex-col md:flex-row\">\n\n    <!-- LEFT: FORM -->\n    <div class=\"flex-1 px-8 py-10 dark:bg-secondary\">\n      <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight text-secondary dark:text-white mb-2 text-left\">\n        Depth of Field Calculator      <\/h2>\n      <p class=\"text-sm text-gray-500 dark:text-gray-300 mb-8\">\n        Enter your lens and sensor specs to see the sharp zone of your setup.      <\/p>\n\n      <form id=\"dof-form\" autocomplete=\"off\" class=\"space-y-8\" novalidate>\n\n        <!-- Lens Specs -->\n        <div>\n          <div class=\"flex items-center gap-2 mb-4\">\n            <span class=\"h-4 w-1 rounded-full bg-primary\"><\/span>\n            <span class=\"text-base font-semibold text-gray-800 dark:text-white\">Lens Specs<\/span>\n          <\/div>\n          <div class=\"grid grid-cols-1 gap-6 sm:grid-cols-2\">\n            <div>\n              <label for=\"f\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n                Focal Length              <\/label>\n              <div class=\"mt-2 relative\">\n                <input type=\"number\" id=\"f\" name=\"f\" step=\"any\" min=\"0\" inputmode=\"decimal\" required\n                  placeholder=\"e.g. 25\"\n                  class=\"block w-full rounded-lg bg-white dark:bg-secondary100 pl-3 pr-12 py-2 text-base text-gray-900 dark:text-white outline outline-1 -outline-offset-1 outline-gray-300 dark:outline-secondary100 placeholder:text-gray-400 dark:placeholder:text-gray-300 transition-shadow focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-primary sm:text-sm\/6\">\n                <span class=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-xs text-gray-400 dark:text-gray-300\">mm<\/span>\n              <\/div>\n            <\/div>\n            <div>\n              <label for=\"aperture\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n                F-Number (Aperture)              <\/label>\n              <div class=\"mt-2 relative\">\n                <input type=\"number\" id=\"aperture\" name=\"aperture\" step=\"any\" min=\"0\" inputmode=\"decimal\" required\n                  placeholder=\"e.g. 2.8\"\n                  class=\"block w-full rounded-lg bg-white dark:bg-secondary100 pl-3 pr-10 py-2 text-base text-gray-900 dark:text-white outline outline-1 -outline-offset-1 outline-gray-300 dark:outline-secondary100 placeholder:text-gray-400 dark:placeholder:text-gray-300 transition-shadow focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-primary sm:text-sm\/6\">\n                <span class=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-xs text-gray-400 dark:text-gray-300\">f\/<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Object Space -->\n        <div>\n          <div class=\"flex items-center gap-2 mb-4\">\n            <span class=\"h-4 w-1 rounded-full bg-primary\"><\/span>\n            <span class=\"text-base font-semibold text-gray-800 dark:text-white\">Object Space<\/span>\n          <\/div>\n          <div>\n            <label for=\"wd\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n              Focus Distance            <\/label>\n            <div class=\"mt-2 relative\">\n              <input type=\"number\" id=\"wd\" name=\"wd\" step=\"any\" min=\"0\" inputmode=\"decimal\" required\n                placeholder=\"e.g. 1000\"\n                class=\"block w-full rounded-lg bg-white dark:bg-secondary100 pl-3 pr-12 py-2 text-base text-gray-900 dark:text-white outline outline-1 -outline-offset-1 outline-gray-300 dark:outline-secondary100 placeholder:text-gray-400 dark:placeholder:text-gray-300 transition-shadow focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-primary sm:text-sm\/6\">\n              <span class=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-xs text-gray-400 dark:text-gray-300\">mm<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Sensor Specs -->\n        <div>\n          <div class=\"flex items-center gap-2 mb-4\">\n            <span class=\"h-4 w-1 rounded-full bg-primary\"><\/span>\n            <span class=\"text-base font-semibold text-gray-800 dark:text-white\">Sensor Specs<\/span>\n          <\/div>\n          <div class=\"grid grid-cols-1 gap-6 sm:grid-cols-2\">\n            <div>\n              <label for=\"p\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n                Pixel Gr\u00f6\u00dfe              <\/label>\n              <div class=\"mt-2 relative\">\n                <input type=\"number\" id=\"p\" name=\"p\" step=\"any\" min=\"0\" inputmode=\"decimal\" required\n                  placeholder=\"e.g. 0.00345\"\n                  class=\"block w-full rounded-lg bg-white dark:bg-secondary100 pl-3 pr-12 py-2 text-base text-gray-900 dark:text-white outline outline-1 -outline-offset-1 outline-gray-300 dark:outline-secondary100 placeholder:text-gray-400 dark:placeholder:text-gray-300 transition-shadow focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-primary sm:text-sm\/6\">\n                <span class=\"pointer-events-none absolute inset-y-0 right-3 flex items-center text-xs text-gray-400 dark:text-gray-300\">mm<\/span>\n              <\/div>\n            <\/div>\n            <div>\n              <span class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">Sensor Type<\/span>\n              <div id=\"sensor-type\" class=\"mt-2 grid grid-cols-2 gap-2 rounded-lg p-1 bg-gray-100 dark:bg-secondary100\">\n                <label class=\"relative\">\n                  <input type=\"radio\" name=\"sensor-type\" value=\"Monochrome\" class=\"peer sr-only\">\n                  <span class=\"block cursor-pointer select-none rounded-md py-1.5 text-center text-sm font-medium text-gray-600 dark:text-gray-300 transition-all duration-200 peer-checked:bg-primary peer-checked:text-white peer-checked:shadow hover:text-gray-900 dark:hover:text-white\">\n                    Monochrome                  <\/span>\n                <\/label>\n                <label class=\"relative\">\n                  <input type=\"radio\" name=\"sensor-type\" value=\"Color\" class=\"peer sr-only\">\n                  <span class=\"block cursor-pointer select-none rounded-md py-1.5 text-center text-sm font-medium text-gray-600 dark:text-gray-300 transition-all duration-200 peer-checked:bg-primary peer-checked:text-white peer-checked:shadow hover:text-gray-900 dark:hover:text-white\">\n                    Color                  <\/span>\n                <\/label>\n              <\/div>\n              <p class=\"mt-2 text-xs text-gray-400 dark:text-gray-400\">\n                Sampling factor: 1.4 for monochrome, 2.0 for color sensors.              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Validation message -->\n        <p id=\"dof-error\" role=\"alert\" class=\"hidden text-sm font-medium text-red-500\"><\/p>\n\n        <!-- Calculate Button -->\n        <div class=\"pt-2 flex justify-center\">\n          <button type=\"submit\" id=\"calculate\"\n            class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2 px-10 py-2.5 rounded-lg font-bold bg-primary text-white shadow-lg transition-all duration-200 hover:bg-primary-dark hover:-translate-y-0.5 hover:shadow-2xl active:translate-y-0 focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2 dark:focus:ring-offset-secondary\" data-cta=\"true\" data-cta-id=\"dof-calculator.1.calc-submit\" data-cta-label=\"calculate\" data-cta-location=\"dof-calculator@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"tool-control\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 opacity-90\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M12 3v3M12 18v3M3 12h3M18 12h3\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n            <\/svg>\n            Calculate          <\/button>\n        <\/div>\n      <\/form>\n    <\/div>\n\n    <!-- VERTICAL DIVIDER -->\n    <div class=\"hidden md:block w-px bg-gradient-to-b from-gray-300 dark:from-secondary100 to-gray-100 dark:to-secondary100 my-12\"><\/div>\n\n    <!-- RIGHT: OUTPUT -->\n    <div class=\"flex-1 px-8 py-10 flex flex-col justify-center bg-gray-50 dark:bg-secondary100\">\n\n      <!-- Empty state -->\n      <div id=\"dof-empty\" class=\"flex flex-col items-center justify-center text-center py-16\">\n        <svg viewBox=\"0 0 120 120\" class=\"w-24 h-24 text-primary\" aria-hidden=\"true\">\n          <g class=\"dof-aperture\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" opacity=\".85\">\n            <circle cx=\"60\" cy=\"60\" r=\"52\" opacity=\".35\"\/>\n            <path d=\"M60 12 L84 48\"\/>\n            <path d=\"M101.6 36 L66 51\"\/>\n            <path d=\"M101.6 84 L72 60\"\/>\n            <path d=\"M60 108 L54 66\"\/>\n            <path d=\"M18.4 84 L48 63\"\/>\n            <path d=\"M18.4 36 L54 51\"\/>\n          <\/g>\n          <circle cx=\"60\" cy=\"60\" r=\"10\" fill=\"currentColor\" opacity=\".2\"\/>\n        <\/svg>\n        <p class=\"dof-empty-hint mt-6 text-sm text-gray-500 dark:text-gray-300 max-w-xs\">\n          Your results will appear here. Fill in the specs and press Calculate.        <\/p>\n      <\/div>\n\n      <!-- Results -->\n      <div id=\"output\" class=\"hidden w-full\" aria-live=\"polite\">\n\n        <!-- Optical diagram -->\n        <div class=\"dof-anim-in mb-6\">\n          <svg id=\"dof-diagram\" viewBox=\"0 0 640 200\" class=\"w-full h-auto text-gray-500 dark:text-gray-400\" aria-hidden=\"true\">\n            <defs>\n              <linearGradient id=\"dofBand\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                <stop offset=\"0\" stop-color=\"#0098B0\" stop-opacity=\".30\"\/>\n                <stop offset=\"1\" stop-color=\"#00c4d4\" stop-opacity=\".30\"\/>\n              <\/linearGradient>\n              <linearGradient id=\"dofBandInf\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                <stop offset=\"0\" stop-color=\"#0098B0\" stop-opacity=\".30\"\/>\n                <stop offset=\".65\" stop-color=\"#00c4d4\" stop-opacity=\".24\"\/>\n                <stop offset=\"1\" stop-color=\"#00c4d4\" stop-opacity=\"0\"\/>\n              <\/linearGradient>\n            <\/defs>\n            <!-- camera + lens -->\n            <g fill=\"currentColor\" opacity=\".8\">\n              <rect x=\"10\" y=\"76\" width=\"36\" height=\"48\" rx=\"6\"\/>\n              <rect x=\"46\" y=\"86\" width=\"16\" height=\"28\" rx=\"3\"\/>\n              <ellipse cx=\"64\" cy=\"100\" rx=\"4\" ry=\"14\"\/>\n            <\/g>\n            <!-- optical axis -->\n            <line x1=\"72\" y1=\"100\" x2=\"624\" y2=\"100\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 6\" opacity=\".45\"\/>\n            <!-- DoF band -->\n            <rect id=\"dof-band\" x=\"0\" y=\"56\" width=\"0\" height=\"88\" rx=\"8\" fill=\"url(#dofBand)\"\/>\n            <!-- near \/ far limits -->\n            <line id=\"dof-near-line\" x1=\"0\" x2=\"0\" y1=\"56\" y2=\"144\" stroke=\"#0098B0\" stroke-width=\"2.5\" opacity=\"0\"\/>\n            <line id=\"dof-far-line\" x1=\"0\" x2=\"0\" y1=\"56\" y2=\"144\" stroke=\"#0098B0\" stroke-width=\"2.5\" opacity=\"0\"\/>\n            <!-- focus plane -->\n            <g id=\"dof-focus\" opacity=\"0\">\n              <line id=\"dof-focus-line\" x1=\"0\" x2=\"0\" y1=\"44\" y2=\"156\" stroke=\"#00c4d4\" stroke-width=\"2\" stroke-dasharray=\"5 4\"\/>\n              <circle id=\"dof-focus-dot\" cx=\"0\" cy=\"100\" r=\"5\" fill=\"#00c4d4\"\/>\n            <\/g>\n            <!-- labels -->\n            <text id=\"dof-focus-label\" x=\"0\" y=\"34\" text-anchor=\"middle\" font-size=\"13\" fill=\"currentColor\" opacity=\"0\"><\/text>\n            <text id=\"dof-near-val\" x=\"0\" y=\"168\" text-anchor=\"middle\" font-size=\"12\" fill=\"currentColor\" opacity=\"0\"><\/text>\n            <text id=\"dof-near-cap\" x=\"0\" y=\"184\" text-anchor=\"middle\" font-size=\"11\" fill=\"currentColor\" opacity=\"0\">Near<\/text>\n            <text id=\"dof-far-val\" x=\"0\" y=\"168\" text-anchor=\"middle\" font-size=\"12\" fill=\"currentColor\" opacity=\"0\"><\/text>\n            <text id=\"dof-far-cap\" x=\"0\" y=\"184\" text-anchor=\"middle\" font-size=\"11\" fill=\"currentColor\" opacity=\"0\">Far<\/text>\n          <\/svg>\n        <\/div>\n\n        <div class=\"dof-stagger grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <!-- Hero: Depth of Field -->\n          <div class=\"sm:col-span-2 rounded-2xl bg-gradient-to-br from-primary to-accent p-5 shadow-lg text-white\">\n            <div class=\"text-sm font-medium text-white\/85\">Depth of Field<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1.5\">\n              <span id=\"dof\" class=\"text-4xl font-framos-bold tabular-nums\">-<\/span>\n              <span id=\"dof-unit\" class=\"text-lg text-white\/85\">mm<\/span>\n            <\/div>\n            <div id=\"dof-summary\" class=\"mt-1 text-sm text-white\/85\"><\/div>\n          <\/div>\n          <!-- Near limit -->\n          <div class=\"rounded-xl bg-white dark:bg-secondary ring-1 ring-gray-200 dark:ring-white\/10 p-4\">\n            <div class=\"text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400\">Near Limit<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"dnear\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span class=\"text-xs text-gray-400\">mm<\/span>\n            <\/div>\n          <\/div>\n          <!-- Far limit -->\n          <div class=\"rounded-xl bg-white dark:bg-secondary ring-1 ring-gray-200 dark:ring-white\/10 p-4\">\n            <div class=\"text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400\">Far Limit<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"dfar\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span id=\"dfar-unit\" class=\"text-xs text-gray-400\">mm<\/span>\n            <\/div>\n          <\/div>\n          <!-- Hyperfocal -->\n          <div class=\"sm:col-span-2 rounded-xl bg-white dark:bg-secondary ring-1 ring-gray-200 dark:ring-white\/10 p-4\">\n            <div class=\"text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400\">Hyperfocal Distance<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"dhyper\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span class=\"text-xs text-gray-400\">mm<\/span>\n            <\/div>\n          <\/div>\n          <!-- CoC -->\n          <div class=\"rounded-xl bg-white dark:bg-secondary ring-1 ring-gray-200 dark:ring-white\/10 p-4\">\n            <div class=\"text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400\">Circle of Confusion<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"coc\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span class=\"text-xs text-gray-400\">mm<\/span>\n            <\/div>\n          <\/div>\n          <!-- Sampling factor -->\n          <div class=\"rounded-xl bg-white dark:bg-secondary ring-1 ring-gray-200 dark:ring-white\/10 p-4\">\n            <div class=\"text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400\">Sampling Factor<\/div>\n            <div class=\"mt-1\">\n              <span id=\"sampling-factor\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- CTA -->\n        <div class=\"dof-anim-in mt-8 text-center w-full\" style=\"animation-delay:.5s\">\n          <div class=\"bg-framosSkyBlue p-4 rounded-xl shadow-sm\">\n            <p class=\"font-medium mb-4 text-sky-800\">\n              Consult our experts for real-world solutions tailored to your imaging needs.            <\/p>\n            <a href=\"\/kontakt\/\"\n               class=\"inline-block px-6 py-2 bg-primary text-white rounded-full shadow hover:bg-primary-dark transition font-semibold visited:text-white\" data-cta=\"true\" data-cta-id=\"dof-calculator.2.contact-experts\" data-cta-label=\"contact our experts\" data-cta-location=\"dof-calculator@schaerfentiefe-rechner\" data-cta-destination=\"\/kontakt\/\" data-cta-type=\"primary\">\n               Contact our Experts            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  var root = document.getElementById('dof-calculator');\n  if (!root) return;\n\n  var msgs = {\n    fill: \"Please fill in all fields with valid positive numbers.\",\n    wdf: \"The focus distance must be larger than the focal length.\",\n    infinity: \"Infinity\",\n    focus: \"Focus\",\n    summary: \"Sharp from %1$s mm to %2$s mm.\",\n    summaryInf: \"Sharp from %1$s mm to infinity.\"  };\n\n  var reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var locale = document.documentElement.lang || 'en';\n  var fmt2, fmtCoc;\n  try {\n    fmt2 = new Intl.NumberFormat(locale, { maximumFractionDigits: 2 });\n    fmtCoc = new Intl.NumberFormat(locale, { maximumSignificantDigits: 4 });\n  } catch (e) {\n    fmt2 = new Intl.NumberFormat(undefined, { maximumFractionDigits: 2 });\n    fmtCoc = new Intl.NumberFormat(undefined, { maximumSignificantDigits: 4 });\n  }\n\n  function $(id) { return document.getElementById(id); }\n  var fields = { f: $('f'), aperture: $('aperture'), wd: $('wd'), p: $('p') };\n  var output = $('output');\n  var empty = $('dof-empty');\n  var errorEl = $('dof-error');\n  var hasResult = false;\n  var prev = { dof: 0, dnear: 0, dfar: 0, dhyper: 0, coc: 0 };\n  var rafId = null;\n\n  function sensorValue() {\n    var checked = root.querySelector('input[name=\"sensor-type\"]:checked');\n    return checked ? checked.value : '';\n  }\n\n  function readValues() {\n    return {\n      f: parseFloat(fields.f.value),\n      N: parseFloat(fields.aperture.value),\n      WD: parseFloat(fields.wd.value),\n      P: parseFloat(fields.p.value),\n      sensor: sensorValue()\n    };\n  }\n\n  function findErrors(v) {\n    var bad = [];\n    if (!(v.f > 0)) bad.push(fields.f);\n    if (!(v.N > 0)) bad.push(fields.aperture);\n    if (!(v.WD > 0)) bad.push(fields.wd);\n    if (!(v.P > 0)) bad.push(fields.p);\n    if (!v.sensor) bad.push($('sensor-type'));\n    if (bad.length) return { bad: bad, msg: msgs.fill };\n    if (v.WD <= v.f) return { bad: [fields.wd], msg: msgs.wdf };\n    return { bad: [], msg: '' };\n  }\n\n  function clearErrors() {\n    errorEl.classList.add('hidden');\n    errorEl.textContent = '';\n    root.querySelectorAll('.dof-field-error').forEach(function (el) {\n      el.classList.remove('dof-field-error');\n    });\n  }\n\n  function showErrors(err) {\n    errorEl.textContent = err.msg;\n    errorEl.classList.remove('hidden');\n    err.bad.forEach(function (el) {\n      el.classList.add('dof-field-error');\n      el.classList.remove('dof-shake');\n      void el.offsetWidth; \/* restart animation *\/\n      el.classList.add('dof-shake');\n    });\n  }\n\n  function compute(v) {\n    var S = (v.sensor === 'Monochrome') ? 1.4 : 2;\n    var CoC = v.P * S;\n    var Dhyper = ((v.f * v.f) \/ (v.N * CoC)) + v.f;\n    var Dnear = v.WD \/ (1 + ((v.WD - v.f) * v.N * CoC) \/ (v.f * v.f));\n    var inf = v.WD >= Dhyper;\n    var Dfar = inf ? Infinity : v.WD \/ (1 - ((v.WD - v.f) * v.N * CoC) \/ (v.f * v.f));\n    var DoF = inf ? Infinity : (Dfar - Dnear);\n    return { v: v, S: S, coc: CoC, dhyper: Dhyper, dnear: Dnear, dfar: Dfar, dof: DoF, inf: inf };\n  }\n\n  \/* --- Diagram geometry --- *\/\n  var X0 = 80, X1 = 622;\n  function clampLabelX(x) { return Math.max(104, Math.min(600, x)); }\n\n  function renderDiagram(res, e) {\n    var dMax = res.inf ? res.v.WD * 2 : res.dfar * 1.12;\n    function xd(d) { return X0 + Math.min(1, d \/ dMax) * (X1 - X0); }\n\n    var xFocus = xd(res.v.WD);\n    var xNearT = xd(res.dnear);\n    var xFarT = res.inf ? X1 : xd(res.dfar);\n\n    \/* band grows outward from the focus plane *\/\n    var left = xFocus + (xNearT - xFocus) * e;\n    var right = xFocus + (xFarT - xFocus) * e;\n    var band = $('dof-band');\n    band.setAttribute('x', left);\n    band.setAttribute('width', Math.max(right - left, 2));\n    band.setAttribute('fill', res.inf ? 'url(#dofBandInf)' : 'url(#dofBand)');\n\n    var nearLine = $('dof-near-line');\n    nearLine.setAttribute('x1', left); nearLine.setAttribute('x2', left);\n    nearLine.setAttribute('opacity', e);\n\n    var farLine = $('dof-far-line');\n    if (res.inf) {\n      farLine.setAttribute('opacity', 0);\n    } else {\n      farLine.setAttribute('x1', right); farLine.setAttribute('x2', right);\n      farLine.setAttribute('opacity', e);\n    }\n\n    var focusG = $('dof-focus');\n    $('dof-focus-line').setAttribute('x1', xFocus);\n    $('dof-focus-line').setAttribute('x2', xFocus);\n    $('dof-focus-dot').setAttribute('cx', xFocus);\n    focusG.setAttribute('opacity', e);\n\n    var focusLabel = $('dof-focus-label');\n    focusLabel.setAttribute('x', clampLabelX(xFocus));\n    focusLabel.textContent = msgs.focus + ' ' + fmt2.format(res.v.WD) + ' mm';\n    focusLabel.setAttribute('opacity', e);\n\n    var nearVal = $('dof-near-val'), nearCap = $('dof-near-cap');\n    var farVal = $('dof-far-val'), farCap = $('dof-far-cap');\n\n    var nearX = clampLabelX(xNearT);\n    var farX = res.inf ? 596 : clampLabelX(xFarT);\n    var nearAnchor = 'middle', farAnchor = 'middle';\n    \/* When the band is narrow the labels collide - push them apart *\/\n    if (!res.inf && (farX - nearX) < 90) {\n      nearAnchor = 'end';\n      farAnchor = 'start';\n      nearX = Math.max(78, Math.min(nearX, xNearT) - 8);\n      farX = Math.min(636, Math.max(farX, xFarT) + 8);\n    }\n\n    nearVal.setAttribute('x', nearX);\n    nearCap.setAttribute('x', nearX);\n    nearVal.setAttribute('text-anchor', nearAnchor);\n    nearCap.setAttribute('text-anchor', nearAnchor);\n    nearVal.textContent = fmt2.format(res.dnear);\n    nearVal.setAttribute('opacity', e);\n    nearCap.setAttribute('opacity', e * 0.7);\n\n    farVal.setAttribute('x', farX);\n    farCap.setAttribute('x', farX);\n    farVal.setAttribute('text-anchor', farAnchor);\n    farCap.setAttribute('text-anchor', farAnchor);\n    farVal.textContent = res.inf ? msgs.infinity : fmt2.format(res.dfar);\n    farVal.setAttribute('opacity', e);\n    farCap.setAttribute('opacity', e * 0.7);\n  }\n\n  function renderNumbers(res, e) {\n    function lerp(from, to) { return from + (to - from) * e; }\n    $('coc').textContent = fmtCoc.format(lerp(prev.coc, res.coc));\n    $('sampling-factor').textContent = res.S.toFixed(1);\n    $('dhyper').textContent = fmt2.format(lerp(prev.dhyper, res.dhyper));\n    $('dnear').textContent = fmt2.format(lerp(prev.dnear, res.dnear));\n\n    if (res.inf) {\n      $('dfar').textContent = msgs.infinity;\n      $('dfar-unit').classList.add('hidden');\n      $('dof').textContent = msgs.infinity;\n      $('dof-unit').classList.add('hidden');\n      $('dof-summary').textContent = msgs.summaryInf.replace('%1$s', fmt2.format(res.dnear));\n    } else {\n      $('dfar-unit').classList.remove('hidden');\n      $('dof-unit').classList.remove('hidden');\n      $('dfar').textContent = fmt2.format(lerp(isFinite(prev.dfar) ? prev.dfar : 0, res.dfar));\n      $('dof').textContent = fmt2.format(lerp(isFinite(prev.dof) ? prev.dof : 0, res.dof));\n      $('dof-summary').textContent = msgs.summary\n        .replace('%1$s', fmt2.format(res.dnear))\n        .replace('%2$s', fmt2.format(res.dfar));\n    }\n  }\n\n  function showResult(res) {\n    empty.classList.add('hidden');\n    output.classList.remove('hidden');\n    output.classList.remove('dof-stale');\n\n    if (rafId) cancelAnimationFrame(rafId);\n\n    if (reduced) {\n      renderDiagram(res, 1);\n      renderNumbers(res, 1);\n      prev = { dof: res.dof, dnear: res.dnear, dfar: res.dfar, dhyper: res.dhyper, coc: res.coc };\n      return;\n    }\n\n    var start = performance.now();\n    var duration = hasResult ? 500 : 800;\n    function frame(now) {\n      var t = Math.min(1, (now - start) \/ duration);\n      var e = 1 - Math.pow(1 - t, 3); \/* ease-out cubic *\/\n      renderDiagram(res, e);\n      renderNumbers(res, e);\n      if (t < 1) {\n        rafId = requestAnimationFrame(frame);\n      } else {\n        rafId = null;\n        prev = { dof: res.dof, dnear: res.dnear, dfar: res.dfar, dhyper: res.dhyper, coc: res.coc };\n      }\n    }\n    rafId = requestAnimationFrame(frame);\n  }\n\n  function calculate() {\n    clearErrors();\n    var v = readValues();\n    var err = findErrors(v);\n    if (err.msg) {\n      showErrors(err);\n      if (hasResult) output.classList.add('dof-stale');\n      return;\n    }\n    showResult(compute(v));\n    hasResult = true;\n  }\n\n  $('dof-form').addEventListener('submit', function (ev) {\n    ev.preventDefault();\n    calculate();\n  });\n\n  \/* Live recalculation after the first result *\/\n  var debounce = null;\n  root.querySelectorAll('#dof-form input').forEach(function (el) {\n    el.addEventListener('input', function () {\n      el.classList.remove('dof-field-error');\n      if (!hasResult) return;\n      if (debounce) clearTimeout(debounce);\n      debounce = setTimeout(function () {\n        var v = readValues();\n        var err = findErrors(v);\n        if (err.msg) {\n          output.classList.add('dof-stale');\n          return;\n        }\n        clearErrors();\n        showResult(compute(v));\n      }, 250);\n    });\n  });\n});\n<\/script>\n\n<\/div><\/div>\n<div class=\"wp-block-framos-offset-image\">\n <div class=\"start\">\n <div class=\"relative isolate overflow-hidden bg-gradient-to-b from-framosSkyBlue\/20 dark:from-framosDarkBlue\">\n <div class=\"mx-auto max-w-7xl pb-24 pt-10 sm:pb-32 lg:grid lg:grid-cols-2 lg:gap-x-8 lg:px-8 lg:py-40\">\n\n <!-- LEFT COLUMN -->\n <div class=\"px-6 lg:px-0 lg:pt-4\">\n <div class=\"mx-auto max-w-2xl\">\n <div class=\"max-w-lg\">\n \n <!-- Dynamic Heading -->\n  <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white\">\n Sch\u00e4rfentiefe-Rechner &#8211; Fortgeschrittenes optisches Berechnungsprogramm <\/h2>\n \n <!-- Dynamic Text -->\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 mt-8\">\n Unser <strong>Sch\u00e4rfentiefe-Rechner<\/strong> wurde entwickelt, um Bildbearbeitungsprofis und -enthusiasten dabei zu helfen, die Sch\u00e4rfentiefe (DOF) f\u00fcr jedes beliebige Objektiv genau zu berechnen. Verwenden Sie dieses Tool, um die genauen Blendeneinstellungen zu bestimmen oder den optimalen Fokusabstand zu ermitteln, der erforderlich ist, um die von Ihnen gew\u00fcnschte Bildsch\u00e4rfe zu erreichen.  <\/p>\n \n <!-- Buttons -->\n <div class=\"mt-10 flex items-center gap-x-6\">\n  <a\n href=\"#dof-calculator\"\n  class=\"rounded-full group relative bg-primary px-11 py-2.5 text-base border-0 text-white visited:text-white shadow-sm hover:bg-framosDarkBlue hover:text-white dark:bg-primary dark:text-white sm:w-auto flex items-center md:ml-0\"\n >\n DOF berechnen <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\">\n <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><\/path>\n <\/svg>\n <\/div>\n <\/a>\n \n  <a\n href=\"https:\/\/framos.com\/products\/categories\/optics\/\"\n  class=\"text-sm\/6 font-semibold pl-6 md:pl-0 dark:text-gray-200 dark:visited:text-gray-200\"\n >\n Optik erforschen<span aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n  <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <!-- RIGHT COLUMN -->\n<div class=\"mt-20 sm:mt-24 md:mx-auto md:max-w-2xl lg:mx-0 lg:mt-0 lg:w-screen\">\n <div class=\"absolute inset-y-0 right-1\/2 -z-10 -mr-10 w-[200%] skew-x-[-30deg] shadow-xl shadow-primary\/10 ring-1 ring-framosSkyBlue dark:ring-secondary md:-mr-20 lg:-mr-36\" aria-hidden=\"true\"><\/div>\n\n <div class=\"shadow-lg md:rounded-3xl\">\n <div class=\"bg-primary [clip-path:inset(0)] md:[clip-path:inset(0_round_theme(borderRadius.3xl))]\">\n\n <!-- \u2190 Missing skew overlay: -->\n <div\n class=\"absolute -inset-y-px left-1\/2 -z-10 ml-10 w-[200%] skew-x-[-30deg]\n bg-framosSkyBlue opacity-20 ring-1 ring-inset ring-white\n md:ml-20 lg:ml-36\"\n aria-hidden=\"true\"\n ><\/div>\n\n <div class=\"relative px-6 pt-8 sm:pt-16 md:pl-16 md:pr-0\">\n <div class=\"mx-auto max-w-2xl md:mx-0 md:max-w-none\">\n <div class=\"w-screen overflow-hidden rounded-tl-xl bg-gray-900\">\n <!-- \u2026 your tab headers \u2026 -->\n\n <div class=\"px-6 pb-14 pt-6\">\n  <img decoding=\"async\"\n src=\"https:\/\/framos.com\/wp-content\/uploads\/2025\/05\/Depth-of-Field-Calculator-interface-showing-lens-and-sensor-input-fields.jpg\"\n alt=\"Depth of Field Calculator interface showing lens and sensor input fields\"\n class=\"w-[40rem] max-h-[32rem] object-cover rounded-md shadow-2xl ring-1 ring-gray-900\/10\"\n \/>\n  <\/div>\n\n <\/div>\n <\/div>\n\n <div\n class=\"pointer-events-none absolute inset-0 ring-1 ring-inset ring-black\/10 md:rounded-3xl\"\n aria-hidden=\"true\"\n ><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n <\/div><!-- \/.hero\u2010grid -->\n\n <div class=\"absolute inset-x-0 bottom-0 -z-10 h-24 sm:h-32\"><\/div>\n <\/div><!-- \/.gradient\u2010wrapper -->\n <\/div><!-- \/.bg-white -->\n<\/div>\n<div class=\"relative wp-block-framos-feature-card\">\n \n <div class=\"relative z-10 max-w-7xl mx-auto px-6 lg:px-8 py-16 sm:py-16\">\n <div class=\"text-center mb-8\">\n  <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white max-w-2xl mx-auto\">\n Umfassende Sch\u00e4rfentiefeberechnung f\u00fcr Objektive <\/h2>\n \n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 max-w-3xl mx-auto py-8\">\n Ganz gleich, ob Sie ein leistungsstarkes Kameraobjektiv einstellen oder ein optisches System feinabstimmen m\u00f6chten, unser Sch\u00e4rfentiefe-Rechner bietet Ihnen genaue, theoriegest\u00fctzte Berechnungen. Bitte beachten Sie, dass alle Berechnungen von bew\u00e4hrten theoretischen Formeln abgeleitet sind. In der Praxis k\u00f6nnen verschiedene Faktoren zu leichten Abweichungen von diesen berechneten Werten f\u00fchren. Wenn Sie eine ma\u00dfgeschneiderte Beratung ben\u00f6tigen, z\u00f6gern Sie nicht, <a href=\"https:\/\/framos.atlassian.net\/wiki\/spaces\/CM\/pages\/300187672\/Depth+of+field+Calculator#\" target=\"_blank\" rel=\"noopener\">unsere Experten f\u00fcr eine gr\u00fcndliche Bewertung Ihrer optischen Anforderungen zu kontaktieren<\/a>.    <\/p>\n  <\/div>\n\n <div class=\"flex flex-col md:flex-row gap-6\">\n <div class=\"w-full md:w-1\/4\">\n <div class=\"bg-gray-100 dark:bg-secondary p-6 rounded-lg h-full box-border\">\n  <h3 class=\"text-primary dark:text-accent text-2xl font-bold mb-2\">\n Wie es funktioniert <\/h3>\n \n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 mb-4\">\n Geben Sie Ihre Objektiv- und Sensordaten ein, um den Fokusbereich, die Sch\u00e4rfentiefe und die damit verbundenen optischen Werte zu sch\u00e4tzen. <\/p>\n \n <div class=\"flex space-x-4 mt-6\">\n <button class=\"prev-navigation custom-nav-btn w-10 h-10 rounded-full bg-white border border-gray-200 flex items-center justify-center text-primary shadow-sm hover:bg-gray-50 hover:shadow transition-all duration-200\"  data-cta=\"true\" data-cta-id=\"framos_feature-card.1.button\" data-cta-label=\"\" data-cta-location=\"framos_feature-card@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\n \u2190\n <\/button>\n <button class=\"next-navigation custom-nav-btn w-10 h-10 rounded-full bg-white border border-gray-200 flex items-center justify-center text-primary shadow-sm hover:bg-gray-50 hover:shadow transition-all duration-200\"  data-cta=\"true\" data-cta-id=\"framos_feature-card.2.button\" data-cta-label=\"\" data-cta-location=\"framos_feature-card@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\n \u2192\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-full md:w-3\/4\">\n <div class=\"swiper\">\n <div class=\"swiper-wrapper\">\n \n<div class=\"swiper-slide wp-block-framos-slide\">\n    <div class=\"bg-white\/20 dark:bg-framosDarkBlue border border-gray-200 dark:border-gray-700 p-6 rounded-lg min-h-96 h-full\">\n        <div class=\"flex mb-4\">\n                    <\/div>\n\n        <h3 class=\"text-framosDarkBlue dark:text-white text-xl mb-2\">\n            SPEZIFIKATIONEN DES EINGABEOBJEKTIVS        <\/h3>\n\n        <p class=\"text-gray-600 dark:text-gray-200 mx-auto mt-6 max-w-xl leading-normal\">\n            <ul><li>Brennweite:(mm)<\/li><li>F-Nummer:<\/li><li>Fokusabstand:(mm)<\/li><\/ul>\n        <\/p>\n\n    <\/div>\n<\/div>\n\n\n<div class=\"swiper-slide wp-block-framos-slide\">\n    <div class=\"bg-white\/20 dark:bg-framosDarkBlue border border-gray-200 dark:border-gray-700 p-6 rounded-lg min-h-96 h-full\">\n        <div class=\"flex mb-4\">\n                    <\/div>\n\n        <h3 class=\"text-framosDarkBlue dark:text-white text-xl mb-2\">\n            SPEZIFIKATIONEN DES EINGANGSSENSORS        <\/h3>\n\n        <p class=\"text-gray-600 dark:text-gray-200 mx-auto mt-6 max-w-xl leading-normal\">\n            <ul><li>Pixelgr\u00f6\u00dfe:(mm)<\/li><li>Sensortyp:(W\u00e4hlen Sie Monochrom oder Farbe)<\/li><\/ul>\n        <\/p>\n\n    <\/div>\n<\/div>\n\n\n<div class=\"swiper-slide wp-block-framos-slide\">\n    <div class=\"bg-white\/20 dark:bg-framosDarkBlue border border-gray-200 dark:border-gray-700 p-6 rounded-lg min-h-96 h-full\">\n        <div class=\"flex mb-4\">\n                    <\/div>\n\n        <h3 class=\"text-framosDarkBlue dark:text-white text-xl mb-2\">\n            <strong>AUSGABEPARAMETER<\/strong>        <\/h3>\n\n        <p class=\"text-gray-600 dark:text-gray-200 mx-auto mt-6 max-w-xl leading-normal\">\n            <ul><li>Bildraum Circle of Confusion:(mm)<\/li><li>Probenahme-Faktor:(mm)<\/li><li>Objektraum Hyperfokale Entfernung:(mm)<\/li><li>Nahe Grenze:(mm)<\/li><li>Fernes Limit:(mm)<\/li><li>Sch\u00e4rfentiefe:(mm)<\/li><\/ul>\n        <\/p>\n\n    <\/div>\n<\/div>\n<div class=\"framos-seo-content\" style=\"display:none\">Comprehensive Depth of Field Calculation for Lenses Whether you are adjusting a high-performance camera lens or fine-tuning an optical system, our Depth of Field Calculator offers accurate, theory-based calculations. Please note that all calculations are derived from established theoretical formulas. In real-world applications, various factors may cause slight deviations from these computed values. If you need tailored advice, do not hesitate to &lt;a href=&#8220;https:\/\/framos.atlassian.net\/wiki\/spaces\/CM\/pages\/300187672\/Depth+of+field+Calculator#&#8220;>contact our experts&lt;\/a> for a thorough assessment of your optical requirements.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class=\"wp-block-framos-cta\">\n    <div class=\"mx-auto max-w-6xl py-12 px-4 md:px-6 frontend\">\n        <div class=\"relative isolate overflow-hidden px-6 py-24 text-center shadow-2xl rounded-3xl sm:px-16 bg-framosDarkBlue\">\n                            <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-white mx-auto max-w-2xl\">\n                    <strong>Sch\u00e4rfentiefe-Rechner hilft Ihnen bei den ersten Schritten<\/strong>                <\/h2>\n            \n                            <p class=\"text-base leading-7 mb-4 text-gray-100 mx-auto mt-6 max-w-xl\">\n                    F\u00fcr pr\u00e4zise und praxisnahe L\u00f6sungen stehen unsere technischen Experten jederzeit bereit, um Sie bei Ihren Imaging-Herausforderungen pers\u00f6nlich zu unterst\u00fctzen.                <\/p>\n            \n            <div class=\"mt-10 flex flex-col items-center justify-center gap-y-8 sm:flex-row sm:gap-x-6\">\n                <a href=\"https:\/\/framos.com\/contact\/\" class=\"btn-round-arrow group visited:text-white\" data-cta=\"true\" data-cta-id=\"framos_cta.1.primary_button\" data-cta-label=\"kontaktieren sie unsere experten noch heute\" data-cta-location=\"framos_cta@schaerfentiefe-rechner\" data-cta-destination=\"https:\/\/framos.com\/contact\/\" data-cta-type=\"primary\">\n                    <span>Kontaktieren Sie unsere Experten noch heute<\/span>\n                    <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\n                        <svg\n                            width=\"15\"\n                            height=\"15\"\n                            viewBox=\"0 0 15 15\"\n                            fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            class=\"h-5 w-5\"\n                        >\n                            <path\n                                d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\"\n                                fill=\"currentColor\"\n                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                            \/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n\n                \n            <\/div>\n\n            <svg\n                viewBox=\"0 0 1024 1024\"\n                class=\"absolute left-1\/2 top-1\/2 -z-10 h-[64rem] w-[64rem] -translate-x-1\/2 [mask-image:radial-gradient(closest-side,white,transparent)]\"\n                aria-hidden=\"true\"\n            >\n                                <circle cx=\"512\" cy=\"512\" r=\"512\" fill=\"url(#framos-cta-gradient-1)\" fill-opacity=\"0.7\" \/>\n                <defs>\n                    <radialGradient id=\"framos-cta-gradient-1\">\n                        <stop stop-color=\"#00c4d4\" \/>\n                        <stop offset=\"1\" stop-color=\"#0098b0\" \/>\n                    <\/radialGradient>\n                <\/defs>\n            <\/svg>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"wp-block-framos-content-image relative py-6\">\n <svg class=\"absolute inset-0 -z-10 w-full h-full stroke-gray-200 dark:stroke-gray-700 [mask-image:radial-gradient(50%_50%_at_bottom_right,white,transparent)]\" aria-hidden=\"true\">\n <defs>\n <pattern id=\"pattern-grid-6abf6d9804534\" width=\"50\" height=\"50\" y=\"-1\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M.5 200V.5H200\" fill=\"none\" \/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" stroke-width=\"0\" fill=\"url(#pattern-grid-6abf6d9804534)\" \/>\n <\/svg>\n\n <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\n <div class=\"relative isolate overflow-visible py-20 sm:rounded-3xl sm:py-12 lg:py-24\">\n \n <div class=\"relative z-10\">\n <div class=\"mx-auto flex max-w-2xl flex-col lg:flex-row lg:max-w-none lg:items-start gap-16\">\n <div class=\"w-full lg:w-1\/2\">\n <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white\">\n Verst\u00e4ndnis der Sch\u00e4rfentiefe in der optischen Bildgebung <\/h2>\n\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 my-8\">\n Das Konzept der <strong><a href=\"https:\/\/en.wikipedia.org\/wiki\/Depth_of_field\" target=\"_blank\" rel=\"noreferrer noopener\">Sch\u00e4rfentiefe (DOF)<\/a><\/strong> ist bei bildgebenden Systemen von entscheidender Bedeutung, insbesondere wenn es um Inspektion, Messung oder detaillierte fotografische Anwendungen geht. DOF definiert den Bereich innerhalb des Objektraums, der mit akzeptabler Sch\u00e4rfe wiedergegeben wird. Unser Tool berechnet nicht nur die Sch\u00e4rfentiefe, sondern erkl\u00e4rt auch die zugrundeliegenden optischen Prinzipien, so dass Sie ein solides Verst\u00e4ndnis der beteiligten Faktoren erhalten.   <\/p>\n \n <div class=\"max-w-xl lg:mt-2 lg:max-w-lg lg:border-t lg:border-gray-900\/10 lg:pt-6\">\n <dl class=\"framos-accordions divide-y divide-gray-900\/10\">\n \n<div class=\"wp-block-framos-content-image\"><div class=\"sr-only rankmath-seo-content\"><strong>Understanding Depth of Field in Optical Imaging<\/strong><span>The concept of <strong><a href=\"https:\/\/en.wikipedia.org\/wiki\/Depth_of_field\" target=\"_blank\" rel=\"noreferrer noopener\">Depth of Field (DOF)<\/a><\/strong> is crucial in imaging systems, especially when inspection, measurement, or detailed photographic applications are involved. DOF defines the range within the object space that is rendered with acceptable sharpness. Our tool not only calculates DOF but also explains the underlying optical principles, ensuring you gain a robust understanding of the factors involved.<\/span><\/div><div class=\"wp-block-framos-accordion py-2\">\n <dt>\n <button type=\"button\" class=\"accordion-head flex w-full items-start justify-between text-left focus:outline-none border-0 bg-transparent shadow-none p-0\" aria-expanded=\"false\"  data-cta=\"true\" data-cta-id=\"framos_accordion.1.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\n <h3 class=\"text-framosDarkBlue dark:text-white text-lg font-framos-bold leading-snug py-0 m-0\">\n <strong>Kreis der Verwirrung (CoC)<\/strong> <\/h3>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"close-icon w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"open-icon w-6 h-6 hidden\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/dt>\n <dd class=\"text-gray-600 dark:text-gray-200 accordion-body mt-2 pr-12 overflow-hidden ml-0 hidden\">\n \n<p class=\"wp-block-paragraph\">Der CoC ist der unscharfe Fleck, der entsteht, wenn die Lichtstrahlen nicht in einem einzigen Punkt auf der Bildebene konvergieren. Er dient als Schwellenwert f\u00fcr akzeptable Sch\u00e4rfe und ist ein wesentlicher Bestandteil der Berechnung des DOF. <\/p>\n <\/dd>\n<\/div>\n\n\n<div class=\"wp-block-framos-accordion py-2\">\n <dt>\n <button type=\"button\" class=\"accordion-head flex w-full items-start justify-between text-left focus:outline-none border-0 bg-transparent shadow-none p-0\" aria-expanded=\"false\"  data-cta=\"true\" data-cta-id=\"framos_accordion.2.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\n <h3 class=\"text-framosDarkBlue dark:text-white text-lg font-framos-bold leading-snug py-0 m-0\">\n <strong>Hyperfokale Entfernung (H):<\/strong> <\/h3>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"close-icon w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"open-icon w-6 h-6 hidden\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/dt>\n <dd class=\"text-gray-600 dark:text-gray-200 accordion-body mt-2 pr-12 overflow-hidden ml-0 hidden\">\n \n<p class=\"wp-block-paragraph\">Dies ist der Fokusabstand, der die Sch\u00e4rfentiefe maximiert. Wenn das Objektiv auf die hyperfokale Entfernung fokussiert ist, wird alles von der H\u00e4lfte dieser Entfernung bis unendlich als akzeptabel scharf angesehen. <\/p>\n <\/dd>\n<\/div>\n\n\n<div class=\"wp-block-framos-accordion py-2\">\n <dt>\n <button type=\"button\" class=\"accordion-head flex w-full items-start justify-between text-left focus:outline-none border-0 bg-transparent shadow-none p-0\" aria-expanded=\"false\"  data-cta=\"true\" data-cta-id=\"framos_accordion.3.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\n <h3 class=\"text-framosDarkBlue dark:text-white text-lg font-framos-bold leading-snug py-0 m-0\">\n <strong><strong>Auswirkung der Brennweite<\/strong><\/strong> <\/h3>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"close-icon w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"open-icon w-6 h-6 hidden\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/dt>\n <dd class=\"text-gray-600 dark:text-gray-200 accordion-body mt-2 pr-12 overflow-hidden ml-0 hidden\">\n \n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/framos.com\/product-catalog\/optics\/lenses\/\" data-type=\"page\" data-id=\"7621\">Objektive<\/a> mit k\u00fcrzeren Brennweiten neigen dazu, ein breiteres Feld mit mehr Sch\u00e4rfentiefe zu erfassen, w\u00e4hrend l\u00e4ngere Brennweiten eine geringere Sch\u00e4rfentiefe bieten, wodurch die Motive vergr\u00f6\u00dfert und das Feld eingeengt wird.<\/p>\n <\/dd>\n<\/div>\n\n\n<div class=\"wp-block-framos-accordion py-2\">\n <dt>\n <button type=\"button\" class=\"accordion-head flex w-full items-start justify-between text-left focus:outline-none border-0 bg-transparent shadow-none p-0\" aria-expanded=\"false\"  data-cta=\"true\" data-cta-id=\"framos_accordion.4.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\n <h3 class=\"text-framosDarkBlue dark:text-white text-lg font-framos-bold leading-snug py-0 m-0\">\n <strong><strong>\u00dcberlegungen zum Fokusabstand<\/strong><\/strong> <\/h3>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"close-icon w-6 h-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"open-icon w-6 h-6 hidden\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/dt>\n <dd class=\"text-gray-600 dark:text-gray-200 accordion-body mt-2 pr-12 overflow-hidden ml-0 hidden\">\n \n<p class=\"wp-block-paragraph\">Die Entfernung, in der das Objektiv fokussiert wird, wirkt sich direkt auf den Sch\u00e4rfentiefebereich aus. Ein gr\u00f6\u00dferer Fokusabstand f\u00fchrt in der Regel zu einem breiteren Sch\u00e4rfentiefebereich, w\u00e4hrend ein k\u00fcrzerer Fokusabstand den Bereich der Sch\u00e4rfe begrenzt. <\/p>\n <\/dd>\n<\/div>\n<\/div>\n <\/dl>\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-1\/2 lg:sticky lg:top-24 lg:self-start\">\n  <img decoding=\"async\"\n src=\"https:\/\/framos.com\/wp-content\/uploads\/2025\/05\/Optical-chart-illustrating-depth-of-field-range-and-focus-limits.jpg\"\n alt=\"Optical chart illustrating depth of field range and focus limits\"\n class=\"relative -z-20 w-full max-w-full rounded-xl shadow-xl ring-1 ring-white\/10\"\n \/>\n  <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n<div class=\"relative wp-block-framos-three-columns\" id=\"section-anchor\">\n    \n    <div class=\"relative z-10\">\n        <div class=\"py-24 sm:py-32\">\n\n            <div class=\"mx-auto max-w-7xl\">\n                                    <p class=\"mx-auto text-base\/7 text-primary text-center max-w-4xl\">\n                        Wie Objektiveinstellungen und Szenevariablen den Sch\u00e4rfebereich beeinflussen                    <\/p>\n                \n                                    <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white mx-auto text-center max-w-4xl\">\n                        Optische Faktoren, die die Sch\u00e4rfentiefe beeinflussen                    <\/h2>\n                \n                                    <p class=\"text-gray-600 dark:text-gray-200 mx-auto mt-6 max-w-3xl text-center\">\n                        Um die gew\u00fcnschte Bildqualit\u00e4t zu erreichen, ist es wichtig, das Zusammenspiel der verschiedenen optischen Faktoren zu verstehen. Hier sind die wichtigsten Elemente, die den DOF beeinflussen: \n                    <\/p>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mt-16 sm:mt-20 lg:mt-24 lg:grid-cols-4\">\n\n                    \n\r\n<div class=\"column-card min-h-[400px] bg-white dark:bg-secondary rounded-2xl p-5 xl:p-8 flex flex-col justify-between ring-1 ring-gray-900\/10 sm:p-10 shadow-2xl\">\r\n    \r\n    <!-- INNER WRAPPER: Groups Image, Title, and Text at the top -->\r\n    <div class=\"flex flex-col flex-grow\">\r\n                    <!-- Default brand icon shown when no custom icon is set -->\r\n            <div class=\"mb-4 text-primary\">\r\n                <svg class=\"w-12 h-12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n        \r\n        <h3 class=\"text-framosDarkBlue dark:text-white text-lg xl:text-xl mb-4 pt-0\">\r\n            <strong>Brennweite<\/strong>        <\/h3>\r\n\r\n        <p class=\"text-gray-600 dark:text-gray-200 text-xs font-normal mb-4\">\r\n            Bestimmt die Vergr\u00f6\u00dferung und den Blickwinkel. Eine k\u00fcrzere Brennweite vergr\u00f6\u00dfert das Sichtfeld und erh\u00f6ht die Sch\u00e4rfentiefe.         <\/p>\r\n    <\/div>\r\n\r\n    <!-- BUTTON: Pushed to the very bottom by the justify-between -->\r\n            <a href=\"#\" class=\"self-start rounded-full group relative bg-primary px-11 py-2.5 text-xs border-0 text-white visited:text-white shadow-sm hover:bg-framosDarkBlue hover:text-white dark:bg-primary dark:text-white sm:w-auto flex items-center md:ml-0 mt-4\"  data-cta=\"true\" data-cta-id=\"framos_column-child.1.button\" data-cta-label=\"\" data-cta-location=\"framos_column-child@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\r\n            <span>Learn more<\/span>\r\n            <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\r\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\">\r\n                    <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/a>\r\n    \r\n<\/div>\n\n\r\n<div class=\"column-card min-h-[400px] bg-white dark:bg-secondary rounded-2xl p-5 xl:p-8 flex flex-col justify-between ring-1 ring-gray-900\/10 sm:p-10 shadow-2xl\">\r\n    \r\n    <!-- INNER WRAPPER: Groups Image, Title, and Text at the top -->\r\n    <div class=\"flex flex-col flex-grow\">\r\n                    <!-- Default brand icon shown when no custom icon is set -->\r\n            <div class=\"mb-4 text-primary\">\r\n                <svg class=\"w-12 h-12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n        \r\n        <h3 class=\"text-framosDarkBlue dark:text-white text-lg xl:text-xl mb-4 pt-0\">\r\n            <strong>Blende Gr\u00f6\u00dfe<\/strong>        <\/h3>\r\n\r\n        <p class=\"text-gray-600 dark:text-gray-200 text-xs font-normal mb-4\">\r\n            Steuert die Menge des in das Objektiv einfallenden Lichts. Gr\u00f6\u00dfere Blenden\u00f6ffnungen (kleinere F-Zahlen) erzeugen einen flacheren DOF, w\u00e4hrend kleinere Blenden\u00f6ffnungen (h\u00f6here F-Zahlen) den DOF vergr\u00f6\u00dfern.         <\/p>\r\n    <\/div>\r\n\r\n    <!-- BUTTON: Pushed to the very bottom by the justify-between -->\r\n            <a href=\"#\" class=\"self-start rounded-full group relative bg-primary px-11 py-2.5 text-xs border-0 text-white visited:text-white shadow-sm hover:bg-framosDarkBlue hover:text-white dark:bg-primary dark:text-white sm:w-auto flex items-center md:ml-0 mt-4\"  data-cta=\"true\" data-cta-id=\"framos_column-child.2.button\" data-cta-label=\"\" data-cta-location=\"framos_column-child@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\r\n            <span>Learn more<\/span>\r\n            <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\r\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\">\r\n                    <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/a>\r\n    \r\n<\/div>\n\n\r\n<div class=\"column-card min-h-[400px] bg-white dark:bg-secondary rounded-2xl p-5 xl:p-8 flex flex-col justify-between ring-1 ring-gray-900\/10 sm:p-10 shadow-2xl\">\r\n    \r\n    <!-- INNER WRAPPER: Groups Image, Title, and Text at the top -->\r\n    <div class=\"flex flex-col flex-grow\">\r\n                    <!-- Default brand icon shown when no custom icon is set -->\r\n            <div class=\"mb-4 text-primary\">\r\n                <svg class=\"w-12 h-12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n        \r\n        <h3 class=\"text-framosDarkBlue dark:text-white text-lg xl:text-xl mb-4 pt-0\">\r\n            <strong>Kreis der Verwirrung (CoC):<\/strong>        <\/h3>\r\n\r\n        <p class=\"text-gray-600 dark:text-gray-200 text-xs font-normal mb-4\">\r\n            Der zul\u00e4ssige Unsch\u00e4rfedurchmesser, der noch akzeptabel scharf erscheint. Der CoC wird auf der Grundlage der Pixelgr\u00f6\u00dfe des Sensors und eines vorgegebenen Abtastfaktors berechnet.         <\/p>\r\n    <\/div>\r\n\r\n    <!-- BUTTON: Pushed to the very bottom by the justify-between -->\r\n            <a href=\"#\" class=\"self-start rounded-full group relative bg-primary px-11 py-2.5 text-xs border-0 text-white visited:text-white shadow-sm hover:bg-framosDarkBlue hover:text-white dark:bg-primary dark:text-white sm:w-auto flex items-center md:ml-0 mt-4\"  data-cta=\"true\" data-cta-id=\"framos_column-child.3.button\" data-cta-label=\"\" data-cta-location=\"framos_column-child@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\r\n            <span>Learn more<\/span>\r\n            <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\r\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\">\r\n                    <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/a>\r\n    \r\n<\/div>\n\n\r\n<div class=\"column-card min-h-[400px] bg-white dark:bg-secondary rounded-2xl p-5 xl:p-8 flex flex-col justify-between ring-1 ring-gray-900\/10 sm:p-10 shadow-2xl\">\r\n    \r\n    <!-- INNER WRAPPER: Groups Image, Title, and Text at the top -->\r\n    <div class=\"flex flex-col flex-grow\">\r\n                    <!-- Default brand icon shown when no custom icon is set -->\r\n            <div class=\"mb-4 text-primary\">\r\n                <svg class=\"w-12 h-12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n        \r\n        <h3 class=\"text-framosDarkBlue dark:text-white text-lg xl:text-xl mb-4 pt-0\">\r\n            <strong>Arbeitsabstand<\/strong>        <\/h3>\r\n\r\n        <p class=\"text-gray-600 dark:text-gray-200 text-xs font-normal mb-4\">\r\n            Der Abstand zwischen der Objektivfront und dem Objekt. Dieser Abstand ist entscheidend f\u00fcr Anwendungen wie Mikroskopie und industrielle Inspektion, bei denen eine pr\u00e4zise Positionierung entscheidend ist.         <\/p>\r\n    <\/div>\r\n\r\n    <!-- BUTTON: Pushed to the very bottom by the justify-between -->\r\n            <a href=\"#\" class=\"self-start rounded-full group relative bg-primary px-11 py-2.5 text-xs border-0 text-white visited:text-white shadow-sm hover:bg-framosDarkBlue hover:text-white dark:bg-primary dark:text-white sm:w-auto flex items-center md:ml-0 mt-4\"  data-cta=\"true\" data-cta-id=\"framos_column-child.4.button\" data-cta-label=\"\" data-cta-location=\"framos_column-child@schaerfentiefe-rechner\" data-cta-destination=\"\" data-cta-type=\"primary\">\r\n            <span>Learn more<\/span>\r\n            <div class=\"ml-1 -rotate-45 transition-all duration-200 group-hover:rotate-0\">\r\n                <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\">\r\n                    <path d=\"M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z\" fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/a>\r\n    \r\n<\/div><div class=\"framos-seo-content\" style=\"display:none\">How Lens Settings and Scene Variables Impact Focus Range Understanding the interplay of various optical factors is essential for achieving the desired image quality. Here are the primary elements that influence DOF:<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<figure class=\"wp-block-image size-full is-resized max-w-4xl mx-auto p-2.5 border border-gray-300 rounded-2xl\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"19\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2025\/05\/Figure-5-Depth-of-Field-1-1.svg\" alt=\"Kleinere Blenden erh&#xF6;hen die Sch&#xE4;rfentiefe, w&#xE4;hrend gr&#xF6;&#xDF;ere Blenden sie verringern.\" class=\"wp-image-11592\" style=\"width:900px\"\/><\/figure>\n<div class=\"py-24 wp-block-framos-faqs\">\n  <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white text-center\">\n Frequently Asked Questions <\/h2>\n \n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 max-w-4xl mx-auto text-center\">\n Verbessern Sie Ihr Verst\u00e4ndnis der Sch\u00e4rfentiefe mit unserem ausf\u00fchrlichen FAQ-Bereich, der h\u00e4ufige Fragen beantwortet und wichtige optische Konzepte erl\u00e4utert. <\/p>\n \n <div class=\"faqs-wrapper mx-auto max-w-7xl pt-16 px-6\">\n    <div class=\"faq-item relative first:pt-0\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Was ist Tiefensch\u00e4rfe? <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n Die Tiefensch\u00e4rfe bezieht sich auf den Bereich innerhalb des Objektraums, der in einem Bild akzeptabel scharf erscheint. Sie ist ein entscheidender Parameter sowohl in der Fotografie als auch in der industriellen Bildverarbeitung.  <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Wie wird die Sch\u00e4rfentiefe berechnet? <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n <strong>Schritt 1:<\/strong> Geben Sie die Brennweite, die Blende, die Fokusentfernung, die Pixelgr\u00f6\u00dfe und den Sensortyp ein.<br \/><strong>Schritt 2:<\/strong> Berechnen Sie den Abtastfaktor (1,4 f\u00fcr Monochrom-Sensoren, 2 f\u00fcr Farbsensoren).<br \/><strong>Schritt 3:<\/strong> Multiplizieren Sie die Pixelgr\u00f6\u00dfe mit dem Abtastfaktor, um den Verwirrungskreis (CoC) zu erhalten.<br \/><strong>Schritt 4:<\/strong> Berechnen Sie die hyperfokale Entfernung, d.\u202fh. die k\u00fcrzeste Fokussierentfernung, bei der die Sch\u00e4rfe von der H\u00e4lfte dieser Entfernung bis unendlich gew\u00e4hrleistet ist.<br \/><strong>Schritt 5:<\/strong> Bestimmen Sie die Nah- und Ferngrenze des akzeptablen Fokusbereichs.<br \/><strong>Schritt 6:<\/strong> Berechnen Sie die Sch\u00e4rfentiefe (DOF) als Differenz zwischen der Nah- und der Ferngrenze oder geben Sie sie als Unendlichkeit an, falls die Fokussierentfernung die hyperfokale Entfernung \u00fcberschreitet. <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Was ist der Kreis der Verwirrung? <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n Der Zerstreuungskreis (Circle of Confusion, CoC) ist der unscharfe Fleck, der entsteht, wenn die Lichtstrahlen nicht exakt auf dem Bildsensor zusammenlaufen. Er definiert die maximal zul\u00e4ssige Unsch\u00e4rfe f\u00fcr ein Bild, das als scharf gilt.  <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Wie wirkt sich die Brennweite auf die Sch\u00e4rfentiefe aus? <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n K\u00fcrzere Brennweiten bieten in der Regel eine gr\u00f6\u00dfere Sch\u00e4rfentiefe, w\u00e4hrend l\u00e4ngere Brennweiten zu einer geringeren Sch\u00e4rfentiefe f\u00fchren und damit mehr Motivisolierung bieten. <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Beeinflusst der Fokusabstand die Sch\u00e4rfentiefe? <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n Ganz genau. Wenn Sie die Fokusentfernung erh\u00f6hen, wird der Sch\u00e4rfentiefebereich vergr\u00f6\u00dfert, so dass ein gr\u00f6\u00dferer Teil des Motivs scharf erscheint; umgekehrt verringert sich der Sch\u00e4rfentiefebereich, wenn Sie die Entfernung verringern.  <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Welche Rolle spielt die Blendengr\u00f6\u00dfe? <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n Die Blendengr\u00f6\u00dfe hat einen direkten Einfluss auf die Sch\u00e4rfentiefe. Eine gr\u00f6\u00dfere Blende (niedrige F-Zahl) verringert die Sch\u00e4rfentiefe, w\u00e4hrend eine kleinere Blende (hohe F-Zahl) sie vergr\u00f6\u00dfert.  <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Wie kann ich die Sch\u00e4rfentiefe in meinen Bildern erweitern? <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n Um den Sch\u00e4rfentiefebereich zu vergr\u00f6\u00dfern, w\u00e4hlen Sie eine kleinere Blende (h\u00f6here Blendenzahl), eine k\u00fcrzere Brennweite oder eine gr\u00f6\u00dfere Fokusentfernung. <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Wie wirkt sich die Sensorgr\u00f6\u00dfe auf die Sch\u00e4rfentiefe aus?<br> <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n Die Pixelgr\u00f6\u00dfe beeinflusst den akzeptablen CoC. Kleinere Pixel f\u00fchren zu einem kleineren CoC und einem flacheren DOF, w\u00e4hrend gr\u00f6\u00dfere Pixel einen gr\u00f6\u00dferen CoC erm\u00f6glichen, was zu einem tieferen DOF f\u00fchrt.  <\/p>\n <\/div>\n <\/div>\n   <div class=\"faq-item relative last:pb-0\">\n <h3 class=\"faq-question m-0!\">\n <button\n type=\"button\"\n class=\"flex w-full items-center justify-between text-left bg-transparent border-0 p-0 cursor-pointer faq-button\"\n >\n <span class=\"text-framosDarkBlue dark:text-white text-base font-semibold leading-7\">\n Kann die Nachbearbeitung die Sch\u00e4rfentiefe ver\u00e4ndern?<br> <\/span>\n <span class=\"ml-6 flex h-7 items-center\">\n <svg class=\"size-6 close-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\" \/>\n <\/svg>\n <svg class=\"size-6 hidden open-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18 12H6\" \/>\n <\/svg>\n <\/span>\n <\/button>\n <\/h3>\n\n <div class=\"mt-2 pr-12 overflow-hidden hidden faq-answer transition-all duration-300 ease-out\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 leading-7 m-0!\">\n Nein, die tats\u00e4chliche Sch\u00e4rfentiefe wird bei der Bildaufnahme erfasst. Techniken wie Focus Stacking k\u00f6nnen jedoch in der Nachbearbeitung eine gr\u00f6\u00dfere DOF simulieren.  <\/p>\n <\/div>\n <\/div>\n   <\/div>\n<\/div>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Was ist Tiefensch\\u00e4rfe?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Die Tiefensch\\u00e4rfe bezieht sich auf den Bereich innerhalb des Objektraums, der in einem Bild akzeptabel scharf erscheint. Sie ist ein entscheidender Parameter sowohl in der Fotografie als auch in der industriellen Bildverarbeitung. \"}},{\"@type\":\"Question\",\"name\":\"Wie wird die Sch\\u00e4rfentiefe berechnet?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<strong>Schritt 1:<\\\/strong> Geben Sie die Brennweite, die Blende, die Fokusentfernung, die Pixelgr\\u00f6\\u00dfe und den Sensortyp ein.<br\\\/><strong>Schritt 2:<\\\/strong> Berechnen Sie den Abtastfaktor (1,4 f\\u00fcr Monochrom-Sensoren, 2 f\\u00fcr Farbsensoren).<br\\\/><strong>Schritt 3:<\\\/strong> Multiplizieren Sie die Pixelgr\\u00f6\\u00dfe mit dem Abtastfaktor, um den Verwirrungskreis (CoC) zu erhalten.<br\\\/><strong>Schritt 4:<\\\/strong> Berechnen Sie die hyperfokale Entfernung, d.\\u202fh. die k\\u00fcrzeste Fokussierentfernung, bei der die Sch\\u00e4rfe von der H\\u00e4lfte dieser Entfernung bis unendlich gew\\u00e4hrleistet ist.<br\\\/><strong>Schritt 5:<\\\/strong> Bestimmen Sie die Nah- und Ferngrenze des akzeptablen Fokusbereichs.<br\\\/><strong>Schritt 6:<\\\/strong> Berechnen Sie die Sch\\u00e4rfentiefe (DOF) als Differenz zwischen der Nah- und der Ferngrenze oder geben Sie sie als Unendlichkeit an, falls die Fokussierentfernung die hyperfokale Entfernung \\u00fcberschreitet.\"}},{\"@type\":\"Question\",\"name\":\"Was ist der Kreis der Verwirrung?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Der Zerstreuungskreis (Circle of Confusion, CoC) ist der unscharfe Fleck, der entsteht, wenn die Lichtstrahlen nicht exakt auf dem Bildsensor zusammenlaufen. Er definiert die maximal zul\\u00e4ssige Unsch\\u00e4rfe f\\u00fcr ein Bild, das als scharf gilt. \"}},{\"@type\":\"Question\",\"name\":\"Wie wirkt sich die Brennweite auf die Sch\\u00e4rfentiefe aus?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"K\\u00fcrzere Brennweiten bieten in der Regel eine gr\\u00f6\\u00dfere Sch\\u00e4rfentiefe, w\\u00e4hrend l\\u00e4ngere Brennweiten zu einer geringeren Sch\\u00e4rfentiefe f\\u00fchren und damit mehr Motivisolierung bieten.\"}},{\"@type\":\"Question\",\"name\":\"Beeinflusst der Fokusabstand die Sch\\u00e4rfentiefe?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Ganz genau. Wenn Sie die Fokusentfernung erh\\u00f6hen, wird der Sch\\u00e4rfentiefebereich vergr\\u00f6\\u00dfert, so dass ein gr\\u00f6\\u00dferer Teil des Motivs scharf erscheint; umgekehrt verringert sich der Sch\\u00e4rfentiefebereich, wenn Sie die Entfernung verringern. \"}},{\"@type\":\"Question\",\"name\":\"Welche Rolle spielt die Blendengr\\u00f6\\u00dfe?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Die Blendengr\\u00f6\\u00dfe hat einen direkten Einfluss auf die Sch\\u00e4rfentiefe. Eine gr\\u00f6\\u00dfere Blende (niedrige F-Zahl) verringert die Sch\\u00e4rfentiefe, w\\u00e4hrend eine kleinere Blende (hohe F-Zahl) sie vergr\\u00f6\\u00dfert. \"}},{\"@type\":\"Question\",\"name\":\"Wie kann ich die Sch\\u00e4rfentiefe in meinen Bildern erweitern?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Um den Sch\\u00e4rfentiefebereich zu vergr\\u00f6\\u00dfern, w\\u00e4hlen Sie eine kleinere Blende (h\\u00f6here Blendenzahl), eine k\\u00fcrzere Brennweite oder eine gr\\u00f6\\u00dfere Fokusentfernung.\"}},{\"@type\":\"Question\",\"name\":\"Wie wirkt sich die Sensorgr\\u00f6\\u00dfe auf die Sch\\u00e4rfentiefe aus?<br>\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Die Pixelgr\\u00f6\\u00dfe beeinflusst den akzeptablen CoC. Kleinere Pixel f\\u00fchren zu einem kleineren CoC und einem flacheren DOF, w\\u00e4hrend gr\\u00f6\\u00dfere Pixel einen gr\\u00f6\\u00dferen CoC erm\\u00f6glichen, was zu einem tieferen DOF f\\u00fchrt. \"}},{\"@type\":\"Question\",\"name\":\"Kann die Nachbearbeitung die Sch\\u00e4rfentiefe ver\\u00e4ndern?<br>\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Nein, die tats\\u00e4chliche Sch\\u00e4rfentiefe wird bei der Bildaufnahme erfasst. Techniken wie Focus Stacking k\\u00f6nnen jedoch in der Nachbearbeitung eine gr\\u00f6\\u00dfere DOF simulieren. \"}}]}<\/script> <div class=\"services-block-wrapper relative isolate overflow-visible py-24 sm:py-32 section-start\">\n <div class=\"absolute inset-0 -z-10 overflow-hidden\">\n <svg class=\"w-full h-full stroke-gray-200 dark:stroke-gray-700 [mask-image:radial-gradient(50%_50%_at_bottom_left,white,transparent)]\" aria-hidden=\"true\">\n <defs>\n <pattern id=\"pattern-grid-6abf6d98077c7\" width=\"50\" height=\"50\" y=\"-1\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M.5 200V.5H200\" fill=\"none\" \/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" stroke-width=\"0\" fill=\"url(#pattern-grid-6abf6d98077c7)\" \/>\n <\/svg>\n <\/div>\n\n <div class=\"relative z-10\">\n <!-- Top: Headings -->\n <div class=\"mx-auto max-w-7xl px-6 lg:px-8\">\n <div class=\"mx-auto max-w-2xl lg:max-w-none\">\n <div class=\"max-w-7xl\">\n  <div class=\"pre-heading-wrapper text-center mb-4\">\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 pre-heading\">Komplette L\u00f6sungen f\u00fcr die optische Bildgebung<\/p>\n <\/div>\n \n <h2 class=\"font-framos-light text-3xl lg:text-4xl leading-tight mb-6 text-framosDarkBlue dark:text-white text-center max-w-4xl mx-auto\">\n Objektive, Module und fachkundige Beratung f\u00fcr Ihr Vision System <\/h2>\n\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 paragraph-c\">\n Von Standardobjektivfassungen und optischen Filtern bis hin zu integrierten Sensor-Objektiv-Modulen bietet FRAMOS ein umfassendes Angebot an Abbildungsoptiken, die auf Ihre Anwendung zugeschnitten sind. Ganz gleich, ob Sie einen Prototyp bauen, eine Produktlinie skalieren oder Hilfe bei der Feinabstimmung Ihres Sichtfeldes ben\u00f6tigen, unsere Experten und unser Produktkatalog helfen Ihnen dabei.  <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Bottom: Image + List -->\n <div class=\"bottom-div mx-auto max-w-7xl px-6 lg:px-8 mt-16\">\n <div class=\"mx-auto max-w-2xl lg:max-w-none\">\n <div class=\"lg:flex lg:items-center gap-12 lg:justify-between \">\n\n <!-- Image column -->\n <div class=\"\n flex justify-center \n lg:w-1\/2 \n lg:justify-end \n lg:pr-12 \n lg:sticky lg:top-24 lg:self-start\n \">\n  <img decoding=\"async\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2025\/05\/Example-output-from-DOF-calculator-with-near-and-far-limits.jpg\" alt=\"Example output from DOF calculator with near and far limits\" class=\"relative w-full max-w-full rounded-xl shadow-xl ring-1 ring-white\/10\" \/>\n  <\/div>\n\n\n <!-- Content column -->\n <ul role=\"list\" class=\"list-disc list-outside ml-5 mb-4 space-y-2 text-gray-600 dark:text-gray-200 lg:w-1\/2 mt-2 text-base\/7\">\n \n    <li class=\"text-base text-gray-600 dark:text-gray-200 group mt-10 first:mt-0  group\">\n  <div style=\"opacity: 1; transform: none;\">\n    <div class=\"pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden relative\n            before:absolute before:top-0 before:left-0 before:h-px before:w-6\n            after:absolute after:top-0 after:left-8 after:right-0 after:h-px\n            before:bg-primary dark:before:bg-primary\n            after:bg-gray-300 dark:after:bg-gray-700\">\n  \n\n<h3 class=\"wp-block-heading\">Vertrieb von Objektiven und Optiken<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Entdecken Sie unser umfassendes Angebot an optischen Produkten, darunter C-Mount-, M12\/M10\/M8\/M6-Schraubobjektive, optische Filter und verschiedenes optisches Zubeh\u00f6r. Ganz gleich, ob Sie Ihr Abbildungssystem aufr\u00fcsten oder eine kundenspezifische optische L\u00f6sung entwerfen, unser umfangreicher Produktkatalog bietet die richtigen Komponenten f\u00fcr Ihre Anforderungen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/framos.com\/product-catalog\/optics\/optics-accessories\/\" data-type=\"page\" data-id=\"7631\">Optische Linsen &amp; Zubeh\u00f6r erforschen<\/a><\/strong><\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n\n\n    <li class=\"text-base text-gray-600 dark:text-gray-200 group mt-10 first:mt-0  group\">\n  <div style=\"opacity: 1; transform: none;\">\n    <div class=\"pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden relative\n            before:absolute before:top-0 before:left-0 before:h-px before:w-6\n            after:absolute after:top-0 after:left-8 after:right-0 after:h-px\n            before:bg-primary dark:before:bg-primary\n            after:bg-gray-300 dark:after:bg-gray-700\">\n  \n\n<h3 class=\"wp-block-heading\">Optische Module und Sensormodule<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sparen Sie Entwicklungszeit und Produktkosten, indem Sie sich f\u00fcr ein integriertes optisches Modul entscheiden. Unsere optischen Module kombinieren leistungsstarke Bildsensoren mit perfekt abgestimmten Objektiven und Fassungen und gew\u00e4hrleisten \u00fcber die standardisierte PixelMate\u2122-Schnittstelle die Kompatibilit\u00e4t mit Ihrer Bildverarbeitungskarte. Diese Module sind f\u00fcr eine einfache Integration und eine optimale Abbildungsleistung konzipiert.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><strong><a href=\"https:\/\/framos.com\/products-solutions\/image-sensor-module-ecosystem\/fsm-fsa-image-sensor-modules\/\" data-type=\"page\" data-id=\"7611\">Entdecken Sie optische Module und Sensormodule<\/a><\/strong><\/strong><\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n\n\n    <li class=\"text-base text-gray-600 dark:text-gray-200 group mt-10 first:mt-0  group\">\n  <div style=\"opacity: 1; transform: none;\">\n    <div class=\"pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden relative\n            before:absolute before:top-0 before:left-0 before:h-px before:w-6\n            after:absolute after:top-0 after:left-8 after:right-0 after:h-px\n            before:bg-primary dark:before:bg-primary\n            after:bg-gray-300 dark:after:bg-gray-700\">\n  \n\n<h3 class=\"wp-block-heading\">Optik-Beratung &#8211; Lassen Sie sich von Experten beraten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr Projekte, die eine ma\u00dfgeschneiderte optische L\u00f6sung erfordern, stehen unsere Spezialisten f\u00fcr eine fachkundige Beratung zur Verf\u00fcgung. Wir helfen Ihnen bei der Auswahl der besten Sensorgr\u00f6\u00dfe, bei der Bestimmung des idealen Bildkreises und bei der Auswahl des geeigneten Objektivtyps f\u00fcr Ihr spezifisches Sichtfeld (FOV) und Ihren Arbeitsbereich. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><strong><a href=\"https:\/\/framos.com\/de\/kontakt\/\" data-type=\"page\" data-id=\"7860\">Kontaktieren Sie unsere Optik-Experten<\/a><\/strong><\/strong><\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n<div class=\"framos-seo-content\" style=\"display:none\">Lenses, Modules &amp; Expert Guidance for Your Vision System<\/div>\n <\/ul>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":11569,"parent":11942,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tech-template.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-12027","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/12027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/comments?post=12027"}],"version-history":[{"count":3,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/12027\/revisions"}],"predecessor-version":[{"id":29968,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/12027\/revisions\/29968"}],"up":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/11942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media\/11569"}],"wp:attachment":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media?parent=12027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}