xsl
bee7a487ac
4图×5发型=20行，每行4分辨率对比，steps=15，热数据。 80/80成功，0 OOM，峰值21.2GB(原图不缩放也未OOM)。 报告: static/bench3_report.html
38 lines
15 KiB
HTML
38 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>重绘分辨率对比报告 — steps=15</title>
|
|
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body { font-family: -apple-system, "Segoe UI", sans-serif; background: #f5f5f5; padding: 16px; }
|
|
h1 { font-size: 20px; margin-bottom: 4px; }
|
|
.subtitle { color: #888; font-size: 12px; margin-bottom: 12px; }
|
|
.legend { background: #fff; border-radius: 8px; padding: 10px 16px; margin-bottom: 12px; font-size: 12px; color: #555; }
|
|
.scroll-wrap { overflow-x: auto; }
|
|
table { border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
|
|
th, td { border: 1px solid #eee; padding: 6px; vertical-align: top; text-align: center; }
|
|
th { background: #f9fafb; position: sticky; top: 0; }
|
|
.col-label { min-width: 130px; max-width: 150px; }
|
|
.col-title { font-size: 12px; font-weight: 700; color: #374151; }
|
|
.col-stat { font-size: 10px; color: #9ca3af; margin-top: 2px; }
|
|
.row-label { font-size: 11px; color: #6b7280; }
|
|
.row-label b { color: #1f2937; }
|
|
img { border-radius: 4px; max-width: 130px; max-height: 160px; object-fit: contain; background: #f3f4f6; }
|
|
.cell-time { font-size: 10px; color: #9ca3af; margin-top: 2px; }
|
|
.na { color: #d1d5db; font-size: 12px; padding: 40px 10px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>📊 重绘分辨率对比报告</h1>
|
|
<p class="subtitle">4图×5发型=20行 · 每行4分辨率(原图不缩放/896/768/640) · steps=15 · 热数据 · 80/80成功 · 峰值21.2GB · 0 OOM</p>
|
|
<div class="legend">列标题下显示<b>平均总耗时</b>。横向滚动查看。原图列含图片名+发型名。每格下方为该次总耗时。</div>
|
|
<div class="scroll-wrap">
|
|
<table>
|
|
<tr><th class="col-label">原图</th><th class="col-label"><div class="col-title">原图(不缩放)</div><div class="col-stat">均12.1s</div></th><th class="col-label"><div class="col-title">896</div><div class="col-stat">均11.0s</div></th><th class="col-label"><div class="col-title">768</div><div class="col-stat">均9.3s</div></th><th class="col-label"><div class="col-title">640</div><div class="col-stat">均8.1s</div></th></tr>
|
|
<tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">asdf<br><b>椭圆</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_ellipse_orig.jpg" loading="lazy"><div class="cell-time">12.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_ellipse_896.jpg" loading="lazy"><div class="cell-time">10.2s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_ellipse_768.jpg" loading="lazy"><div class="cell-time">8.2s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_ellipse_640.jpg" loading="lazy"><div class="cell-time">7.6s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">asdf<br><b>花瓣</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_flower_orig.jpg" loading="lazy"><div class="cell-time">11.8s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_flower_896.jpg" loading="lazy"><div class="cell-time">9.8s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_flower_768.jpg" loading="lazy"><div class="cell-time">8.4s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_flower_640.jpg" loading="lazy"><div class="cell-time">7.2s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">asdf<br><b>心形</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_heart_orig.jpg" loading="lazy"><div class="cell-time">12.7s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_heart_896.jpg" loading="lazy"><div class="cell-time">10.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_heart_768.jpg" loading="lazy"><div class="cell-time">8.3s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_heart_640.jpg" loading="lazy"><div class="cell-time">8.1s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">asdf<br><b>直线</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_straight_orig.jpg" loading="lazy"><div class="cell-time">13.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_straight_896.jpg" loading="lazy"><div class="cell-time">10.8s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_straight_768.jpg" loading="lazy"><div class="cell-time">8.4s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_straight_640.jpg" loading="lazy"><div class="cell-time">8.2s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">asdf<br><b>波浪</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_wave_orig.jpg" loading="lazy"><div class="cell-time">12.7s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_wave_896.jpg" loading="lazy"><div class="cell-time">11.0s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_wave_768.jpg" loading="lazy"><div class="cell-time">8.4s</div></td><td class="cell-result"><img class="result-img" src="bench3/asdf_wave_640.jpg" loading="lazy"><div class="cell-time">8.2s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">qwer<br><b>椭圆</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_ellipse_orig.jpg" loading="lazy"><div class="cell-time">13.1s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_ellipse_896.jpg" loading="lazy"><div class="cell-time">10.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_ellipse_768.jpg" loading="lazy"><div class="cell-time">8.4s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_ellipse_640.jpg" loading="lazy"><div class="cell-time">7.4s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">qwer<br><b>花瓣</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_flower_orig.jpg" loading="lazy"><div class="cell-time">12.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_flower_896.jpg" loading="lazy"><div class="cell-time">10.9s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_flower_768.jpg" loading="lazy"><div class="cell-time">8.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_flower_640.jpg" loading="lazy"><div class="cell-time">8.4s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">qwer<br><b>心形</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_heart_orig.jpg" loading="lazy"><div class="cell-time">13.3s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_heart_896.jpg" loading="lazy"><div class="cell-time">11.0s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_heart_768.jpg" loading="lazy"><div class="cell-time">8.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_heart_640.jpg" loading="lazy"><div class="cell-time">8.5s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">qwer<br><b>直线</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_straight_orig.jpg" loading="lazy"><div class="cell-time">12.9s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_straight_896.jpg" loading="lazy"><div class="cell-time">10.8s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_straight_768.jpg" loading="lazy"><div class="cell-time">8.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_straight_640.jpg" loading="lazy"><div class="cell-time">8.0s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">qwer<br><b>波浪</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_wave_orig.jpg" loading="lazy"><div class="cell-time">12.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_wave_896.jpg" loading="lazy"><div class="cell-time">10.8s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_wave_768.jpg" loading="lazy"><div class="cell-time">8.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/qwer_wave_640.jpg" loading="lazy"><div class="cell-time">8.2s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl2<br><b>椭圆</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_ellipse_orig.jpg" loading="lazy"><div class="cell-time">13.3s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_ellipse_896.jpg" loading="lazy"><div class="cell-time">12.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_ellipse_768.jpg" loading="lazy"><div class="cell-time">10.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_ellipse_640.jpg" loading="lazy"><div class="cell-time">7.9s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl2<br><b>花瓣</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_flower_orig.jpg" loading="lazy"><div class="cell-time">13.1s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_flower_896.jpg" loading="lazy"><div class="cell-time">12.4s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_flower_768.jpg" loading="lazy"><div class="cell-time">10.3s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_flower_640.jpg" loading="lazy"><div class="cell-time">8.0s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl2<br><b>心形</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_heart_orig.jpg" loading="lazy"><div class="cell-time">12.9s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_heart_896.jpg" loading="lazy"><div class="cell-time">12.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_heart_768.jpg" loading="lazy"><div class="cell-time">10.2s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_heart_640.jpg" loading="lazy"><div class="cell-time">8.0s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl2<br><b>直线</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_straight_orig.jpg" loading="lazy"><div class="cell-time">13.2s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_straight_896.jpg" loading="lazy"><div class="cell-time">12.8s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_straight_768.jpg" loading="lazy"><div class="cell-time">10.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_straight_640.jpg" loading="lazy"><div class="cell-time">7.9s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl2<br><b>波浪</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_wave_orig.jpg" loading="lazy"><div class="cell-time">12.9s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_wave_896.jpg" loading="lazy"><div class="cell-time">12.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_wave_768.jpg" loading="lazy"><div class="cell-time">10.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl2_wave_640.jpg" loading="lazy"><div class="cell-time">7.9s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl5<br><b>椭圆</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_ellipse_orig.jpg" loading="lazy"><div class="cell-time">9.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_ellipse_896.jpg" loading="lazy"><div class="cell-time">9.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_ellipse_768.jpg" loading="lazy"><div class="cell-time">9.7s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_ellipse_640.jpg" loading="lazy"><div class="cell-time">8.8s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl5<br><b>花瓣</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_flower_orig.jpg" loading="lazy"><div class="cell-time">10.3s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_flower_896.jpg" loading="lazy"><div class="cell-time">10.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_flower_768.jpg" loading="lazy"><div class="cell-time">10.8s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_flower_640.jpg" loading="lazy"><div class="cell-time">8.5s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl5<br><b>心形</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_heart_orig.jpg" loading="lazy"><div class="cell-time">9.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_heart_896.jpg" loading="lazy"><div class="cell-time">9.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_heart_768.jpg" loading="lazy"><div class="cell-time">9.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_heart_640.jpg" loading="lazy"><div class="cell-time">8.8s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl5<br><b>直线</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_straight_orig.jpg" loading="lazy"><div class="cell-time">10.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_straight_896.jpg" loading="lazy"><div class="cell-time">10.5s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_straight_768.jpg" loading="lazy"><div class="cell-time">10.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_straight_640.jpg" loading="lazy"><div class="cell-time">7.9s</div></td></tr><tr><td class="cell-orig"><div class="row-label-cell"><div class="row-label">girl5<br><b>波浪</b></div></div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_wave_orig.jpg" loading="lazy"><div class="cell-time">9.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_wave_896.jpg" loading="lazy"><div class="cell-time">9.6s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_wave_768.jpg" loading="lazy"><div class="cell-time">10.1s</div></td><td class="cell-result"><img class="result-img" src="bench3/girl5_wave_640.jpg" loading="lazy"><div class="cell-time">8.8s</div></td></tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |