@extends('layouts.app')
@php $tr = fn ($de, $en) => request()->segment(1) === 'en' ? $en : $de; @endphp
@section('title', $tr('KARC Testberichte — BD-Rate gegen JPEG, JPEG 2000, WebP & AVIF | KOTSCH.TECH', 'KARC Benchmarks — BD-rate vs. JPEG, JPEG 2000, WebP & AVIF | KOTSCH.TECH'))
@section('meta_description', $tr('Reproduzierbare BD-Rate-Messungen von KARC auf 20 Kodak-Bildern: schlägt JPEG (−2,1 %) und JPEG 2000 (−32,3 %), liegt aber klar hinter WebP und AVIF. Ehrlich gemessen mit PSNR und SSIM.', 'Reproducible BD-rate measurements of KARC on 20 Kodak images: beats JPEG (−2.1%) and JPEG 2000 (−32.3%), but is clearly behind WebP and AVIF. Measured honestly with PSNR and SSIM.'))
@section('content')
@include('karc.partials.styles')

<style>
.k-verdict{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.85rem;padding:.2rem .7rem;border-radius:999px}
.k-verdict.good{background:#dcfce7;color:#15803d}
.k-verdict.bad{background:#fee2e2;color:#b91c1c}
.k-tablewrap{overflow-x:auto;border-radius:16px;margin-top:.4rem}
.k-method{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:1.2rem}
.k-method .k-card p{margin-top:.3rem}
.k-deflist{margin:1.2rem 0 0;padding:0;list-style:none;display:grid;gap:.8rem}
.k-deflist li{background:#fff;border:1px solid var(--k-line);border-radius:14px;padding:1rem 1.2rem;color:var(--k-ink2);line-height:1.55;font-size:.97rem}
.k-deflist b{color:var(--k-ink)}
</style>

<div class="k-wrap">
  <section class="k-hero" style="text-align:left;padding-bottom:1rem">
    <span class="k-badge"><i class="fas fa-chart-column"></i> {{ $tr('Testberichte', 'Benchmarks') }}</span>
    <h1 style="text-align:left">{{ $tr('Ehrlich gemessen:', 'Measured honestly:') }} <span class="k-grad">KARC</span> {{ $tr('vs. vier Codecs', 'vs. four codecs') }}</h1>
    <p class="k-lead" style="margin-left:0;text-align:left">{{ $tr('KARC schlägt die klassischen Standards JPEG und JPEG 2000 messbar. Gegen die modernen Codecs WebP und AVIF liegt es klar zurück — und genau das zeigen die Zahlen unten, ohne Beschönigung.', 'KARC measurably beats the classic standards JPEG and JPEG 2000. Against the modern codecs WebP and AVIF it is clearly behind — and the numbers below show exactly that, without sugar-coating.') }}</p>
  </section>

  <section class="k-section" style="padding-top:1rem">
    <div class="k-stats">
      <div><div class="k-stat">−2,1 %</div><div class="k-stat-l">{{ $tr('BD-Rate (PSNR) gegen JPEG — weniger Bits bei gleicher Qualität', 'BD-rate (PSNR) vs. JPEG — fewer bits at equal quality') }}</div></div>
      <div><div class="k-stat">18/20</div><div class="k-stat-l">{{ $tr('Kodak-Bilder, auf denen KARC JPEG schlägt', 'Kodak images where KARC beats JPEG') }}</div></div>
      <div><div class="k-stat">−32,3 %</div><div class="k-stat-l">{{ $tr('BD-Rate (PSNR) gegen JPEG 2000 — gewinnt 20/20', 'BD-rate (PSNR) vs. JPEG 2000 — wins 20/20') }}</div></div>
    </div>
  </section>

  <section class="k-section" style="padding-top:0">
    <div class="k-eyebrow">{{ $tr('Vollständige Tabelle', 'Full table') }}</div>
    <h2 class="k-h2">{{ $tr('BD-Rate gegen alle vier Gegner', 'BD-rate against all four opponents') }}</h2>
    <p class="k-p">{{ $tr('Negative BD-Rate-Werte bedeuten: KARC braucht weniger Bits für dieselbe Qualität (besser). Positive Werte bedeuten das Gegenteil (schlechter).', 'Negative BD-rate values mean KARC needs fewer bits for the same quality (better). Positive values mean the opposite (worse).') }}</p>
    <div class="k-tablewrap">
      <table class="k-table">
        <thead>
          <tr>
            <th>{{ $tr('Codec', 'Codec') }}</th>
            <th>{{ $tr('BD-Rate PSNR', 'BD-rate PSNR') }}</th>
            <th>{{ $tr('BD-Rate SSIM', 'BD-rate SSIM') }}</th>
            <th>{{ $tr('KARC gewinnt', 'KARC wins') }}</th>
            <th>{{ $tr('Urteil', 'Verdict') }}</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><b>JPEG</b> <span style="color:var(--k-muted)">{{ $tr('(optimize=True)', '(optimize=True)') }}</span></td>
            <td class="k-win">−2,1 %</td>
            <td class="k-lose">+9,9 %</td>
            <td class="k-win">18/20</td>
            <td><span class="k-verdict good"><i class="fas fa-circle-check"></i> {{ $tr('KARC schlägt JPEG (PSNR)', 'KARC beats JPEG (PSNR)') }}</span></td>
          </tr>
          <tr>
            <td><b>JPEG 2000</b> <span style="color:var(--k-muted)">{{ $tr('(OpenJPEG)', '(OpenJPEG)') }}</span></td>
            <td class="k-win">−32,3 %</td>
            <td class="k-win">−45,9 %</td>
            <td class="k-win">20/20</td>
            <td><span class="k-verdict good"><i class="fas fa-circle-check"></i> {{ $tr('KARC schlägt JPEG 2000', 'KARC beats JPEG 2000') }}</span></td>
          </tr>
          <tr>
            <td><b>WebP</b></td>
            <td class="k-lose">+56,8 %</td>
            <td class="k-lose">—</td>
            <td class="k-lose">0/20</td>
            <td><span class="k-verdict bad"><i class="fas fa-circle-xmark"></i> {{ $tr('KARC liegt klar zurück', 'KARC clearly behind') }}</span></td>
          </tr>
          <tr>
            <td><b>AVIF</b></td>
            <td class="k-lose">+90,3 %</td>
            <td class="k-lose">—</td>
            <td class="k-lose">0/20</td>
            <td><span class="k-verdict bad"><i class="fas fa-circle-xmark"></i> {{ $tr('KARC liegt klar zurück', 'KARC clearly behind') }}</span></td>
          </tr>
        </tbody>
      </table>
    </div>
    <p class="k-note"><i class="fas fa-circle-info"></i> {{ $tr('JPEG 2000 wurde mit der OpenJPEG-Standardeinstellung über Pillow gemessen (ratenbasiert, ohne weiteres Tuning). Eine optimierter konfigurierte JPEG-2000-Implementierung könnte näher heranrücken.', 'JPEG 2000 was measured with the default OpenJPEG setting via Pillow (rate-based, without further tuning). A more carefully configured JPEG 2000 implementation could close the gap.') }}</p>
  </section>

  <section class="k-section" style="padding-top:0">
    <div class="k-eyebrow">{{ $tr('Was die Zahlen bedeuten', 'What the numbers mean') }}</div>
    <h2 class="k-h2">{{ $tr('BD-Rate kurz erklärt', 'BD-rate in brief') }}</h2>
    <ul class="k-deflist">
      <li><b>{{ $tr('BD-Rate (Bjøntegaard-Delta-Rate)', 'BD-rate (Bjøntegaard delta rate)') }}.</b> {{ $tr('Misst, wie viel mehr oder weniger Bits ein Codec im Schnitt braucht, um dieselbe Qualität zu erreichen — gemittelt über eine ganze Qualitätskurve, nicht nur einen Punkt.', 'Measures how many more or fewer bits a codec needs on average to reach the same quality — averaged over an entire quality curve, not just a single point.') }}</li>
      <li><b>{{ $tr('Negativ = besser', 'Negative = better') }}.</b> {{ $tr('Ein negativer Wert (z. B. −2,1 %) heißt: KARC erreicht dieselbe Qualität mit weniger Bits. Ein positiver Wert (z. B. +56,8 %) heißt: KARC braucht mehr Bits — also schlechter.', 'A negative value (e.g. −2.1%) means KARC reaches the same quality with fewer bits. A positive value (e.g. +56.8%) means KARC needs more bits — i.e. worse.') }}</li>
      <li><b>{{ $tr('PSNR und SSIM', 'PSNR and SSIM') }}.</b> {{ $tr('PSNR misst den reinen Signalfehler, SSIM die wahrgenommene Strukturähnlichkeit. Wir berichten beide getrennt, weil ein Codec in einer Metrik führen und in der anderen zurückliegen kann — wie KARC gegen JPEG.', 'PSNR measures raw signal error, SSIM measures perceived structural similarity. We report both separately because a codec can lead on one metric and trail on the other — like KARC vs. JPEG.') }}</li>
    </ul>
  </section>

  <section class="k-section" style="padding-top:0">
    <div class="k-eyebrow">{{ $tr('Wie gemessen wurde', 'How it was measured') }}</div>
    <h2 class="k-h2">{{ $tr('Methodik', 'Methodology') }}</h2>
    <div class="k-method">
      <div class="k-card"><div class="ic"><i class="fas fa-images"></i></div><h3>{{ $tr('20 Kodak-Bilder', '20 Kodak images') }}</h3><p>{{ $tr('Der klassische Kodak-Satz aus 20 Fotos dient als Testkorpus — ein etablierter Standard für den Vergleich von Bildcodecs.', 'The classic Kodak set of 20 photos serves as the test corpus — an established standard for comparing image codecs.') }}</p></div>
      <div class="k-card"><div class="ic"><i class="fas fa-layer-group"></i></div><h3>{{ $tr('Pillow-Baselines', 'Pillow baselines') }}</h3><p>{{ $tr('JPEG, JPEG 2000, WebP und AVIF werden über Pillow erzeugt — also über die gleiche, frei verfügbare Bibliothek, damit der Vergleich reproduzierbar bleibt.', 'JPEG, JPEG 2000, WebP and AVIF are produced via Pillow — the same freely available library, so the comparison stays reproducible.') }}</p></div>
      <div class="k-card"><div class="ic"><i class="fas fa-sliders"></i></div><h3>{{ $tr('qstep-Sweep', 'qstep sweep') }}</h3><p>{{ $tr('Für jedes Bild wird eine komplette Rate-Distortion-Kurve erzeugt, indem die Quantisierungsstärke (qstep) durchgefahren wird — von hoher bis niedriger Qualität.', 'For each image a full rate-distortion curve is generated by sweeping the quantization strength (qstep) — from high to low quality.') }}</p></div>
      <div class="k-card"><div class="ic"><i class="fas fa-ruler-combined"></i></div><h3>{{ $tr('PSNR & SSIM', 'PSNR & SSIM') }}</h3><p>{{ $tr('Auf jeder Kurve werden PSNR und SSIM gegen die Bitrate gemessen; daraus ergibt sich die BD-Rate je Metrik und Bild — gemittelt über alle 20 Bilder.', 'On each curve, PSNR and SSIM are measured against bitrate; from these the BD-rate per metric and image is derived — averaged over all 20 images.') }}</p></div>
    </div>
  </section>

  <section class="k-section" style="padding-top:0">
    <div class="k-eyebrow">{{ $tr('Ehrliches Fazit', 'Honest conclusion') }}</div>
    <h2 class="k-h2">{{ $tr('Stark gegen die Standards — hinter den modernen Codecs', 'Strong vs. the standards — behind the modern codecs') }}</h2>
    <p class="k-p">{{ $tr('KARC schlägt JPEG (bei PSNR) und JPEG 2000 (bei PSNR und SSIM) reproduzierbar auf dem Kodak-Satz. Gegen WebP und AVIF verliert KARC dagegen auf jedem einzelnen Bild — der Abstand ist groß und wir stellen ihn nicht in Frage. KARC ist damit ein ehrlich konkurrenzfähiger Codec gegen die klassischen Standards, aber kein Ersatz für moderne Verfahren.', 'KARC reproducibly beats JPEG (on PSNR) and JPEG 2000 (on PSNR and SSIM) on the Kodak set. Against WebP and AVIF, however, KARC loses on every single image — the gap is large and we do not dispute it. KARC is thus an honestly competitive codec against the classic standards, but no replacement for modern methods.') }}</p>
    <div class="k-actions" style="justify-content:flex-start;margin-top:1.6rem">
      <a class="k-btn" href="/karc/demo"><i class="fas fa-bolt"></i> {{ $tr('Selbst testen — Live-Demo', 'Try it yourself — live demo') }}</a>
      <a class="k-btn-ghost" href="/karc/technik"><i class="fas fa-microchip"></i> {{ $tr('Technik dahinter', 'The technology behind it') }}</a>
    </div>
  </section>

  <section class="k-section">
    <div class="k-eyebrow">{{ $tr('Downloads', 'Downloads') }}</div>
    <h2 class="k-h2">{{ $tr('Dokumente als PDF', 'Documents as PDF') }}</h2>
    <p class="k-p">{{ $tr('Die vollständige technische Dokumentation und der mathematische Testbericht — beide mit dezentem Wasserzeichen.', 'The full technical documentation and the mathematical test report — both with a subtle watermark.') }}</p>
    <div class="k-grid" style="margin-top:1.4rem">
      <a class="k-card" href="/karc/downloads/dokumentation" style="text-decoration:none">
        <div class="ic"><i class="fas fa-file-pdf"></i></div>
        <h3>{{ $tr('Technische Dokumentation', 'Technical Documentation') }}</h3>
        <p>{{ $tr('Architektur, Verfahren, Formeln und die 10 Module — kompakt erklärt.', 'Architecture, method, formulas and the 10 modules — explained concisely.') }}</p>
        <span class="k-btn-ghost">{{ $tr('PDF herunterladen', 'Download PDF') }} <span aria-hidden="true">↓</span></span>
      </a>
      <a class="k-card" href="/karc/downloads/testbericht" style="text-decoration:none">
        <div class="ic"><i class="fas fa-square-poll-vertical"></i></div>
        <h3>{{ $tr('Mathematischer Testbericht', 'Mathematical Test Report') }}</h3>
        <p>{{ $tr('Metrik-Definitionen, Rate-Distortion-Kurven und Einzelbild-Ergebnisse — exakt aus den Messdaten.', 'Metric definitions, rate-distortion curves and per-image results — exact from the measurement data.') }}</p>
        <span class="k-btn-ghost">{{ $tr('PDF herunterladen', 'Download PDF') }} <span aria-hidden="true">↓</span></span>
      </a>
    </div>
  </section>
</div>
@endsection