Spaces:

data-archetype
/

capacitor_decoder-results

Running

App Files Files Community

data-archetype commited on 9 days ago

Commit

9adf22b

verified ·

1 Parent(s): 0af202b

Add Space index

Browse files

Files changed (1) hide show

index.html +539 -18

index.html CHANGED Viewed

@@ -1,19 +1,540 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Reconstruction Results</title>
+<style>
+  body { font-family: system-ui, sans-serif; margin: 20px; background: #1a1a1a; color: #e0e0e0; }
+  h1 { margin-bottom: 4px; }
+  .tabs { display: flex; gap: 4px; margin: 20px 0 0 0; }
+  .tab { padding: 8px 20px; cursor: pointer; background: #333; border: 1px solid #555;
+          border-bottom: none; border-radius: 6px 6px 0 0; color: #aaa; }
+  .tab.active { background: #222; color: #fff; border-color: #777; }
+  .tab-content { display: none; border: 1px solid #555; border-radius: 0 6px 6px 6px;
+                  padding: 12px; background: #222; overflow-x: auto; }
+  .tab-content.active { display: block; }
+  .img-label { margin: 18px 0 2px 0; }
+  .img-scroll { overflow-x: auto; }
+  table.grid { border-collapse: collapse; }
+  table.grid td { padding: 2px; vertical-align: top; font-size: 12px; color: #aaa; white-space: nowrap; }
+  table.grid img { display: block; height: auto; }
+  .size-controls { margin: 10px 0; }
+  .size-controls button { padding: 4px 12px; margin-right: 4px; cursor: pointer;
+                           background: #444; color: #ddd; border: 1px solid #666;
+                           border-radius: 4px; }
+  .size-controls button.active { background: #666; color: #fff; }
+</style>
+</head>
+<body>
+<h1>Reconstruction Results</h1>
+<p>Side-by-side reconstructions and RGB deltas.</p>
+<div class="size-controls">
+  Image width:
+  <button onclick="setSize(128)">128</button>
+  <button onclick="setSize(192)">192</button>
+  <button onclick="setSize(256)">256</button>
+  <button onclick="setSize(384)">384</button>
+  <button class="active" onclick="setSize(512)">512</button>
+  <button onclick="setSize(0)">Full</button>
+</div>
+<div class="tabs">
+  <div class="tab active" onclick="showTab('recon')">Reconstruction</div>
+  <div class="tab" onclick="showTab('delta')">RGB Difference</div>
+</div>
+<div id="recon" class="tab-content active">
+<p class="img-label"><strong>p640x1536:94623</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p640x1536_94623_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p640x1536_94623_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p640x1536_94623_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94624</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p640x1536_94624_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p640x1536_94624_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p640x1536_94624_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94625</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p640x1536_94625_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p640x1536_94625_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p640x1536_94625_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94626</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p640x1536_94626_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p640x1536_94626_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p640x1536_94626_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94627</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p640x1536_94627_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p640x1536_94627_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p640x1536_94627_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94628</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p640x1536_94628_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p640x1536_94628_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p640x1536_94628_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216264</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216264_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216264_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216264_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216265</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216265_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216265_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216265_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216266</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216266_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216266_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216266_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216267</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216267_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216267_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216267_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216268</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216268_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216268_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216268_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216269</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216269_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216269_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216269_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216270</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216270_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216270_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216270_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216271</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p960x1024_216271_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p960x1024_216271_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p960x1024_216271_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94699</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94699_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94699_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94699_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94700</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94700_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94700_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94700_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94701</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94701_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94701_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94701_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94702</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94702_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94702_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94702_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94703</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94703_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94703_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94703_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94704</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94704_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94704_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94704_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94705</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94705_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94705_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94705_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94706</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/p704x1472_94706_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/p704x1472_94706_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/p704x1472_94706_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15577</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15577_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15577_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15577_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15578</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15578_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15578_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15578_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15579</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15579_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15579_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15579_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15580</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15580_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15580_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15580_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15581</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15581_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15581_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15581_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15582</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15582_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15582_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15582_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15583</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15583_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15583_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15583_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15584</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p1344x704_15584_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p1344x704_15584_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p1344x704_15584_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144131</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144131_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144131_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144131_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144132</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144132_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144132_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144132_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144133</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144133_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144133_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144133_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144134</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144134_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144134_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144134_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144135</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144135_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144135_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144135_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144136</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144136_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144136_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144136_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144137</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144137_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144137_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144137_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144138</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/r256_p896x1152_144138_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/r256_p896x1152_144138_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/r256_p896x1152_144138_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>exports/dico_diffae_hf/VAE_accuracy_test_image.png</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/recon/exports_dico_diffae_hf_VAE_accuracy_test_image_png_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/recon/exports_dico_diffae_hf_VAE_accuracy_test_image_png_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/recon/exports_dico_diffae_hf_VAE_accuracy_test_image_png_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+</div>
+<div id="delta" class="tab-content">
+<p><em>Absolute RGB error with shared 99.5th-percentile normalization and sqrt scaling. Brighter = more error.</em></p>
+<p class="img-label"><strong>p640x1536:94623</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p640x1536_94623_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p640x1536_94623_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p640x1536_94623_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94624</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p640x1536_94624_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p640x1536_94624_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p640x1536_94624_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94625</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p640x1536_94625_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p640x1536_94625_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p640x1536_94625_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94626</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p640x1536_94626_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p640x1536_94626_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p640x1536_94626_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94627</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p640x1536_94627_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p640x1536_94627_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p640x1536_94627_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p640x1536:94628</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p640x1536_94628_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p640x1536_94628_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p640x1536_94628_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216264</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216264_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216264_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216264_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216265</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216265_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216265_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216265_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216266</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216266_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216266_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216266_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216267</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216267_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216267_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216267_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216268</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216268_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216268_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216268_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216269</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216269_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216269_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216269_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216270</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216270_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216270_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216270_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p960x1024:216271</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p960x1024_216271_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p960x1024_216271_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p960x1024_216271_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94699</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94699_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94699_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94699_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94700</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94700_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94700_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94700_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94701</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94701_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94701_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94701_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94702</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94702_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94702_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94702_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94703</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94703_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94703_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94703_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94704</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94704_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94704_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94704_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94705</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94705_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94705_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94705_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>p704x1472:94706</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/p704x1472_94706_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/p704x1472_94706_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/p704x1472_94706_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15577</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15577_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15577_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15577_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15578</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15578_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15578_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15578_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15579</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15579_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15579_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15579_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15580</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15580_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15580_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15580_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15581</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15581_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15581_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15581_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15582</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15582_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15582_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15582_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15583</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15583_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15583_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15583_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p1344x704:15584</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p1344x704_15584_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p1344x704_15584_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p1344x704_15584_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144131</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144131_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144131_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144131_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144132</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144132_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144132_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144132_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144133</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144133_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144133_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144133_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144134</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144134_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144134_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144134_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144135</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144135_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144135_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144135_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144136</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144136_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144136_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144136_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144137</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144137_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144137_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144137_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>r256_p896x1152:144138</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/r256_p896x1152_144138_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/r256_p896x1152_144138_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/r256_p896x1152_144138_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+<p class="img-label"><strong>exports/dico_diffae_hf/VAE_accuracy_test_image.png</strong></p>
+<div class="img-scroll"><table class="grid"><tr>
+<td>Original<br><img src="images/delta/exports_dico_diffae_hf_VAE_accuracy_test_image_png_original.png" loading="lazy"></td>
+<td>capacitor_decoder<br><img src="images/delta/exports_dico_diffae_hf_VAE_accuracy_test_image_png_capacitor_decoder.png" loading="lazy"></td>
+<td>FLUX.2 VAE<br><img src="images/delta/exports_dico_diffae_hf_VAE_accuracy_test_image_png_FLUX_2_VAE.png" loading="lazy"></td>
+</tr></table></div>
+</div>
+<script>
+function showTab(id) {
+  document.querySelectorAll('.tab-content').forEach(e => e.classList.remove('active'));
+  document.querySelectorAll('.tab').forEach(e => e.classList.remove('active'));
+  document.getElementById(id).classList.add('active');
+  event.target.classList.add('active');
+}
+function setSize(px) {
+  const imgs = document.querySelectorAll('table.grid img');
+  imgs.forEach(img => { img.style.width = px ? px+'px' : 'auto'; });
+  document.querySelectorAll('.size-controls button').forEach(b => b.classList.remove('active'));
+  event.target.classList.add('active');
+}
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('table.grid img').forEach(img => { img.style.width = '512px'; });
+});
+</script>
+</body>
 </html>