@@ -17,6 +17,7 @@ <h2 class="sidebar-title">LucidFlux</h2>
1717 < li > < a href ="#paper-info " class ="nav-link "> < i class ="fas fa-file-alt "> </ i > Paper Information</ a > </ li >
1818 < li > < a href ="#framework " class ="nav-link "> < i class ="fas fa-sitemap "> </ i > Framework</ a > </ li >
1919 < li > < a href ="#gallery " class ="nav-link "> < i class ="fas fa-paint-brush "> </ i > Gallery </ a > </ li >
20+ < li > < a href ="#resolution-results " class ="nav-link "> < i class ="fas fa-expand-arrows-alt "> </ i > 2K & 4K Results</ a > </ li >
2021 < li > < a href ="#comparison " class ="nav-link "> < i class ="fas fa-images "> </ i > Open Source Comparison </ a > </ li >
2122 < li > < a href ="#commercial-comparison " class ="nav-link "> < i class ="fas fa-store "> </ i > Commercial Comparison </ a > </ li >
2223 < li > < a href ="#contact-us " class ="nav-link "> < i class ="fas fa-envelope "> </ i > Contact Us</ a > </ li >
@@ -48,7 +49,7 @@ <h1>LucidFlux: Caption-Free Universal Image Restoration with a Large-Scale Diffu
4849 </ div >
4950 < p > † Equal contribution ‡ Project Leader * Corresponding author</ p >
5051 <!-- <p>Updates: Thank <a href="https://jingjingrenabc.github.io/ultrapixel/" target="_blank">catcathh</a> for reproducing this work with our help. The results of the replication are basically in line with our results.</p> -->
51-
52+ </ div >
5253
5354 < section id ="framework " class ="framework-section ">
5455 < h2 > Framework</ h2 >
@@ -1218,6 +1219,148 @@ <h2>Gallery </h2>
12181219 </ div >
12191220 </ section >
12201221
1222+ < section id ="resolution-results " class ="resolution-results-section ">
1223+ < h2 > 2K & 4K Results</ h2 >
1224+ < p class ="resolution-results-subtitle "> Drag the slider to compare the low-resolution input with LucidFlux 2K and 4K restoration outputs.</ p >
1225+ < div class ="resolution-results-grid ">
1226+ < div class ="resolution-result-card ">
1227+ < h3 > Example 1</ h3 >
1228+ < div class ="resolution-comparison-pair ">
1229+ < div class ="resolution-compare-block ">
1230+ < p > Input vs 2K</ p >
1231+ < div class ="gallery-item resolution-gallery-item ">
1232+ < div class ="image-comparison ">
1233+ < img src ="results/before/1.png " alt ="Example 1 Input " class ="before-image ">
1234+ < img src ="results/2k/1.jpg " alt ="Example 1 LucidFlux 2K " class ="after-image ">
1235+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1236+ < span class ="resolution "> 2K</ span >
1237+ </ div >
1238+ </ div >
1239+ </ div >
1240+ < div class ="resolution-compare-block ">
1241+ < p > Input vs 4K</ p >
1242+ < div class ="gallery-item resolution-gallery-item ">
1243+ < div class ="image-comparison ">
1244+ < img src ="results/before/1.png " alt ="Example 1 Input " class ="before-image ">
1245+ < img src ="results/4k/1.jpg " alt ="Example 1 LucidFlux 4K " class ="after-image ">
1246+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1247+ < span class ="resolution "> 4K</ span >
1248+ </ div >
1249+ </ div >
1250+ </ div >
1251+ </ div >
1252+ </ div >
1253+ < div class ="resolution-result-card ">
1254+ < h3 > Example 2</ h3 >
1255+ < div class ="resolution-comparison-pair ">
1256+ < div class ="resolution-compare-block ">
1257+ < p > Input vs 2K</ p >
1258+ < div class ="gallery-item resolution-gallery-item ">
1259+ < div class ="image-comparison ">
1260+ < img src ="results/before/2.png " alt ="Example 2 Input " class ="before-image ">
1261+ < img src ="results/2k/2.jpg " alt ="Example 2 LucidFlux 2K " class ="after-image ">
1262+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1263+ < span class ="resolution "> 2K</ span >
1264+ </ div >
1265+ </ div >
1266+ </ div >
1267+ < div class ="resolution-compare-block ">
1268+ < p > Input vs 4K</ p >
1269+ < div class ="gallery-item resolution-gallery-item ">
1270+ < div class ="image-comparison ">
1271+ < img src ="results/before/2.png " alt ="Example 2 Input " class ="before-image ">
1272+ < img src ="results/4k/2.jpg " alt ="Example 2 LucidFlux 4K " class ="after-image ">
1273+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1274+ < span class ="resolution "> 4K</ span >
1275+ </ div >
1276+ </ div >
1277+ </ div >
1278+ </ div >
1279+ </ div >
1280+ < div class ="resolution-result-card ">
1281+ < h3 > Example 3</ h3 >
1282+ < div class ="resolution-comparison-pair ">
1283+ < div class ="resolution-compare-block ">
1284+ < p > Input vs 2K</ p >
1285+ < div class ="gallery-item resolution-gallery-item ">
1286+ < div class ="image-comparison ">
1287+ < img src ="results/before/3.png " alt ="Example 3 Input " class ="before-image ">
1288+ < img src ="results/2k/3.jpg " alt ="Example 3 LucidFlux 2K " class ="after-image ">
1289+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1290+ < span class ="resolution "> 2K</ span >
1291+ </ div >
1292+ </ div >
1293+ </ div >
1294+ < div class ="resolution-compare-block ">
1295+ < p > Input vs 4K</ p >
1296+ < div class ="gallery-item resolution-gallery-item ">
1297+ < div class ="image-comparison ">
1298+ < img src ="results/before/3.png " alt ="Example 3 Input " class ="before-image ">
1299+ < img src ="results/4k/3.jpg " alt ="Example 3 LucidFlux 4K " class ="after-image ">
1300+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1301+ < span class ="resolution "> 4K</ span >
1302+ </ div >
1303+ </ div >
1304+ </ div >
1305+ </ div >
1306+ </ div >
1307+ < div class ="resolution-result-card ">
1308+ < h3 > Example 4</ h3 >
1309+ < div class ="resolution-comparison-pair ">
1310+ < div class ="resolution-compare-block ">
1311+ < p > Input vs 2K</ p >
1312+ < div class ="gallery-item resolution-gallery-item ">
1313+ < div class ="image-comparison ">
1314+ < img src ="results/before/4.png " alt ="Example 4 Input " class ="before-image ">
1315+ < img src ="results/2k/4.jpg " alt ="Example 4 LucidFlux 2K " class ="after-image ">
1316+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1317+ < span class ="resolution "> 2K</ span >
1318+ </ div >
1319+ </ div >
1320+ </ div >
1321+ < div class ="resolution-compare-block ">
1322+ < p > Input vs 4K</ p >
1323+ < div class ="gallery-item resolution-gallery-item ">
1324+ < div class ="image-comparison ">
1325+ < img src ="results/before/4.png " alt ="Example 4 Input " class ="before-image ">
1326+ < img src ="results/4k/4.jpg " alt ="Example 4 LucidFlux 4K " class ="after-image ">
1327+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1328+ < span class ="resolution "> 4K</ span >
1329+ </ div >
1330+ </ div >
1331+ </ div >
1332+ </ div >
1333+ </ div >
1334+ < div class ="resolution-result-card ">
1335+ < h3 > Example 5</ h3 >
1336+ < div class ="resolution-comparison-pair ">
1337+ < div class ="resolution-compare-block ">
1338+ < p > Input vs 2K</ p >
1339+ < div class ="gallery-item resolution-gallery-item ">
1340+ < div class ="image-comparison ">
1341+ < img src ="results/before/5.png " alt ="Example 5 Input " class ="before-image ">
1342+ < img src ="results/2k/5.jpg " alt ="Example 5 LucidFlux 2K " class ="after-image ">
1343+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1344+ < span class ="resolution "> 2K</ span >
1345+ </ div >
1346+ </ div >
1347+ </ div >
1348+ < div class ="resolution-compare-block ">
1349+ < p > Input vs 4K</ p >
1350+ < div class ="gallery-item resolution-gallery-item ">
1351+ < div class ="image-comparison ">
1352+ < img src ="results/before/5.png " alt ="Example 5 Input " class ="before-image ">
1353+ < img src ="results/4k/5.jpg " alt ="Example 5 LucidFlux 4K " class ="after-image ">
1354+ < div class ="comparison-slider "> < div class ="slider-handle "> < div class ="slider-arrow "> ◀ ▶</ div > </ div > </ div >
1355+ < span class ="resolution "> 4K</ span >
1356+ </ div >
1357+ </ div >
1358+ </ div >
1359+ </ div >
1360+ </ div >
1361+ </ div >
1362+ </ section >
1363+
12211364 < section id ="comparison " class ="comparison-section ">
12221365 < h2 > Open-Source Comparison</ h2 >
12231366
0 commit comments