Skip to content

Commit

Permalink
Updated metrics
Browse files Browse the repository at this point in the history
  • Loading branch information
@WyohKnott
WyohKnott committed Oct 9, 2016
1 parent 6cd8450 commit c7788d9
Show file tree
Hide file tree
Showing 14 changed files with 7,874 additions and 16,659 deletions.
4,683 changes: 1,484 additions & 3,199 deletions Bits per pixel at equivalent quality according to RGB-SSIM.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4,597 changes: 1,481 additions & 3,116 deletions Bits per pixel at equivalent quality according to VMAF.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4,808 changes: 1,520 additions & 3,288 deletions Bits per pixel at equivalent quality according to Y-MSSSIM.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4,860 changes: 1,544 additions & 3,316 deletions Bits per pixel at equivalent quality according to Y-PSNR-HVS-M.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4,558 changes: 1,478 additions & 3,080 deletions Bits per pixel at equivalent quality according to Y-SSIM.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
143 changes: 71 additions & 72 deletions demo.css
View file
Original file line number Diff line number Diff line change
@@ -1,72 +1,71 @@
body {
margin: 0 auto 0 auto;
padding-bottom: 30px;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #333333;
background-color: #ffffff;
max-width: 876px;
font-size: 13px;
}
a {
color: #3366cc;
text-decoration: underline;
cursor: pointer;
}
img {
border: 0;
}
p {
clear: both;
line-height: 1.25em;
text-align: justify;
}
th {
background-color: #aabbff;
}
img.caption {
margin-left: auto;
margin-right: auto;
margin-top: 3em;
margin-bottom: 2em;
display: block;
}
div.caption {
max-width: 800px;
color: #5f8097;
margin-left: auto;
margin-right: auto;
padding-left: 100px;
padding-right: 100px;
}
.demo {
background-color: #c6c6c6;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 1.5em;
padding: 1em;
padding-bottom: 0em;
}
.demo table {
position: relative;
left: 50%;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin-left: 0;
margin-right: auto;
}
.demo table .title {
text-align: center;
}
.demo table .center-head {
font-weight: bold;
font-family: "Consolas", Courier, monospace;
font-size: 1.5em;
text-align: center;
width: 8em;
}
.demo .caption {
margin: 1.5em 1em .2em 1em;
padding-bottom: 2em;
color: #3f5087;
}
body {
margin: 0 auto 0 auto;
padding-bottom: 30px;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #333333;
background-color: #ffffff;
max-width: 876px;
font-size: 13px;
}
a {
color: #3366cc;
text-decoration: underline;
cursor: pointer;
}
img {
border: 0;
}
p {
clear: both;
line-height: 1.25em;
text-align: justify;
}
th {
background-color: #aabbff;
}
img.caption {
margin-left: auto;
margin-right: auto;
margin-top: 3em;
margin-bottom: 2em;
display: block;
}
div.caption {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-left: 100px;
padding-right: 100px;
}
.demo {
background-color: #c6c6c6;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 1.5em;
padding: 1em;
padding-bottom: 0em;
}
.demo table {
position: relative;
left: 50%;
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin-left: 0;
margin-right: auto;
}
.demo table .title {
text-align: center;
}
.demo table .center-head {
font-weight: bold;
font-family: "Consolas", Courier, monospace;
font-size: 1.5em;
text-align: center;
width: 8em;
}
.demo .caption {
margin: 1.5em 1em .2em 1em;
padding-bottom: 2em;
color: #3f5087;
}
321 changes: 157 additions & 164 deletions index.html
View file

Large diffs are not rendered by default.

98 changes: 98 additions & 0 deletions lossless_results.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="ReText 6.0.2">
<title>Image formats comparison, lossless metrics</title>
<link rel="stylesheet" media="screen" href="style.css" type="text/css" />
</head>
<body>
<h2>Lossless compression ratio and Weissman score:</h2>
<table>
<thead>
<tr>
<th style="border-bottom: 2px solid #000000; border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">codec</th>
<th style="border-bottom: 2px solid #000000;" bgcolor="#F8CBAD" align="center">compression ratio</th>
<th style="border-bottom: 2px solid #000000;" bgcolor="#F4B084" align="center">avg. enc. time</th>
<th style="border-bottom: 2px solid #000000;" bgcolor="#A9D08E" align="center">avg. dec. time</th>
<th style="border-bottom: 2px solid #000000;" bgcolor="#8EA9DB" align="center">Reduction gain (from PNG)</th>
<th style="border-bottom: 2px solid #000000;" bgcolor="#8EA9DB" align="center">Weissman score</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">Daala</td>
<td bgcolor="#F8CBAD" align="center">4,249</td>
<td bgcolor="#F4B084" align="center">0,19</td>
<td bgcolor="#A9D08E" align="center">0,19</td>
<td bgcolor="#8EA9DB" align="center">183,62%</td>
<td bgcolor="#8EA9DB" align="center">3,05</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">AV1</td>
<td bgcolor="#F8CBAD" align="center">4,436</td>
<td bgcolor="#F4B084" align="center">2,81</td>
<td bgcolor="#A9D08E" align="center">0,14</td>
<td bgcolor="#8EA9DB" align="center">196,13%</td>
<td bgcolor="#8EA9DB" align="center">2,50</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">JPEG XR</td>
<td bgcolor="#F8CBAD" align="center">2,330</td>
<td bgcolor="#F4B084" align="center">0,12</td>
<td bgcolor="#A9D08E" align="center">0,15</td>
<td bgcolor="#8EA9DB" align="center">55,50%</td>
<td bgcolor="#8EA9DB" align="center">1,81</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">JPEG 2000</td>
<td bgcolor="#F8CBAD" align="center">2,364</td>
<td bgcolor="#F4B084" align="center">0,14</td>
<td bgcolor="#A9D08E" align="center">0,14</td>
<td bgcolor="#8EA9DB" align="center">57,79%</td>
<td bgcolor="#8EA9DB" align="center">1,79</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">FLIF</td>
<td bgcolor="#F8CBAD" align="center">3,786</td>
<td bgcolor="#F4B084" align="center">6,35</td>
<td bgcolor="#A9D08E" align="center">1,07</td>
<td bgcolor="#8EA9DB" align="center">152,70%</td>
<td bgcolor="#8EA9DB" align="center">1,62</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">WebP</td>
<td bgcolor="#F8CBAD" align="center">3,237</td>
<td bgcolor="#F4B084" align="center">4,17</td>
<td bgcolor="#A9D08E" align="center">0,59</td>
<td bgcolor="#8EA9DB" align="center">116,07%</td>
<td bgcolor="#8EA9DB" align="center">1,46</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">Reference (PNG)</td>
<td bgcolor="#F8CBAD" align="center">1,498</td>
<td bgcolor="#F4B084" align="center">0,28</td>
<td bgcolor="#A9D08E" align="center">0,16</td>
<td bgcolor="#8EA9DB" align="center">0,00%</td>
<td bgcolor="#8EA9DB" align="center">1,00</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">BPG</td>
<td bgcolor="#F8CBAD" align="center">1,750</td>
<td bgcolor="#F4B084" align="center">2,01</td>
<td bgcolor="#A9D08E" align="center">0,89</td>
<td bgcolor="#8EA9DB" align="center">16,84%</td>
<td bgcolor="#8EA9DB" align="center">0,86</td>
</tr>
<tr>
<td style="border-right: 2px solid #000000;" bgcolor="#DDEBF7" align="left">Mozjpeg</td>
<td bgcolor="#F8CBAD" align="center">1,745</td>
<td bgcolor="#F4B084" align="center">2,43</td>
<td bgcolor="#A9D08E" align="center">0,13</td>
<td bgcolor="#8EA9DB" align="center">16,51%</td>
<td bgcolor="#8EA9DB" align="center">0,84</td>
</tr>
</tbody>
</table>
</body>
</html>
Binary file added lossless_results.ods
View file
Binary file not shown.
Loading

0 comments on commit c7788d9

Please sign in to comment.