{"id":12018,"date":"2025-05-19T10:31:23","date_gmt":"2025-05-19T10:31:23","guid":{"rendered":"https:\/\/framos.com\/resources\/explore\/online-tools\/focal-length-calculator\/"},"modified":"2026-07-31T07:02:59","modified_gmt":"2026-07-31T07:02:59","slug":"brennweitenrechner-bestimmen","status":"publish","type":"page","link":"https:\/\/framos.com\/de\/ressourcen\/erkunden\/online-tools\/brennweitenrechner-bestimmen\/","title":{"rendered":"Brennweitenrechner &#8211; Bestimmen Sie Ihre Objektivspezifikationen mit Pr\u00e4zision"},"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 und davon ausgehen, dass die Hauptebenen des optischen Systems identisch sind.<\/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@brennweitenrechner-bestimmen\" 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=\"focal-length-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 focal length calculator *\/\n    @keyframes flFadeUp {\n      from { opacity: 0; transform: translateY(14px); }\n      to   { opacity: 1; transform: none; }\n    }\n    @keyframes flShake {\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 flSpinSlow {\n      from { transform: rotate(0deg); }\n      to   { transform: rotate(360deg); }\n    }\n    @keyframes flPulse {\n      0%, 100% { opacity: .45; }\n      50%      { opacity: .9; }\n    }\n    #focal-length-calculator .fl-anim-in { animation: flFadeUp .5s cubic-bezier(.22,1,.36,1) both; }\n    #focal-length-calculator .fl-stagger > * { animation: flFadeUp .55s cubic-bezier(.22,1,.36,1) both; }\n    #focal-length-calculator .fl-stagger > *:nth-child(1) { animation-delay: .05s; }\n    #focal-length-calculator .fl-stagger > *:nth-child(2) { animation-delay: .12s; }\n    #focal-length-calculator .fl-stagger > *:nth-child(3) { animation-delay: .19s; }\n    #focal-length-calculator .fl-stagger > *:nth-child(4) { animation-delay: .26s; }\n    #focal-length-calculator .fl-stagger > *:nth-child(5) { animation-delay: .33s; }\n    #focal-length-calculator .fl-stagger > *:nth-child(6) { animation-delay: .40s; }\n    #focal-length-calculator .fl-shake { animation: flShake .4s ease; }\n    #focal-length-calculator .fl-field-error {\n      outline: 2px solid #f87171 !important;\n      outline-offset: -2px;\n    }\n    #focal-length-calculator .fl-aperture { animation: flSpinSlow 24s linear infinite; transform-origin: 60px 60px; }\n    #focal-length-calculator .fl-empty-hint { animation: flPulse 3s ease-in-out infinite; }\n    #focal-length-calculator .fl-stale { opacity: .35; filter: saturate(.4); transition: opacity .3s, filter .3s; }\n    @media (prefers-reduced-motion: reduce) {\n      #focal-length-calculator .fl-anim-in,\n      #focal-length-calculator .fl-stagger > *,\n      #focal-length-calculator .fl-shake,\n      #focal-length-calculator .fl-aperture,\n      #focal-length-calculator .fl-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        Focal Length Calculator      <\/h2>\n      <p class=\"text-sm text-gray-500 dark:text-gray-300 mb-8\">\n        Enter your scene and sensor specs to find the right lens focal length.      <\/p>\n\n      <form id=\"fl-form\" autocomplete=\"off\" class=\"space-y-8\" novalidate>\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 class=\"grid grid-cols-1 gap-6 sm:grid-cols-2\">\n            <div>\n              <label for=\"wd\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n                Working 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. 500\"\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=\"hfov\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n                Horizontal Field of View              <\/label>\n              <div class=\"mt-2 relative\">\n                <input type=\"number\" id=\"hfov\" name=\"hfov\" step=\"any\" min=\"0\" inputmode=\"decimal\" required\n                  placeholder=\"e.g. 100\"\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        <\/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=\"hn\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n                Number of Pixels (Horizontal)              <\/label>\n              <div class=\"mt-2 relative\">\n                <input type=\"number\" id=\"hn\" name=\"hn\" step=\"1\" min=\"1\" inputmode=\"numeric\" required\n                  placeholder=\"e.g. 1920\"\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\">px<\/span>\n              <\/div>\n            <\/div>\n            <div>\n              <label for=\"vn\" class=\"block text-sm\/6 font-medium text-gray-900 dark:text-white\">\n                Number of Pixels (Vertical)              <\/label>\n              <div class=\"mt-2 relative\">\n                <input type=\"number\" id=\"vn\" name=\"vn\" step=\"1\" min=\"1\" inputmode=\"numeric\" required\n                  placeholder=\"e.g. 1200\"\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\">px<\/span>\n              <\/div>\n            <\/div>\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        <\/div>\n\n        <!-- Validation message -->\n        <p id=\"fl-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-fl\"\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=\"focal-length-calculator.1.calc-submit\" data-cta-label=\"calculate\" data-cta-location=\"focal-length-calculator@brennweitenrechner-bestimmen\" 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=\"fl-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=\"fl-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=\"fl-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=\"fl-output\" class=\"hidden w-full\" aria-live=\"polite\">\n\n        <!-- Field of view diagram -->\n        <div class=\"fl-anim-in mb-6\">\n          <svg id=\"fl-diagram\" viewBox=\"0 0 640 210\" class=\"w-full h-auto text-gray-500 dark:text-gray-400\" aria-hidden=\"true\">\n            <defs>\n              <linearGradient id=\"flCone\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n                <stop offset=\"0\" stop-color=\"#0098B0\" stop-opacity=\".26\"\/>\n                <stop offset=\"1\" stop-color=\"#00c4d4\" stop-opacity=\".10\"\/>\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=\"600\" y2=\"100\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-dasharray=\"4 6\" opacity=\".45\"\/>\n            <!-- FOV cone -->\n            <polygon id=\"fl-cone\" points=\"80,100 80,100 80,100\" fill=\"url(#flCone)\"\/>\n            <line id=\"fl-cone-top\" x1=\"80\" y1=\"100\" x2=\"80\" y2=\"100\" stroke=\"#0098B0\" stroke-width=\"2\" opacity=\"0\"\/>\n            <line id=\"fl-cone-bottom\" x1=\"80\" y1=\"100\" x2=\"80\" y2=\"100\" stroke=\"#0098B0\" stroke-width=\"2\" opacity=\"0\"\/>\n            <!-- angle arc + label -->\n            <path id=\"fl-angle-arc\" d=\"\" fill=\"none\" stroke=\"#00c4d4\" stroke-width=\"1.5\" opacity=\"0\"\/>\n            <text id=\"fl-angle-label\" x=\"0\" y=\"0\" text-anchor=\"start\" font-size=\"12\" fill=\"currentColor\" opacity=\"0\"><\/text>\n            <!-- object plane -->\n            <line id=\"fl-plane\" x1=\"0\" x2=\"0\" y1=\"100\" y2=\"100\" stroke=\"#00c4d4\" stroke-width=\"2.5\" opacity=\"0\"\/>\n            <text id=\"fl-fov-label\" x=\"0\" y=\"0\" text-anchor=\"middle\" font-size=\"13\" fill=\"currentColor\" opacity=\"0\"><\/text>\n            <!-- working distance dimension -->\n            <g id=\"fl-wd-dim\" opacity=\"0\">\n              <line id=\"fl-wd-line\" x1=\"80\" x2=\"80\" y1=\"184\" y2=\"184\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n              <line x1=\"80\" x2=\"80\" y1=\"178\" y2=\"190\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n              <line id=\"fl-wd-tick\" x1=\"80\" x2=\"80\" y1=\"178\" y2=\"190\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\n              <text id=\"fl-wd-label\" x=\"0\" y=\"176\" text-anchor=\"middle\" font-size=\"12\" fill=\"currentColor\"><\/text>\n            <\/g>\n          <\/svg>\n        <\/div>\n\n        <div class=\"fl-stagger grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <!-- Hero: Focal Length -->\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\">Focal Length<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1.5\">\n              <span id=\"hf\" class=\"text-4xl font-framos-bold tabular-nums\">-<\/span>\n              <span class=\"text-lg text-white\/85\">mm<\/span>\n            <\/div>\n            <div id=\"fl-summary\" class=\"mt-1 text-sm text-white\/85\"><\/div>\n          <\/div>\n          <!-- Magnification -->\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\">Magnification<\/div>\n            <div class=\"mt-1\">\n              <span id=\"m\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n            <\/div>\n          <\/div>\n          <!-- Horizontal AFOV -->\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\">Horizontal AFOV<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"hafov\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span class=\"text-xs text-gray-400\">deg<\/span>\n            <\/div>\n          <\/div>\n          <!-- Vertical AFOV -->\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\">Vertical AFOV<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"vafov\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span class=\"text-xs text-gray-400\">deg<\/span>\n            <\/div>\n          <\/div>\n          <!-- Diagonal AFOV -->\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\">Diagonal AFOV<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"dafov\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span class=\"text-xs text-gray-400\">deg<\/span>\n            <\/div>\n          <\/div>\n          <!-- Sensor size -->\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\">Sensor Size (H x V)<\/div>\n            <div class=\"mt-1 flex items-baseline gap-1\">\n              <span id=\"hs\" class=\"text-xl font-framos-bold text-secondary dark:text-white tabular-nums\">-<\/span>\n              <span class=\"text-sm text-gray-400\">x<\/span>\n              <span id=\"vs\" 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 class=\"mt-1 text-xs text-gray-500 dark:text-gray-400\">\n              Diagonal: <span id=\"ds\" class=\"tabular-nums\">-<\/span> mm\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- CTA -->\n        <div class=\"fl-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=\"focal-length-calculator.2.contact-experts\" data-cta-label=\"contact our experts\" data-cta-location=\"focal-length-calculator@brennweitenrechner-bestimmen\" 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('focal-length-calculator');\n  if (!root) return;\n\n  var msgs = {\n    fill: \"Please fill in all fields with valid positive numbers.\",\n    fov: \"FOV\",\n    wd: \"WD\",\n    deg: \"deg\",\n    summary: \"Covers a %1$s mm field of view at %2$s mm working distance.\"  };\n\n  var reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var locale = document.documentElement.lang || 'en';\n  var fmt2, fmt1, fmtM;\n  try {\n    fmt2 = new Intl.NumberFormat(locale, { maximumFractionDigits: 2 });\n    fmt1 = new Intl.NumberFormat(locale, { maximumFractionDigits: 1 });\n    fmtM = new Intl.NumberFormat(locale, { maximumSignificantDigits: 4 });\n  } catch (e) {\n    fmt2 = new Intl.NumberFormat(undefined, { maximumFractionDigits: 2 });\n    fmt1 = new Intl.NumberFormat(undefined, { maximumFractionDigits: 1 });\n    fmtM = new Intl.NumberFormat(undefined, { maximumSignificantDigits: 4 });\n  }\n\n  function $(id) { return document.getElementById(id); }\n  var fields = { wd: $('wd'), hfov: $('hfov'), hn: $('hn'), vn: $('vn'), p: $('p') };\n  var output = $('fl-output');\n  var empty = $('fl-empty');\n  var errorEl = $('fl-error');\n  var hasResult = false;\n  var prev = { hf: 0, m: 0, hafov: 0, vafov: 0, dafov: 0, hs: 0, vs: 0, ds: 0 };\n  var rafId = null;\n\n  function readValues() {\n    return {\n      WD: parseFloat(fields.wd.value),\n      hFOV: parseFloat(fields.hfov.value),\n      hN: parseFloat(fields.hn.value),\n      vN: parseFloat(fields.vn.value),\n      P: parseFloat(fields.p.value)\n    };\n  }\n\n  function findErrors(v) {\n    var bad = [];\n    if (!(v.WD > 0)) bad.push(fields.wd);\n    if (!(v.hFOV > 0)) bad.push(fields.hfov);\n    if (!(v.hN > 0)) bad.push(fields.hn);\n    if (!(v.vN > 0)) bad.push(fields.vn);\n    if (!(v.P > 0)) bad.push(fields.p);\n    if (bad.length) return { bad: bad, msg: msgs.fill };\n    return { bad: [], msg: '' };\n  }\n\n  function clearErrors() {\n    errorEl.classList.add('hidden');\n    errorEl.textContent = '';\n    root.querySelectorAll('.fl-field-error').forEach(function (el) {\n      el.classList.remove('fl-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('fl-field-error');\n      el.classList.remove('fl-shake');\n      void el.offsetWidth; \/* restart animation *\/\n      el.classList.add('fl-shake');\n    });\n  }\n\n  function compute(v) {\n    var hS = v.hN * v.P;\n    var vS = v.vN * v.P;\n    var dS = Math.sqrt(hS * hS + vS * vS);\n    var M = hS \/ v.hFOV;\n    var hf = (hS * v.WD) \/ v.hFOV;\n    var hAFOV = 2 * Math.atan(v.hFOV \/ (2 * v.WD));\n    var vAFOV = hAFOV * (vS \/ hS);\n    var dAFOV = hAFOV * (dS \/ hS);\n    var toDeg = 180 \/ Math.PI;\n    return {\n      v: v, hs: hS, vs: vS, ds: dS, m: M, hf: hf,\n      hafov: hAFOV * toDeg, vafov: vAFOV * toDeg, dafov: dAFOV * toDeg\n    };\n  }\n\n  \/* --- Diagram geometry --- *\/\n  function clamp(x, lo, hi) { return Math.max(lo, Math.min(hi, x)); }\n\n  function renderDiagram(res, e) {\n    var VX = 80, VY = 100; \/* cone vertex at the lens *\/\n    var tanH = res.v.hFOV \/ (2 * res.v.WD);\n    var planeXT = clamp(VX + 78 \/ tanH, 150, 520);\n    var halfHT = Math.min((planeXT - VX) * tanH, 88);\n\n    \/* beam extends out of the lens and opens up *\/\n    var px = VX + (planeXT - VX) * e;\n    var hh = halfHT * e;\n\n    $('fl-cone').setAttribute('points',\n      VX + ',' + VY + ' ' + px + ',' + (VY - hh) + ' ' + px + ',' + (VY + hh));\n\n    var top = $('fl-cone-top');\n    top.setAttribute('x2', px); top.setAttribute('y2', VY - hh);\n    top.setAttribute('opacity', e);\n    var bottom = $('fl-cone-bottom');\n    bottom.setAttribute('x2', px); bottom.setAttribute('y2', VY + hh);\n    bottom.setAttribute('opacity', e);\n\n    \/* object plane at the working distance *\/\n    var plane = $('fl-plane');\n    plane.setAttribute('x1', px); plane.setAttribute('x2', px);\n    plane.setAttribute('y1', VY - hh - 8); plane.setAttribute('y2', VY + hh + 8);\n    plane.setAttribute('opacity', e);\n\n    var fovLabel = $('fl-fov-label');\n    fovLabel.setAttribute('x', clamp(px, 120, 600));\n    fovLabel.setAttribute('y', Math.max(14, VY - hh - 16));\n    fovLabel.textContent = msgs.fov + ' ' + fmt2.format(res.v.hFOV) + ' mm';\n    fovLabel.setAttribute('opacity', e);\n\n    \/* angle arc through the axis, from bottom cone line to top cone line *\/\n    var a = Math.atan(tanH);\n    var r = 30;\n    var ax = VX + r * Math.cos(a), ayTop = VY - r * Math.sin(a), ayBot = VY + r * Math.sin(a);\n    $('fl-angle-arc').setAttribute('d',\n      'M ' + ax + ' ' + ayBot + ' A ' + r + ' ' + r + ' 0 0 0 ' + ax + ' ' + ayTop);\n    $('fl-angle-arc').setAttribute('opacity', e);\n    var angleLabel = $('fl-angle-label');\n    var coneSlope = halfHT \/ (planeXT - VX);\n    angleLabel.setAttribute('x', VX + r + 8);\n    angleLabel.setAttribute('y', Math.min(VY + (r + 8) * coneSlope + 18, 168));\n    angleLabel.textContent = fmt1.format(res.hafov) + ' ' + msgs.deg;\n    angleLabel.setAttribute('opacity', e);\n\n    \/* working distance dimension line *\/\n    var dim = $('fl-wd-dim');\n    $('fl-wd-line').setAttribute('x2', px);\n    $('fl-wd-tick').setAttribute('x1', px);\n    $('fl-wd-tick').setAttribute('x2', px);\n    var wdLabel = $('fl-wd-label');\n    wdLabel.setAttribute('x', (VX + px) \/ 2);\n    wdLabel.textContent = msgs.wd + ' ' + fmt2.format(res.v.WD) + ' mm';\n    dim.setAttribute('opacity', e);\n  }\n\n  function renderNumbers(res, e) {\n    function lerp(from, to) { return from + (to - from) * e; }\n    $('hf').textContent = fmt1.format(lerp(prev.hf, res.hf));\n    $('m').textContent = fmtM.format(lerp(prev.m, res.m));\n    $('hafov').textContent = fmt1.format(lerp(prev.hafov, res.hafov));\n    $('vafov').textContent = fmt1.format(lerp(prev.vafov, res.vafov));\n    $('dafov').textContent = fmt1.format(lerp(prev.dafov, res.dafov));\n    $('hs').textContent = fmt2.format(lerp(prev.hs, res.hs));\n    $('vs').textContent = fmt2.format(lerp(prev.vs, res.vs));\n    $('ds').textContent = fmt2.format(lerp(prev.ds, res.ds));\n    $('fl-summary').textContent = msgs.summary\n      .replace('%1$s', fmt2.format(res.v.hFOV))\n      .replace('%2$s', fmt2.format(res.v.WD));\n  }\n\n  function storePrev(res) {\n    prev = { hf: res.hf, m: res.m, hafov: res.hafov, vafov: res.vafov, dafov: res.dafov, hs: res.hs, vs: res.vs, ds: res.ds };\n  }\n\n  function showResult(res) {\n    empty.classList.add('hidden');\n    output.classList.remove('hidden');\n    output.classList.remove('fl-stale');\n\n    if (rafId) cancelAnimationFrame(rafId);\n\n    if (reduced) {\n      renderDiagram(res, 1);\n      renderNumbers(res, 1);\n      storePrev(res);\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        storePrev(res);\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('fl-stale');\n      return;\n    }\n    showResult(compute(v));\n    hasResult = true;\n  }\n\n  $('fl-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('#fl-form input').forEach(function (el) {\n    el.addEventListener('input', function () {\n      el.classList.remove('fl-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('fl-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 Brennweitenrechner &#8211; Bestimmen Sie das richtige Objektiv f\u00fcr Ihren Sensor und Ihr Sichtfeld <\/h2>\n \n <!-- Dynamic Text -->\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 mt-8\">\n Stellen Sie mit unserem <strong>Brennweitenrechner<\/strong> sicher, dass das Bild perfekt auf Ihren Sensor passt. Dieses Tool berechnet die optimale Objektivbrennweite, die erforderlich ist, um Ihr Motiv mit dem gew\u00fcnschten Sichtfeld und der gew\u00fcnschten Vergr\u00f6\u00dferung zu erfassen.  <\/p>\n \n <!-- Buttons -->\n <div class=\"mt-10 flex items-center gap-x-6\">\n  <a\n href=\"#focal-length-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 Brennweite 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 Brennweite anhand von FOV und Sensorspezifikationen berechnen <\/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 Mit dem Brennweitenrechner k\u00f6nnen Sie die Brennweite ermitteln, die erforderlich ist, um ein Objekt in einem bestimmten Arbeitsabstand abzubilden und dabei die Abmessungen Ihres Sensors zu ber\u00fccksichtigen. Alle Berechnungen beruhen auf theoretischen Formeln, die von identischen Hauptebenen im optischen System ausgehen. Beachten Sie, dass reale Faktoren zu leichten Abweichungen bei den Ergebnissen f\u00fchren k\u00f6nnen. F\u00fcr eine ma\u00dfgeschneiderte Beratung <a href=\"https:\/\/framos.atlassian.net\/wiki\/spaces\/CM\/pages\/300351525\/Focal+Length+Calculatort#\" target=\"_blank\" rel=\"noopener\">wenden Sie sich bitte an unsere Experten<\/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 die optischen Werte f\u00fcr 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@brennweitenrechner-bestimmen\" 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@brennweitenrechner-bestimmen\" 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            LENS SPECS        <\/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><\/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            SENSOREN-SPEZIFIKEN        <\/h3>\n\n        <p class=\"text-gray-600 dark:text-gray-200 mx-auto mt-6 max-w-xl leading-normal\">\n            <ul><li>Sensorgr\u00f6\u00dfe Horizontal: (mm)<\/li><li>Sensorgr\u00f6\u00dfe Vertikal: (mm)<\/li><li>Sensorgr\u00f6\u00dfe diagonal: (mm)<\/li><li>Vergr\u00f6\u00dferung:<\/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            OBJEKT-RAUM        <\/h3>\n\n        <p class=\"text-gray-600 dark:text-gray-200 mx-auto mt-6 max-w-xl leading-normal\">\n            <ul><li>Horizontales AFOV: (deg)<\/li><li>Vertikales AFOV: (deg)<\/li><li>Diagonales AFOV: (deg)<\/li><\/ul>\n        <\/p>\n\n    <\/div>\n<\/div>\n<div class=\"framos-seo-content\" style=\"display:none\">Calculate Focal Length Using FOV and Sensor Specs Focal Length calculator enables you to determine the necessary focal length to capture an image of an object at a specified working distance while matching your sensor\u2019s dimensions. All calculations are based on theoretical formulas that assume identical principal planes in the optical system. Note that real-world factors may introduce slight variations in the results. For tailored advice, &lt;a href=&#8220;https:\/\/framos.atlassian.net\/wiki\/spaces\/CM\/pages\/300351525\/Focal+Length+Calculatort#&#8220;>contact our experts&lt;\/a>.<\/div>\n <\/div>\n <\/div>\n <\/div>\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_left,white,transparent)]\" aria-hidden=\"true\">\n <defs>\n <pattern id=\"pattern-grid-6abf6d7d5cc4d\" 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-6abf6d7d5cc4d)\" \/>\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 lg:flex-row-reverse\">\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 Wie wird die Brennweite berechnet? <\/h2>\n\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 my-8\">\n Um die optimale Brennweite f\u00fcr Ihre Aufnahmeeinrichtung zu berechnen, befolgen wir diese grundlegenden Schritte: <\/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>How Is Focal Length Being Calculated?<\/strong><span>To calculate the optimal focal length for your imaging setup, we follow these core steps:<\/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@brennweitenrechner-bestimmen\" 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>Eingabe-Parameter<\/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<ul class=\"wp-block-list\">\n<li><strong>Arbeitsabstand (WD):<\/strong> Abstand vom Objektiv zum Objekt<\/li>\n\n\n\n<li><strong>Sichtfeld (FOV):<\/strong> Gew\u00fcnschte horizontale Sichtweite<\/li>\n\n\n\n<li><strong>Sensor-Specs:<\/strong> Anzahl der horizontalen und vertikalen Pixel, sowie Pixelgr\u00f6\u00dfe in mm<\/li>\n<\/ul>\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@brennweitenrechner-bestimmen\" 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>Berechnung der Sensorgr\u00f6\u00dfe<\/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<ul class=\"wp-block-list\">\n<li>Horizontale Sensorgr\u00f6\u00dfe = Horizontale Pixel \u00d7 Pixelgr\u00f6\u00dfe<\/li>\n\n\n\n<li>Vertikale Sensorgr\u00f6\u00dfe = Vertikale Pixel \u00d7 Pixelgr\u00f6\u00dfe<\/li>\n\n\n\n<li>Diagonale Sensorgr\u00f6\u00dfe = \u221a(H\u00b2 + V\u00b2)<\/li>\n\n\n\n<li>Hinweis: Die Sensorgr\u00f6\u00dfe kann je nach <strong>aktiver<\/strong>, <strong>effektiver<\/strong> oder <strong>empfohlener<\/strong> Pixelfl\u00e4che, wie vom Sensorhersteller definiert, variieren.<\/li>\n<\/ul>\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@brennweitenrechner-bestimmen\" 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>Vergr\u00f6\u00dferung (M)<\/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<ul class=\"wp-block-list\">\n<li><strong>Formel:<\/strong> <code>M = Horizontal Sensor Size \u00f7 Horizontal FOV<\/code><\/li>\n\n\n\n<li>Hier wird festgelegt, wie stark das Bild zwischen dem Objektraum und dem Sensor skaliert wird.<\/li>\n<\/ul>\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@brennweitenrechner-bestimmen\" 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>Brennweite (f)<\/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<ul class=\"wp-block-list\">\n<li>Formel: f = WD \u00d7 M<\/li>\n\n\n\n<li>Dieses Ergebnis gibt die Brennweite in Millimetern an, die erforderlich ist, um das definierte FOV bei dem gegebenen Arbeitsabstand zu erfassen.<\/li>\n<\/ul>\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\/sensor-vs-field-of-view.jpg\"\n alt=\"sensor-vs-field-of-view\"\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=\"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-6abf6d7d5e173\" 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-6abf6d7d5e173)\" \/>\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 Brennweitenberechnung &#8211; Wichtige \u00dcberlegungen <\/h2>\n\n  <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 my-8\">\n Bei der Berechnung der Brennweite sind mehrere optische Prinzipien wichtig: <\/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>Focal Length Calculation \u2013 Key Considerations<\/strong><span>When calculating focal length, several optical principles are essential:<\/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.5.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@brennweitenrechner-bestimmen\" 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>Objektiv-Formel<\/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 grundlegende Objektivformel, 1\/f = 1\/u + 1\/v, setzt die Brennweite (f) in Beziehung zur Objektentfernung (u) und zur Bildentfernung (v). Diese Formel basiert auf der paraxialen N\u00e4herung f\u00fcr d\u00fcnne Linsen.   <\/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.6.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@brennweitenrechner-bestimmen\" 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><strong>Objekt- und Bildabst\u00e4nde<\/strong><\/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\">Genaue Messungen der Objektdistanz und der Bilddistanz sind entscheidend f\u00fcr eine pr\u00e4zise Brennweitenbestimmung.<\/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.7.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@brennweitenrechner-bestimmen\" 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><strong>Einheiten Konsistenz<\/strong><\/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\">Stellen Sie sicher, dass alle Messungen (in mm) konsistent sind, um g\u00fcltige Ergebnisse zu erhalten.<\/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.8.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@brennweitenrechner-bestimmen\" 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><strong>Paraxiale Approximation<\/strong><\/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\">Diese Methode geht davon aus, dass die Lichtstrahlen nahe an der optischen Achse liegen, was f\u00fcr viele praktische Szenarien zutrifft.<\/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.9.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@brennweitenrechner-bestimmen\" 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><strong>Zeichen Konventionen<\/strong><\/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\">Eine positive Brennweite steht f\u00fcr eine konvergierende (konvexe) Linse, w\u00e4hrend eine negative Brennweite eine divergierende (konkave) Linse bezeichnet.<\/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.10.button\" data-cta-label=\"\" data-cta-location=\"framos_accordion@brennweitenrechner-bestimmen\" 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><strong><strong>Komplexe optische Systeme<\/strong><\/strong><\/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\">F\u00fcr Linsensysteme mit mehreren Elementen sind erweiterte Berechnungen erforderlich. Unser Tool konzentriert sich aus Gr\u00fcnden der Benutzerfreundlichkeit auf N\u00e4herungswerte f\u00fcr ein einzelnes Element. <\/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\/afov-graph.jpg\"\n alt=\"C-mount and CS-mount lens comparison\"\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\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=\"41\" height=\"25\" src=\"https:\/\/framos.com\/wp-content\/uploads\/2025\/05\/Figure-4-Field-of-View-1.svg\" alt=\"Berechnung des Sichtfelds\" class=\"wp-image-11607\" style=\"width:900px\"\/><\/figure>\n <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-6abf6d7d6023e\" 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-6abf6d7d6023e)\" \/>\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 Wie funktioniert der Brennweitenrechner? <\/h2>\n\n <p class=\"text-base leading-7 mb-4 text-gray-600 dark:text-gray-200 paragraph-c\">\n Der &lt;strong&gt;Brennweitenrechner&lt;\/strong&gt; hilft Ihnen bei der Bestimmung der idealen Objektivbrennweite f\u00fcr Ihr spezielles Aufnahmesystem, indem er wichtige Parameter wie die Bildgr\u00f6\u00dfe, die Objektgr\u00f6\u00dfe und den Objektabstand ber\u00fccksichtigt. <\/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\/Focal-length-and-angle-of-view-chart.jpg\" alt=\"Focal length and angle of view chart for full-frame cameras, showing lens ranges from 14mm to 600mm with use case examples\" 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\">Benutzer-Eingaben<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Arbeitsabstand (WD)<\/li>\n\n\n\n<li>Horizontales und vertikales Sichtfeld (FOV)<\/li>\n\n\n\n<li>Pixel Abmessungen (horizontal und vertikal)<\/li>\n\n\n\n<li>Pixelgr\u00f6\u00dfe (in Mikron)<\/li>\n<\/ul>\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\">Berechnung der Sensorgr\u00f6\u00dfe<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die Sensorgr\u00f6\u00dfe wird in drei Dimensionen berechnet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Horizontal<\/li>\n\n\n\n<li>Vertikal<\/li>\n\n\n\n<li>Diagonal<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Wir verwenden Standardformeln zur Bestimmung der Sensorgr\u00f6\u00dfe<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Aktive Pixelfl\u00e4che<\/strong>: Erfasst Licht und echte Bilddaten.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Effektive Pixelfl\u00e4che<\/strong>: Enth\u00e4lt Overscan-Bereiche, die bei der Kalibrierung von Pixeldaten helfen.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Empfohlener Pixelbereich<\/strong>: Empfohlener Aufnahmebereich des Sensorherstellers.<\/li>\n<\/ul>\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\">Vergr\u00f6\u00dferungsformel<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">M=Horizontales Sichtfeld \/ Horizontale Sensorgr\u00f6\u00dfe<\/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\">Berechnung der Brennweite<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Anhand des Vergr\u00f6\u00dferungswerts ermittelt der Rechner die optimale Brennweite f\u00fcr das Objektiv<\/p>\n\n<\/div>\n\n  <\/div>\n<\/li>\n\n\n<div class=\"framos-seo-content\" style=\"display:none\">How Does the Focal Length Calculator Work?<\/div>\n <\/ul>\n\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\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 Brennweite und verwandter optischer Konzepte mit unserem ausf\u00fchrlichen FAQ-Bereich. <\/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 die Brennweite in bildgebenden Systemen? <\/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 Brennweite ist der Abstand zwischen dem optischen Ursprung des Objektivs und dem Bildsensor, wenn ein weit entferntes Motiv im Fokus ist. Sie bestimmt die Vergr\u00f6\u00dferung und das vom Objektiv erfasste Sichtfeld.  <\/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 Brennweite 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 F\u00fcr Ein-Element-Objektive wird die Brennweite anhand der Objektivformel berechnet:<br \/>1\/f = 1\/u + 1\/v,<br \/>wobei <strong>u<\/strong> die Objektentfernung und <strong>v<\/strong> die Bildentfernung ist. Unser Tool verwendet die Angaben zur Sensorgr\u00f6\u00dfe und zum Sichtfeld, um die erforderliche Brennweite zu ermitteln.  <\/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 Unterschied zwischen positiven und negativen Brennweiten? <\/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>Positive Brennweite:<\/strong> Bezeichnet eine konvergierende (konvexe) Linse, die Lichtstrahlen b\u00fcndelt und ein reales Bild erzeugt.<br \/><strong>Negative Brennweite:<\/strong> Bezeichnet eine divergierende (konkave) Linse, durch die sich die Lichtstrahlen ausbreiten und ein virtuelles Bild erzeugen. <\/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 beeinflusst die Brennweite die Bildvergr\u00f6\u00dferung? <\/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 Vergr\u00f6\u00dferung eines Abbildungssystems wird durch die Brennweite beeinflusst. L\u00e4ngere Brennweiten ergeben eine st\u00e4rkere Vergr\u00f6\u00dferung, was zu einem engeren Sichtfeld f\u00fchrt, w\u00e4hrend k\u00fcrzere Brennweiten ein breiteres Sichtfeld mit geringerer Vergr\u00f6\u00dferung 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 Wie ist das Verh\u00e4ltnis zwischen Brennweite und Sichtfeld? <\/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 Brennweite verh\u00e4lt sich umgekehrt proportional zum Sichtfeld. Eine k\u00fcrzere Brennweite (Weitwinkelobjektiv) f\u00e4ngt ein breiteres Bild ein, w\u00e4hrend eine l\u00e4ngere Brennweite (Teleobjektiv) einen kleineren, st\u00e4rker vergr\u00f6\u00dferten Teil des Bildes einf\u00e4ngt.  <\/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 beeinflusst die Brennweite 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 Die Brennweite wirkt sich auf die Sch\u00e4rfentiefe (DOF) aus, da Objektive mit k\u00fcrzerer Brennweite in der Regel eine gr\u00f6\u00dfere DOF bieten, w\u00e4hrend l\u00e4ngere Brennweiten oft zu einer geringeren DOF f\u00fchren, was die Motivisolierung verbessern kann. <\/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 Kann die Brennweite eines Objektivs verstellt werden? <\/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 Bei den meisten Abbildungssystemen kann die Brennweite eines festen Objektivs nicht ver\u00e4ndert werden. Objektive mit variabler Brennweite (Zoom-Objektive) erm\u00f6glichen jedoch unterschiedliche Vergr\u00f6\u00dferungen und Sichtfelder, indem die Brennweite angepasst wird.  <\/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 Bildverzerrung 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 Gr\u00f6\u00dfere Sichtfelder (k\u00fcrzere Brennweiten) k\u00f6nnen zu einer st\u00e4rkeren Verzerrung des Bildes f\u00fchren. Die Auswahl eines Objektivs, das speziell f\u00fcr Ihr gew\u00fcnschtes Sichtfeld optimiert ist, kann helfen, die Verzerrung zu minimieren.  <\/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 Wie kann ich bei der Verwendung des Brennweitenrechners die besten Ergebnisse erzielen? <\/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 Genaue Eingabemessungen f\u00fcr Arbeitsabstand, Sichtfeld und Sensorspezifikationen sind entscheidend. Bei komplexen optischen Systemen oder speziellen Anwendungen sollten Sie einen Optikexperten zu Rate ziehen, um Ihre Ergebnisse zu \u00fcberpr\u00fcfen.  <\/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 die Brennweite in bildgebenden Systemen?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Die Brennweite ist der Abstand zwischen dem optischen Ursprung des Objektivs und dem Bildsensor, wenn ein weit entferntes Motiv im Fokus ist. Sie bestimmt die Vergr\\u00f6\\u00dferung und das vom Objektiv erfasste Sichtfeld. \"}},{\"@type\":\"Question\",\"name\":\"Wie wird die Brennweite berechnet?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"F\\u00fcr Ein-Element-Objektive wird die Brennweite anhand der Objektivformel berechnet:<br\\\/>1\\\/f = 1\\\/u + 1\\\/v,<br\\\/>wobei <strong>u<\\\/strong> die Objektentfernung und <strong>v<\\\/strong> die Bildentfernung ist. Unser Tool verwendet die Angaben zur Sensorgr\\u00f6\\u00dfe und zum Sichtfeld, um die erforderliche Brennweite zu ermitteln. \"}},{\"@type\":\"Question\",\"name\":\"Was ist der Unterschied zwischen positiven und negativen Brennweiten?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<strong>Positive Brennweite:<\\\/strong> Bezeichnet eine konvergierende (konvexe) Linse, die Lichtstrahlen b\\u00fcndelt und ein reales Bild erzeugt.<br\\\/><strong>Negative Brennweite:<\\\/strong> Bezeichnet eine divergierende (konkave) Linse, durch die sich die Lichtstrahlen ausbreiten und ein virtuelles Bild erzeugen.\"}},{\"@type\":\"Question\",\"name\":\"Wie beeinflusst die Brennweite die Bildvergr\\u00f6\\u00dferung?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Die Vergr\\u00f6\\u00dferung eines Abbildungssystems wird durch die Brennweite beeinflusst. L\\u00e4ngere Brennweiten ergeben eine st\\u00e4rkere Vergr\\u00f6\\u00dferung, was zu einem engeren Sichtfeld f\\u00fchrt, w\\u00e4hrend k\\u00fcrzere Brennweiten ein breiteres Sichtfeld mit geringerer Vergr\\u00f6\\u00dferung bieten. \"}},{\"@type\":\"Question\",\"name\":\"Wie ist das Verh\\u00e4ltnis zwischen Brennweite und Sichtfeld?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Die Brennweite verh\\u00e4lt sich umgekehrt proportional zum Sichtfeld. Eine k\\u00fcrzere Brennweite (Weitwinkelobjektiv) f\\u00e4ngt ein breiteres Bild ein, w\\u00e4hrend eine l\\u00e4ngere Brennweite (Teleobjektiv) einen kleineren, st\\u00e4rker vergr\\u00f6\\u00dferten Teil des Bildes einf\\u00e4ngt. \"}},{\"@type\":\"Question\",\"name\":\"Wie beeinflusst die Brennweite die Sch\\u00e4rfentiefe?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Die Brennweite wirkt sich auf die Sch\\u00e4rfentiefe (DOF) aus, da Objektive mit k\\u00fcrzerer Brennweite in der Regel eine gr\\u00f6\\u00dfere DOF bieten, w\\u00e4hrend l\\u00e4ngere Brennweiten oft zu einer geringeren DOF f\\u00fchren, was die Motivisolierung verbessern kann.\"}},{\"@type\":\"Question\",\"name\":\"Kann die Brennweite eines Objektivs verstellt werden?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Bei den meisten Abbildungssystemen kann die Brennweite eines festen Objektivs nicht ver\\u00e4ndert werden. Objektive mit variabler Brennweite (Zoom-Objektive) erm\\u00f6glichen jedoch unterschiedliche Vergr\\u00f6\\u00dferungen und Sichtfelder, indem die Brennweite angepasst wird. \"}},{\"@type\":\"Question\",\"name\":\"Wie wirkt sich die Brennweite auf die Bildverzerrung aus?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Gr\\u00f6\\u00dfere Sichtfelder (k\\u00fcrzere Brennweiten) k\\u00f6nnen zu einer st\\u00e4rkeren Verzerrung des Bildes f\\u00fchren. Die Auswahl eines Objektivs, das speziell f\\u00fcr Ihr gew\\u00fcnschtes Sichtfeld optimiert ist, kann helfen, die Verzerrung zu minimieren. \"}},{\"@type\":\"Question\",\"name\":\"Wie kann ich bei der Verwendung des Brennweitenrechners die besten Ergebnisse erzielen?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Genaue Eingabemessungen f\\u00fcr Arbeitsabstand, Sichtfeld und Sensorspezifikationen sind entscheidend. Bei komplexen optischen Systemen oder speziellen Anwendungen sollten Sie einen Optikexperten zu Rate ziehen, um Ihre Ergebnisse zu \\u00fcberpr\\u00fcfen. \"}}]}<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":11616,"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-12018","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/12018","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=12018"}],"version-history":[{"count":3,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/12018\/revisions"}],"predecessor-version":[{"id":30087,"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/pages\/12018\/revisions\/30087"}],"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\/11616"}],"wp:attachment":[{"href":"https:\/\/framos.com\/de\/wp-json\/wp\/v2\/media?parent=12018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}