{"id":1561,"date":"2010-07-11T21:54:12","date_gmt":"2010-07-11T12:54:12","guid":{"rendered":"https:\/\/regex.info\/blog\/lightroom-goodies\/jpeg-quality"},"modified":"2010-07-12T00:39:23","modified_gmt":"2010-07-11T15:39:23","slug":"jpeg-quality","status":"publish","type":"page","link":"https:\/\/regex.info\/blog\/lightroom-goodies\/jpeg-quality","title":{"rendered":"An Analysis of Lightroom JPEG Export Quality Settings"},"content":{"rendered":"<div class='ic'>\n<div style='margin:0 auto; padding:4px; border: solid 1px #444; width:690px'>\n<div style='overflow:hidden;position:relative; width:690px;height:320px'>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_031743--qual=000-007.png\" width=\"1500\" height=\"700\"\nclass=\"raw\"\nid=\"i031743_qual_000_007\"\nstyle=\"position:absolute; left:-100px;top:-140px\"\/>\n<\/div>\n<\/div>\n<span class='caption'>Modern Mosaics<\/span>\n<br\/>low quality jpeg compression, exaggerated\n<\/div>\n\n<p class='h'>Introduction<\/p>\n\n<!--TECH-->\n<div class=\"robots-nocontent\" style=\"border: 2px solid #FF8080;\n            float: right;\n            padding: 0 1em 1em 1em;\n            margin: 10px 0 1em 1em;\n            display: inline;\">\n<p style='white-space: nowrap'><b>My Tech-Related Photography Posts<\/b><\/p>\n<ul style='margin:0; font-size:80%'>\n  <li><a href='\/blog\/lightroom-goodies\/ipad-howto2'>My Lightroom-to-iPad Workflow<\/a><\/li>\n  <li><a href='\/blog\/lightroom-goodies\/'>Lightroom Goodies<\/a> (lots of plugins)<\/li>\n  <li><a href='\/blog\/photo-tech\/color-spaces-page1\/'>Digital Image Color Spaces<\/a><\/li>\n  <li><a href='\/blog\/other-writings\/online-exif-image-data-viewer\/'>Online Exif (Image Data) Viewer<\/a><\/li>\n  <li><a href='\/blog\/photo-tech\/focus-chart\/'>Jeffrey's Autofocus Test Chart<\/a><\/li>\n  <li><a href='\/blog\/photo-tech\/calendar\/'>Photoshop Calendar-Template-Building Script<\/a><\/li>\n  <li><a href='\/blog\/lightroom-goodies\/ipad-howto'>How to Prepare Photos for an iPad<\/a><\/li>\n  <li><a href='\/blog\/photo-tech\/nef-compression\/'>A Qualitative Analysis of NEF Compression<\/a><\/li>\n  <li><a href='\/blog\/2007-08-24\/554'>Tripod Stability Tests<\/a><\/li>\n<\/ul>\n<p style='font-size:85%; margin:10px 0 0 0'><a href=\"\/blog\/photo-tech\/\">more<\/a>...<\/p>\n<\/div>\n<!--\/TECH-->\n\n\n\n<p>One of the first things a photographer learns about image formats is that JPEG image compression is &#8220;lossy&#8221;,\nmeaning that the smaller file produced by greater compression comes at the cost of lower image quality. <span class='nobr'>How\nmuch lower<\/span> &mdash; whether low enough to &#8220;matter&#8221; &mdash; depends on the situation. JPEG compression can be\n<i>remarkably effective<\/i> at reducing the size of the image, so despite the lowering costs of storage space and bandwidth, the\nreduced size is still very appealing: storing essentially the same image in one fifth the file size, for example, means uploading\nfive times faster.<\/p>\n\n<p>The compression setting is usually controlled in camera with a &#8220;basic \/ standard \/ high&#8221; quality setting, each\nusing progressively less compression. Most image-processing applications, though, use a <span class='nobr'>&#8220;0-100\nquality&#8221;<\/span> or <span class='nbor'>&#8220;0% - 100% quality&#8221;<\/span> sliding scale, and Adobe Lightroom Classic is\nno exception:<\/p>\n\n<div class='ic'><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/export-dialog.png\" width=\"584\" height=\"88\"\nclass=\"raw\"\nid=\"iexport_dialog\"\nstyle=\"margin-bottom:10px\"\/>\n<br\/>JPEG Quality Setting in the Lightroom Export Dialog<\/div>\n\n\n<p>It's easy to figure out that that &#8220;Quality: 0&#8221; is less\nquality than &#8220;Quality: 100&#8221;, but what does it really mean? <span class='nobr'>The JPEG standard<\/span>\nis <a href='http:\/\/en.wikipedia.org\/wiki\/Jpeg#Quantization'>full of complex\nmath<\/a> that <span class='nobr'>I don't<\/span> understand, and <span class='nobr'>I suspect<\/span> you don't either, so it's\nnot exactly intuitive what these &#8220;quality settings&#8221;\n(&#8220;quality percents?&#8221;) really mean. This barrier to\nunderstanding is exacerbated by the fact that different applications tend\nto implement the settings in different ways, so &#8220;quality 73&#8221;\nmeans one thing in one app and another in another.<\/p>\n\n<p>Adding to the confusion for Lightroom users is the fact that\n<b>Lightroom's JPEG quality setting is unique<\/b>: it's different from\nevery other photo-processing app <span class='nobr'>I know,<\/span> including other Adobe products.\n&#8220;<span class='nobr'>Quality 73<\/span>&#8221; in Lightroom, for example, is not the same as &#8220;<span class='nobr'>Quality 73<\/span>&#8221; in\nPhotoshop or any other app that <span class='nobr'>I know<\/span> of.<\/p>\n\n<style type='text\/css'>\n  div.under { visibility:hidden; top:0; left:0; position:absolute }\n  table.b   { display:inline; }\n  td.bb     {\n              -moz-border-radius:10px;\n              -webkit-border-radius:10px;\n              text-align:center;\n              padding:2px 10px;\n              border: solid white 1px;\n              margin: 0 5px;\n             }\n  p.h { font-size: 130%; font-weight: bold; margin-top:60px }\n  img.s { border:solid 10px black }\n  table.tool {\n           border:solid 1px white;\n           padding:10px;\n           margin-bottom: 40px;\n  }\n  .newexample { margin-top:100px; margin-bottom:30px }\n<\/style>\n\n<script type='text\/javascript'>function get(id) {return document.getElementById(id)}<\/script>\n\n\n<p class='h' id='toc' style='margin-bottom:0'>Table of Contents<\/p>\n<p style='margin-top:0'>For the rest of this post:<\/p>\n\n<ul>\n<li><a href='#surprise'>Lightroom's Two &#8220;JPEG Quality&#8221; Surprises<\/a><\/li>\n<li><a href='#example'>An Example (Sunset and Bird)<\/a><\/li>\n<li><a href='#tool'>Quality-Inspector Features<\/a><\/li>\n<li><a href='#example2'><span class='nobr'>A Totally<\/span> Different Example (Reed Window Screens)<\/a><\/li>\n<li><a href='#dandelion'>Example (Dandelion)<\/a><\/li>\n<li><a href='#bridge'>Example (Bridge)<\/a><\/li>\n<li><a href='#awaji'>Example (Mountainside Buildings)<\/a><\/li>\n<li><a href='#boat'>Example (Boat at Sunrise)<\/a><\/li>\n<li><a href='#moss'>Example (Moss and Dandelion Seed)<\/a><\/li>\n<li><a href='#wood'>Example (Old Wooden Siding)<\/a><\/li>\n<li><a href='#about'>About These Examples<\/a><\/li>\n<li><a href='#conclusions'>Conclusions<\/a><\/li>\n<li><a href='#resources'>Additional Resources<\/a><\/li>\n<li><a href='#thanks'>Thanks<\/a><\/li>\n<\/ul>\n\n<p class='h' id='surprise'>Lightroom's Two &#8220;JPEG Quality&#8221; Surprises<\/p>\n\n<p>I've been working with digital images for <span class='nobr'>a long<\/span> time, and have dug\naround in some aspects to <span class='nobr'>a fairly<\/span> deep degree\n(particularly <a href='\/blog\/photo-tech\/color-spaces-page1'>color\nspaces<\/a>,\n<a href='\/blog\/photo-tech\/nef-compression'>raw\ncompression<\/a>, and white balance), but was surprised by Lightroom's JPEG-quality settings in two respects:<\/p>\n\n<ol><li><p><b>&#8220;0 quality&#8221; is not zero<\/b> &mdash; With some\nphotos, you get pretty good results even at Lightroom quality 0, more than\ngood enough for web thumbnail use, for example, where the substantial\nsavings in size (often more than <span class='nobr'>a 90<\/span>% savings!) make the slight tradeoff\nworth it. &#8220;<span class='nobr'>Quality 0<\/span>&#8221; in Lightroom might be roughly comparable\nto &#8220;<span class='nobr'>Quality 50<\/span>&#8221; in many non-Adobe apps.<\/p>\n\n<p>We'll see some compelling examples below.<\/p>\n\n<\/li>\n\n\n<li><p><b>&#8220;0-100&#8221; is really &#8220;0-12&#8221;<\/b> &mdash;\n\nLightroom maps the 101 points in its 0-100 quality scale to only 13\ndifferent quality outputs. Setting the Lightroom quality to 70, for\nexample, results in the exact same output as setting it to 76, or anything\nin between. 7 is the same as zero, and 93 is the same as 100. <span class='nobr'>The full mappings<\/span> are shown in the examples below.<\/p>\n\n<p>Those familiar with Photoshop will recognize 13 as the number of quality\nsettings in Photoshop's Save-as-JPEG option (with <b>0<\/b> being &#8220;Low\nquality&#8221;, up through <b>12<\/b> being &#8220;Maximum Quality&#8221;).\n<span class='nobr'>I haven't<\/span> tested whether these are indeed the same except for the numeric\nscale presented to the user, but <span class='nobr'>I suspect<\/span> they are.<\/p>\n\n<p>(For those wondering, Lightroom does not match Photoshop's &#8220;Save\nfor the Web&#8221; 0-100 scale, either: with &#8220;Save for the\nWeb&#8221;, <span class='nobr'>a quality<\/span> of 70 produces <span class='nobr'>a result<\/span> that is actually different\nthan that produced with <span class='nobr'>a quality<\/span> of 76, so it can't be the same as\nLightroom, where 70 and 76 are identical.)<\/p>\n\n<\/li>\n<\/ol>\n\n<p class='h' id='example'>An Example<\/p>\n\n<p>Let's look at an example, a lightened version of the shot\nfrom <a href='\/blog\/2010-06-23\/1548'>this sunset post<\/a>\nlast month...<\/p>\n\n<div class='ic'><a name=\"031849\" href='\/i\/JF7_031849q.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_031849q_sm.jpg\" width=\"690\" height=\"459\"\nalt=\"\"\nid=\"i031849q\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Sigma &#8220;Bigma&#8221; 50-500mm OS @ 1000 mm &mdash; <sup>1<\/sup><big>\/<\/big>1000 sec, <span class='f'>f<\/span>\/13, ISO 1250 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_031849q.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_031849q.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Sunset and Bird<\/span>\n<\/div>\n\n<p>In the javascript-powered tool in the gray box below, you can see <span class='nobr'>a\nfull<\/span>-resolution <span class='QO'>&#8220;<\/span>actual pixels<span class='QC'>&#8221;<\/span> crop from the photo created at various\nexport qualities. Initially it shows the highly-poserized &#8220;Lightroom\nquality 0&#8221; version, but if you mouse over the buttons at the bottom,\nother versions load, all the way up the scale to &#8220;Lightroom quality\n100&#8221;\n\n  <span class='nobr'>(the &#8220;93\u301c100&#8221; button)....<\/span><\/p>\n\n<div class='tool'>\n<form action='#' id='i407'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i409'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i411\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i412\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i413' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-7607df5da1d8d6b47b9192903a52b3e1.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_7607df5da1d8d6b47b9192903a52b3e1\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_031849-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i031849_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i415' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i417\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i418\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i419' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i421\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i422\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i423' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i425\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i426\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i427' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i429\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i430\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i431' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i433\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i434\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i435' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i437\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i438\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i439' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i441\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i442\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i443' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i445\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i446\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i447' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i449\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i450\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i451' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i453\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i454\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i455' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i457\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i458\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i459' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i461\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i462\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i409\")'><td id='i410' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i409'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i413\")'><td id='i414' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i413'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i415\")'><td id='i416' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i415'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i419\")'><td id='i420' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i419'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i423\")'><td id='i424' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i423'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i427\")'><td id='i428' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i427'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i431\")'><td id='i432' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i431'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i435\")'><td id='i436' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i435'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i439\")'><td id='i440' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i439'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i443\")'><td id='i444' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i443'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i447\")'><td id='i448' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i447'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i451\")'><td id='i452' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i451'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i455\")'><td id='i456' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i455'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i406(\"i459\")'><td id='i460' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i406(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i459'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i408'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i406_loader = null;\n               function show_i406(id, under)\n               {\n                  if (show_i406_loader) {\n                      show_i406_loader();\n                      show_i406_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i407').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i408');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i406(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i409').style.visibility      = id == 'i409' ? 'visible' : 'hidden';\n\tget('i410').style.backgroundColor = id == 'i409' ? 'red'     : 'gray';\n\tget('i413').style.visibility      = id == 'i413' ? 'visible' : 'hidden';\n\tget('i414').style.backgroundColor = id == 'i413' ? 'red'     : 'gray';\n\tget('i415').style.visibility      = id == 'i415' ? 'visible' : 'hidden';\n\tget('i416').style.backgroundColor = id == 'i415' ? 'red'     : 'gray';\n\tget('i419').style.visibility      = id == 'i419' ? 'visible' : 'hidden';\n\tget('i420').style.backgroundColor = id == 'i419' ? 'red'     : 'gray';\n\tget('i423').style.visibility      = id == 'i423' ? 'visible' : 'hidden';\n\tget('i424').style.backgroundColor = id == 'i423' ? 'red'     : 'gray';\n\tget('i427').style.visibility      = id == 'i427' ? 'visible' : 'hidden';\n\tget('i428').style.backgroundColor = id == 'i427' ? 'red'     : 'gray';\n\tget('i431').style.visibility      = id == 'i431' ? 'visible' : 'hidden';\n\tget('i432').style.backgroundColor = id == 'i431' ? 'red'     : 'gray';\n\tget('i435').style.visibility      = id == 'i435' ? 'visible' : 'hidden';\n\tget('i436').style.backgroundColor = id == 'i435' ? 'red'     : 'gray';\n\tget('i439').style.visibility      = id == 'i439' ? 'visible' : 'hidden';\n\tget('i440').style.backgroundColor = id == 'i439' ? 'red'     : 'gray';\n\tget('i443').style.visibility      = id == 'i443' ? 'visible' : 'hidden';\n\tget('i444').style.backgroundColor = id == 'i443' ? 'red'     : 'gray';\n\tget('i447').style.visibility      = id == 'i447' ? 'visible' : 'hidden';\n\tget('i448').style.backgroundColor = id == 'i447' ? 'red'     : 'gray';\n\tget('i451').style.visibility      = id == 'i451' ? 'visible' : 'hidden';\n\tget('i452').style.backgroundColor = id == 'i451' ? 'red'     : 'gray';\n\tget('i455').style.visibility      = id == 'i455' ? 'visible' : 'hidden';\n\tget('i456').style.backgroundColor = id == 'i455' ? 'red'     : 'gray';\n\tget('i459').style.visibility      = id == 'i459' ? 'visible' : 'hidden';\n\tget('i460').style.backgroundColor = id == 'i459' ? 'red'     : 'gray';\n}\nshow_i406('i413');\nshow_i406_loader = function() { get('i411').src='\/i\/jpgqual\/chart-d32862c9243a669a910936cb550fd5b7.png';\n get('i412').src = '\/i\/jpgqual\/JF7_031849-c1--lossless.png';\n get('i417').src='\/i\/jpgqual\/chart-ecbaf96a5f40269ea801291b82f51565.png';\n get('i418').src = '\/i\/jpgqual\/JF7_031849-c1--qual=008-015.png';\n get('i421').src='\/i\/jpgqual\/chart-11c30d09648277cab7f395139af7e8e9.png';\n get('i422').src = '\/i\/jpgqual\/JF7_031849-c1--qual=016-023.png';\n get('i425').src='\/i\/jpgqual\/chart-1af7855122b6c17392850d8724673ac5.png';\n get('i426').src = '\/i\/jpgqual\/JF7_031849-c1--qual=024-030.png';\n get('i429').src='\/i\/jpgqual\/chart-1d34c8529abd6378f767180d99edca2a.png';\n get('i430').src = '\/i\/jpgqual\/JF7_031849-c1--qual=031-038.png';\n get('i433').src='\/i\/jpgqual\/chart-d9182b4fe54fbd320c4babd0b81765ba.png';\n get('i434').src = '\/i\/jpgqual\/JF7_031849-c1--qual=039-046.png';\n get('i437').src='\/i\/jpgqual\/chart-dbf5aeaa5aaa33074dbd094e67651154.png';\n get('i438').src = '\/i\/jpgqual\/JF7_031849-c1--qual=047-053.png';\n get('i441').src='\/i\/jpgqual\/chart-adbe8b86b4fcb5a995125c40f75f7a54.png';\n get('i442').src = '\/i\/jpgqual\/JF7_031849-c1--qual=054-061.png';\n get('i445').src='\/i\/jpgqual\/chart-5c0f82ff141c09685dcd2e9eda274b3c.png';\n get('i446').src = '\/i\/jpgqual\/JF7_031849-c1--qual=062-069.png';\n get('i449').src='\/i\/jpgqual\/chart-c4ce04f709f76aec24cf1db8709d273a.png';\n get('i450').src = '\/i\/jpgqual\/JF7_031849-c1--qual=070-076.png';\n get('i453').src='\/i\/jpgqual\/chart-c767d191702a559677d4465536279470.png';\n get('i454').src = '\/i\/jpgqual\/JF7_031849-c1--qual=077-084.png';\n get('i457').src='\/i\/jpgqual\/chart-b535b6ff670e3fc85e1a1a8ff7d3176d.png';\n get('i458').src = '\/i\/jpgqual\/JF7_031849-c1--qual=085-092.png';\n get('i461').src='\/i\/jpgqual\/chart-29bb3905ee774940796d8634f8b878c1.png';\n get('i462').src = '\/i\/jpgqual\/JF7_031849-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n<p>As you sweep the mouse over the buttons from left to right, there's an\ninitial dramatic increase in visual quality at relatively small costs in\nincreased file sizes, but these trends quickly reverse so that toward the\nhigher-quality end of the scale, there's little to no improvement in visual\nquality as the file size explodes by leaps and bounds.<\/p>\n\n<p>To my eye at a glance the <span class='nobr'>70\u301c76<\/span> quality is\njust fine, but if <span class='nobr'>I really<\/span> look carefully with <span class='nobr'>a critical<\/span> eye, tipping my\nlaptop LCD screen at an angle, <span class='nobr'>I see uneven<\/span> gradients even in the lossless\nversion. This might well reflect that the sunset sky was not perfectly\nsmooth(!), but the pixel-peeper in me wonders whether this smooth-gradient\nchallenge was too much even for the basic technology of the camera image\nsensor.<\/p>\n\n<p class='h' id='tool'>Quality-Inspector Features<\/p>\n\n<p>In visually comparing one quality level to another, it's very helpful to\nswap back and forth quickly between the two samples, as it hyper-highlights\ndifferences, revealing details of the difference that one would never\notherwise notice. While this is useful, it's important to maintain <span class='nobr'>a sense<\/span>\nof perspective about what viewers will eventually see and actually notice\non their own. Don't let yourself get carried away by raw pixel-peeping\nalone.<\/p>\n\n<p>Comparing quality levels:<\/p>\n\n<ul>\n<li><p><b>Comparing adjacent quality levels<\/b> &mdash; Comparing adjacent\nquality levels is as simple as panning the mouse back and forth between the\nadjacent quality buttons.<\/p><\/li>\n\n<li><p><b>Comparing <span class='nobr'>a quality<\/span> level versus perfect<\/b> &mdash; Bringing the\nmouse just below <span class='nobr'>a button<\/span> reverts the display to the <span class='QO'>&#8220;<\/span>lossless<span class='QC'>&#8221;<\/span>\nperfect-quality version, so sweeping the mouse up and down into the button\nthen below it toggles between the view for that button and the\nperfect-quality version.<\/p><\/li>\n\n<li><p><b>Comparing any two quality levels<\/b> &mdash; Selecting the small\ncircular checkbox below <span class='nobr'>a quality<\/span> button makes that button the one reverted\nto when the mouse is brought under <span class='nobr'>a button,<\/span> so you can select the checkbox\nfor one quality, then move to the button for the other and pan up and down\nto toggle between the views.<\/p><\/li>\n\n<\/ul>\n\n<p>Again, I'd like to suggest keeping this pixel-peeping in perspective. <span class='nobr'>It's easy to<\/span> let yourself get carried away to the point that you start to\nfind fault where there's not, or finding importance in some minor fault\nthat won't at all be apparent to your intended audience.<\/p>\n\n<p class='h' id='example2'><span class='nobr'>A Totally<\/span> Different Example<\/p>\n\n<p>Let's look at a photo with very different compression results. Here's an\nimage of some reed shades hanging in front of the window of an old house\nnear my place in Kyoto (the same window seen\nin <a href='\/blog\/2009-11-15\/1360#025744'>this post from\nlast year<\/a>). <span class='nobr'>It's a fairly<\/span> boring shot, but I'd thought it might make\nfor\nan <a href='\/blog\/category\/pretty-photos\/desktop-backgrounds'>interesting\ndesktop background<\/a> photo.<\/p>\n\n<div class='ic tight'><a name=\"033156\" href='\/i\/JF7_033156.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_033156_sm.jpg\" width=\"690\" height=\"459\"\nalt=\"\"\nid=\"i033156\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Voigtl\u00e4nder 125mm f\/2.5 &mdash; <sup>1<\/sup><big>\/<\/big>400 sec, <span class='f'>f<\/span>\/8, ISO 3200 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_033156.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_033156.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Reed Window Shades<\/span>\n<\/div>\n\n<p>This scene has a lot fine detail in the many thin reeds making up the\nwindow shades, so you'd be forgiven if your first instinct would be that this\nimage would require high JPEG quality for acceptable results with all that\ndetail, but it's just the opposite: there's almost no difference in\nappearance between the &#8220;Lightroom quality 0&#8221; setting and\nlossless (perfect quality) TIFF output, but the file size difference is\nremarkable: the TIFF, even when compressed (with lossless ZIP compression)\nis still more than 15 times larger, while an uncompressed 16-bit TIFF is\nmore than 50 times larger(!)<\/p>\n\n<p>Again, here are full-resolution <span class='QO'>&#8220;<\/span>actual-pixel<span class='QC'>&#8221;<\/span> crops...<\/p>\n\n<div class='tool'>\n<form action='#' id='i233'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i235'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i237\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i238\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i239' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-7a11714017adda5fdd65b9d516de9bcf.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_7a11714017adda5fdd65b9d516de9bcf\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_033156-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i033156_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i241' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i243\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i244\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i245' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i247\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i248\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i249' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i251\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i252\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i253' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i255\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i256\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i257' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i259\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i260\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i261' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i263\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i264\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i265' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i267\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i268\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i269' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i271\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i272\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i273' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i275\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i276\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i277' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i279\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i280\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i281' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i283\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i284\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i285' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i287\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i288\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i235\")'><td id='i236' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i235'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i239\")'><td id='i240' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i239'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i241\")'><td id='i242' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i241'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i245\")'><td id='i246' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i245'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i249\")'><td id='i250' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i249'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i253\")'><td id='i254' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i253'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i257\")'><td id='i258' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i257'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i261\")'><td id='i262' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i261'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i265\")'><td id='i266' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i265'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i269\")'><td id='i270' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i269'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i273\")'><td id='i274' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i273'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i277\")'><td id='i278' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i277'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i281\")'><td id='i282' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i281'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i232(\"i285\")'><td id='i286' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i232(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i285'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i234'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i232_loader = null;\n               function show_i232(id, under)\n               {\n                  if (show_i232_loader) {\n                      show_i232_loader();\n                      show_i232_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i233').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i234');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i232(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i235').style.visibility      = id == 'i235' ? 'visible' : 'hidden';\n\tget('i236').style.backgroundColor = id == 'i235' ? 'red'     : 'gray';\n\tget('i239').style.visibility      = id == 'i239' ? 'visible' : 'hidden';\n\tget('i240').style.backgroundColor = id == 'i239' ? 'red'     : 'gray';\n\tget('i241').style.visibility      = id == 'i241' ? 'visible' : 'hidden';\n\tget('i242').style.backgroundColor = id == 'i241' ? 'red'     : 'gray';\n\tget('i245').style.visibility      = id == 'i245' ? 'visible' : 'hidden';\n\tget('i246').style.backgroundColor = id == 'i245' ? 'red'     : 'gray';\n\tget('i249').style.visibility      = id == 'i249' ? 'visible' : 'hidden';\n\tget('i250').style.backgroundColor = id == 'i249' ? 'red'     : 'gray';\n\tget('i253').style.visibility      = id == 'i253' ? 'visible' : 'hidden';\n\tget('i254').style.backgroundColor = id == 'i253' ? 'red'     : 'gray';\n\tget('i257').style.visibility      = id == 'i257' ? 'visible' : 'hidden';\n\tget('i258').style.backgroundColor = id == 'i257' ? 'red'     : 'gray';\n\tget('i261').style.visibility      = id == 'i261' ? 'visible' : 'hidden';\n\tget('i262').style.backgroundColor = id == 'i261' ? 'red'     : 'gray';\n\tget('i265').style.visibility      = id == 'i265' ? 'visible' : 'hidden';\n\tget('i266').style.backgroundColor = id == 'i265' ? 'red'     : 'gray';\n\tget('i269').style.visibility      = id == 'i269' ? 'visible' : 'hidden';\n\tget('i270').style.backgroundColor = id == 'i269' ? 'red'     : 'gray';\n\tget('i273').style.visibility      = id == 'i273' ? 'visible' : 'hidden';\n\tget('i274').style.backgroundColor = id == 'i273' ? 'red'     : 'gray';\n\tget('i277').style.visibility      = id == 'i277' ? 'visible' : 'hidden';\n\tget('i278').style.backgroundColor = id == 'i277' ? 'red'     : 'gray';\n\tget('i281').style.visibility      = id == 'i281' ? 'visible' : 'hidden';\n\tget('i282').style.backgroundColor = id == 'i281' ? 'red'     : 'gray';\n\tget('i285').style.visibility      = id == 'i285' ? 'visible' : 'hidden';\n\tget('i286').style.backgroundColor = id == 'i285' ? 'red'     : 'gray';\n}\nshow_i232('i239');\nshow_i232_loader = function() { get('i237').src='\/i\/jpgqual\/chart-0c75bbe2539d081421bcce5d4c9626c9.png';\n get('i238').src = '\/i\/jpgqual\/JF7_033156-c1--lossless.png';\n get('i243').src='\/i\/jpgqual\/chart-1a5ac1ad0e9e82ec9d2fb9b435eb02e0.png';\n get('i244').src = '\/i\/jpgqual\/JF7_033156-c1--qual=008-015.png';\n get('i247').src='\/i\/jpgqual\/chart-a1ccc6142a27942f1249dc97b2c73fa1.png';\n get('i248').src = '\/i\/jpgqual\/JF7_033156-c1--qual=016-023.png';\n get('i251').src='\/i\/jpgqual\/chart-c2c65afc16389a0aad701daf8eba3762.png';\n get('i252').src = '\/i\/jpgqual\/JF7_033156-c1--qual=024-030.png';\n get('i255').src='\/i\/jpgqual\/chart-cd1affae460911dc20b578ff2646d9bf.png';\n get('i256').src = '\/i\/jpgqual\/JF7_033156-c1--qual=031-038.png';\n get('i259').src='\/i\/jpgqual\/chart-8ba18feb559ced32e43651f48e40f28f.png';\n get('i260').src = '\/i\/jpgqual\/JF7_033156-c1--qual=039-046.png';\n get('i263').src='\/i\/jpgqual\/chart-9bb30e9e8ac1e9522a736502242191e1.png';\n get('i264').src = '\/i\/jpgqual\/JF7_033156-c1--qual=047-053.png';\n get('i267').src='\/i\/jpgqual\/chart-fe9da817695492c5fdbc6ee7cd25c30b.png';\n get('i268').src = '\/i\/jpgqual\/JF7_033156-c1--qual=054-061.png';\n get('i271').src='\/i\/jpgqual\/chart-00e0df5d492809c167a638a87d3a6486.png';\n get('i272').src = '\/i\/jpgqual\/JF7_033156-c1--qual=062-069.png';\n get('i275').src='\/i\/jpgqual\/chart-99a9869a7b580fedb3dbfff44fd2b269.png';\n get('i276').src = '\/i\/jpgqual\/JF7_033156-c1--qual=070-076.png';\n get('i279').src='\/i\/jpgqual\/chart-583481f078c282c4e10124704b6af4f7.png';\n get('i280').src = '\/i\/jpgqual\/JF7_033156-c1--qual=077-084.png';\n get('i283').src='\/i\/jpgqual\/chart-6ca2eb4f4d4bcdf70cfdb83e5f2eeb64.png';\n get('i284').src = '\/i\/jpgqual\/JF7_033156-c1--qual=085-092.png';\n get('i287').src='\/i\/jpgqual\/chart-8978d392e4e1fc9418c661be65e12bb9.png';\n get('i288').src = '\/i\/jpgqual\/JF7_033156-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n<p>As you sweep the mouse over the buttons from left to right, the file\nsize increases considerably as the &#8220;quality&#8221; goes up,\nespecially in the last few steps where again the size explodes by leaps and\nbounds, but you really don't seem to get additional visual quality for the\nextra bytes. Overall, there really doesn't seem to be much difference at\nall over the entire range, from the the 174k-byte lowest-quality JPEG\nversion to 1.4 megabytes for the highest-quality JPEG version, except\nperhaps some halos in the low-quality version near the vertical string\nlines tying the reeds together, but these are gone by the time you get to\nthe next quality level.<\/p>\n\n<p>Plenty of other differences make themselves known when quickly toggling\nbetween views, but in <span class='nobr'>a static<\/span> view they're mostly lost among the many\ndetails of the photo, and <span class='nobr'>I suspect<\/span> that when presented with the perfect\nversion and the second-to-the-lowest quality version, only those with <span class='nobr'>a\ntrained<\/span> eye would be able to pick which was which.<\/p>\n\n<p>The difference from the first example is stunning, and relates to what\nvisual changes human are sensitive to: we pick up on imperfections in <span class='nobr'>a\ncontinuous<\/span> tone much more readily than slight changes in varied detail. <span class='nobr'>The JPEG compression<\/span> algorithm is built around this difference, trying to\npreserve quality in these smooth gradient areas, but as well as it does, <span class='nobr'>a\nphoto<\/span> like the sunset presents <span class='nobr'>a daunting<\/span> challenge.<\/p>\n\n<p>The lack of detail in the sunset example is reflected in all versions by\n<span class='nobr'>a drastically<\/span>-decreased file size compared to the reed-shade example....\nthe sunset's smooth gradients compress well, so all quality levels compress\nmuch more than their highly-detailed counterparts in the reed-shade\nexample: for the same size result, the lowest-quality versions come in at\n34k and 174k respectively, while the highest-quality versions weigh in at\n445k and 1.4 megabytes.<\/p>\n\n<p id='q53-to-54'>One thing <span class='nobr'>I find<\/span> interesting (but don't understand) is that in\nthe first example, the difference in file size between the\n\n   <span class='nobr'>47\u301c53<\/span>\n\nquality and\n\n   <span class='nobr'>54\u301c61<\/span>\n\nquality is considerable (49k to 66k bytes), while in the second example,\nthe the same two levels of quality produces essentially the same file size.\nThere seems to be some kind of switch in compression algorithm once\nLightroom is at <span class='nobr'>a quality<\/span> setting of 54 or above that puts the emphasis on\nencoding the easily-discernible smooth gradients of the sunset example, and\nif they are lacking in the image, as with the reed-window-shade example,\nthe attempt at extra quality fails, and the file size does not increase.\nThat's my guess, but it's just <span class='nobr'>a guess.<\/span><\/p>\n\n\n<p id='dandelion' style='margin-top:40px'>Let's look at an example mixed with lots of detail and various areas of smoothness...<\/p>\n\n\n<div class='ic'><a name=\"033125\" href='\/i\/JF7_033125.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_033125_sm.jpg\" width=\"690\" height=\"459\"\nalt=\"\"\nid=\"i033125\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Voigtl\u00e4nder 125mm f\/2.5 &mdash; <sup>1<\/sup><big>\/<\/big>400 sec, <span class='f'>f<\/span>\/8, ISO 5000 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_033125.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_033125.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Messy Dandelion<\/span>\n<br\/>from the outing that produced <a href='\/blog\/2010-05-28\/1531'>this post<\/a> in May\n<\/div>\n\n<div class='tool'>\n<form action='#' id='i117'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i119'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i121\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i122\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i123' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-1f4014897dc99ee4346f523ea31a4c5d.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_1f4014897dc99ee4346f523ea31a4c5d\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_033125-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i033125_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i125' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i127\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i128\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i129' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i131\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i132\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i133' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i135\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i136\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i137' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i139\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i140\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i141' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i143\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i144\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i145' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i147\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i148\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i149' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i151\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i152\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i153' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i155\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i156\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i157' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i159\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i160\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i161' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i163\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i164\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i165' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i167\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i168\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i169' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i171\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i172\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i119\")'><td id='i120' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i119'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i123\")'><td id='i124' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i123'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i125\")'><td id='i126' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i125'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i129\")'><td id='i130' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i129'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i133\")'><td id='i134' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i133'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i137\")'><td id='i138' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i137'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i141\")'><td id='i142' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i141'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i145\")'><td id='i146' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i145'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i149\")'><td id='i150' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i149'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i153\")'><td id='i154' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i153'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i157\")'><td id='i158' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i157'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i161\")'><td id='i162' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i161'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i165\")'><td id='i166' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i165'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i116(\"i169\")'><td id='i170' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i116(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i169'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i118'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i116_loader = null;\n               function show_i116(id, under)\n               {\n                  if (show_i116_loader) {\n                      show_i116_loader();\n                      show_i116_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i117').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i118');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i116(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i119').style.visibility      = id == 'i119' ? 'visible' : 'hidden';\n\tget('i120').style.backgroundColor = id == 'i119' ? 'red'     : 'gray';\n\tget('i123').style.visibility      = id == 'i123' ? 'visible' : 'hidden';\n\tget('i124').style.backgroundColor = id == 'i123' ? 'red'     : 'gray';\n\tget('i125').style.visibility      = id == 'i125' ? 'visible' : 'hidden';\n\tget('i126').style.backgroundColor = id == 'i125' ? 'red'     : 'gray';\n\tget('i129').style.visibility      = id == 'i129' ? 'visible' : 'hidden';\n\tget('i130').style.backgroundColor = id == 'i129' ? 'red'     : 'gray';\n\tget('i133').style.visibility      = id == 'i133' ? 'visible' : 'hidden';\n\tget('i134').style.backgroundColor = id == 'i133' ? 'red'     : 'gray';\n\tget('i137').style.visibility      = id == 'i137' ? 'visible' : 'hidden';\n\tget('i138').style.backgroundColor = id == 'i137' ? 'red'     : 'gray';\n\tget('i141').style.visibility      = id == 'i141' ? 'visible' : 'hidden';\n\tget('i142').style.backgroundColor = id == 'i141' ? 'red'     : 'gray';\n\tget('i145').style.visibility      = id == 'i145' ? 'visible' : 'hidden';\n\tget('i146').style.backgroundColor = id == 'i145' ? 'red'     : 'gray';\n\tget('i149').style.visibility      = id == 'i149' ? 'visible' : 'hidden';\n\tget('i150').style.backgroundColor = id == 'i149' ? 'red'     : 'gray';\n\tget('i153').style.visibility      = id == 'i153' ? 'visible' : 'hidden';\n\tget('i154').style.backgroundColor = id == 'i153' ? 'red'     : 'gray';\n\tget('i157').style.visibility      = id == 'i157' ? 'visible' : 'hidden';\n\tget('i158').style.backgroundColor = id == 'i157' ? 'red'     : 'gray';\n\tget('i161').style.visibility      = id == 'i161' ? 'visible' : 'hidden';\n\tget('i162').style.backgroundColor = id == 'i161' ? 'red'     : 'gray';\n\tget('i165').style.visibility      = id == 'i165' ? 'visible' : 'hidden';\n\tget('i166').style.backgroundColor = id == 'i165' ? 'red'     : 'gray';\n\tget('i169').style.visibility      = id == 'i169' ? 'visible' : 'hidden';\n\tget('i170').style.backgroundColor = id == 'i169' ? 'red'     : 'gray';\n}\nshow_i116('i123');\nshow_i116_loader = function() { get('i121').src='\/i\/jpgqual\/chart-3411e111d1fc8166041d4f3416b94d97.png';\n get('i122').src = '\/i\/jpgqual\/JF7_033125-c1--lossless.png';\n get('i127').src='\/i\/jpgqual\/chart-4d3cb021ede6fa0985c78f0f7e41df70.png';\n get('i128').src = '\/i\/jpgqual\/JF7_033125-c1--qual=008-015.png';\n get('i131').src='\/i\/jpgqual\/chart-ab98298940c0595dd87a6416a628a9a9.png';\n get('i132').src = '\/i\/jpgqual\/JF7_033125-c1--qual=016-023.png';\n get('i135').src='\/i\/jpgqual\/chart-de8eb98538aa90167dd8c4e6c61f91f8.png';\n get('i136').src = '\/i\/jpgqual\/JF7_033125-c1--qual=024-030.png';\n get('i139').src='\/i\/jpgqual\/chart-dd43d6261bf4a02612c56566f7ba41dc.png';\n get('i140').src = '\/i\/jpgqual\/JF7_033125-c1--qual=031-038.png';\n get('i143').src='\/i\/jpgqual\/chart-8bc1a4f21a4dce780cb84d322f4f365d.png';\n get('i144').src = '\/i\/jpgqual\/JF7_033125-c1--qual=039-046.png';\n get('i147').src='\/i\/jpgqual\/chart-bf8d96d70ef614673519f1071bd3dfa7.png';\n get('i148').src = '\/i\/jpgqual\/JF7_033125-c1--qual=047-053.png';\n get('i151').src='\/i\/jpgqual\/chart-51f21dfb26f4d1d0a3069f60145877d2.png';\n get('i152').src = '\/i\/jpgqual\/JF7_033125-c1--qual=054-061.png';\n get('i155').src='\/i\/jpgqual\/chart-6082d587a392d6cfeb00372120ffac57.png';\n get('i156').src = '\/i\/jpgqual\/JF7_033125-c1--qual=062-069.png';\n get('i159').src='\/i\/jpgqual\/chart-8ecff1e17174e8cd8696f1ba1378648a.png';\n get('i160').src = '\/i\/jpgqual\/JF7_033125-c1--qual=070-076.png';\n get('i163').src='\/i\/jpgqual\/chart-6876be408743de044b26f8588a818ec1.png';\n get('i164').src = '\/i\/jpgqual\/JF7_033125-c1--qual=077-084.png';\n get('i167').src='\/i\/jpgqual\/chart-92591ed62fec38fa1fa5fca19497e082.png';\n get('i168').src = '\/i\/jpgqual\/JF7_033125-c1--qual=085-092.png';\n get('i171').src='\/i\/jpgqual\/chart-46f8491236f461577a6dddfbfb3a6aa8.png';\n get('i172').src = '\/i\/jpgqual\/JF7_033125-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n<p>The areas of fine detail seem to firm up at about the <span class='nobr'>39\u301c46<\/span> quality\nlevel, and the areas of smoothness seem fine there too, but the\npixel-peeper in me might want to bump up the quality setting <span class='nobr'>a few<\/span> levels\nso that quick toggling reveals less fluctuation in the background.<\/p>\n\n<p id='bridge' style='margin-top:60px'>Five more examples follow, of various types, for your pixel-peeping, compression-understanding  enjoyment...<\/p>\n\n<div class='ic newexample'><a name=\"031727\" href='\/i\/JF7_031727q.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_031727q_sm.jpg\" width=\"459\" height=\"690\"\nalt=\"\"\nid=\"i031727q\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Nikkor 14-24mm f\/2.8 @ 14 mm &mdash; <sup>1<\/sup><big>\/<\/big>4000 sec, <span class='f'>f<\/span>\/5.6, ISO 200 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_031727q.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_031727q.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Uber Challenging<\/span>\n<br\/>detailed lines and smooth gradients, from <a href='\/blog\/2010-05-05\/1515'>this post<\/a> on the longest suspension bridge in the world\n<\/div>\n\n<div class='tool'>\n<form action='#' id='i291'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i293'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i295\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i296\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i297' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-3a28eb0cc821079dc7b2af6c4dc0a250.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_3a28eb0cc821079dc7b2af6c4dc0a250\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_031727-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i031727_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i299' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i301\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i302\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i303' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i305\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i306\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i307' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i309\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i310\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i311' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i313\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i314\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i315' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i317\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i318\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i319' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i321\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i322\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i323' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i325\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i326\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i327' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i329\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i330\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i331' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i333\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i334\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i335' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i337\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i338\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i339' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i341\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i342\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i343' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i345\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i346\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i293\")'><td id='i294' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i293'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i297\")'><td id='i298' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i297'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i299\")'><td id='i300' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i299'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i303\")'><td id='i304' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i303'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i307\")'><td id='i308' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i307'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i311\")'><td id='i312' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i311'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i315\")'><td id='i316' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i315'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i319\")'><td id='i320' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i319'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i323\")'><td id='i324' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i323'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i327\")'><td id='i328' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i327'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i331\")'><td id='i332' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i331'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i335\")'><td id='i336' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i335'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i339\")'><td id='i340' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i339'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i290(\"i343\")'><td id='i344' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i290(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i343'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i292'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i290_loader = null;\n               function show_i290(id, under)\n               {\n                  if (show_i290_loader) {\n                      show_i290_loader();\n                      show_i290_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i291').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i292');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i290(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i293').style.visibility      = id == 'i293' ? 'visible' : 'hidden';\n\tget('i294').style.backgroundColor = id == 'i293' ? 'red'     : 'gray';\n\tget('i297').style.visibility      = id == 'i297' ? 'visible' : 'hidden';\n\tget('i298').style.backgroundColor = id == 'i297' ? 'red'     : 'gray';\n\tget('i299').style.visibility      = id == 'i299' ? 'visible' : 'hidden';\n\tget('i300').style.backgroundColor = id == 'i299' ? 'red'     : 'gray';\n\tget('i303').style.visibility      = id == 'i303' ? 'visible' : 'hidden';\n\tget('i304').style.backgroundColor = id == 'i303' ? 'red'     : 'gray';\n\tget('i307').style.visibility      = id == 'i307' ? 'visible' : 'hidden';\n\tget('i308').style.backgroundColor = id == 'i307' ? 'red'     : 'gray';\n\tget('i311').style.visibility      = id == 'i311' ? 'visible' : 'hidden';\n\tget('i312').style.backgroundColor = id == 'i311' ? 'red'     : 'gray';\n\tget('i315').style.visibility      = id == 'i315' ? 'visible' : 'hidden';\n\tget('i316').style.backgroundColor = id == 'i315' ? 'red'     : 'gray';\n\tget('i319').style.visibility      = id == 'i319' ? 'visible' : 'hidden';\n\tget('i320').style.backgroundColor = id == 'i319' ? 'red'     : 'gray';\n\tget('i323').style.visibility      = id == 'i323' ? 'visible' : 'hidden';\n\tget('i324').style.backgroundColor = id == 'i323' ? 'red'     : 'gray';\n\tget('i327').style.visibility      = id == 'i327' ? 'visible' : 'hidden';\n\tget('i328').style.backgroundColor = id == 'i327' ? 'red'     : 'gray';\n\tget('i331').style.visibility      = id == 'i331' ? 'visible' : 'hidden';\n\tget('i332').style.backgroundColor = id == 'i331' ? 'red'     : 'gray';\n\tget('i335').style.visibility      = id == 'i335' ? 'visible' : 'hidden';\n\tget('i336').style.backgroundColor = id == 'i335' ? 'red'     : 'gray';\n\tget('i339').style.visibility      = id == 'i339' ? 'visible' : 'hidden';\n\tget('i340').style.backgroundColor = id == 'i339' ? 'red'     : 'gray';\n\tget('i343').style.visibility      = id == 'i343' ? 'visible' : 'hidden';\n\tget('i344').style.backgroundColor = id == 'i343' ? 'red'     : 'gray';\n}\nshow_i290('i297');\nshow_i290_loader = function() { get('i295').src='\/i\/jpgqual\/chart-4ff7b5ffe3a4050a8f5e0ab2025adecd.png';\n get('i296').src = '\/i\/jpgqual\/JF7_031727-c1--lossless.png';\n get('i301').src='\/i\/jpgqual\/chart-08ca6eb8d6160a49d586251ad54ea7b9.png';\n get('i302').src = '\/i\/jpgqual\/JF7_031727-c1--qual=008-015.png';\n get('i305').src='\/i\/jpgqual\/chart-96a142767d37122f33836d7f8827d7da.png';\n get('i306').src = '\/i\/jpgqual\/JF7_031727-c1--qual=016-023.png';\n get('i309').src='\/i\/jpgqual\/chart-8dd1b86ee8b93956f6b55b0336042846.png';\n get('i310').src = '\/i\/jpgqual\/JF7_031727-c1--qual=024-030.png';\n get('i313').src='\/i\/jpgqual\/chart-f29ab972213eb71e4a9f0dc6fdddd174.png';\n get('i314').src = '\/i\/jpgqual\/JF7_031727-c1--qual=031-038.png';\n get('i317').src='\/i\/jpgqual\/chart-f6041b3d3834be1d974ecf286e26351d.png';\n get('i318').src = '\/i\/jpgqual\/JF7_031727-c1--qual=039-046.png';\n get('i321').src='\/i\/jpgqual\/chart-be87702c668e63a9e2483c2b77ab7cdc.png';\n get('i322').src = '\/i\/jpgqual\/JF7_031727-c1--qual=047-053.png';\n get('i325').src='\/i\/jpgqual\/chart-1e242ab31eee10b4051c520a4443b50e.png';\n get('i326').src = '\/i\/jpgqual\/JF7_031727-c1--qual=054-061.png';\n get('i329').src='\/i\/jpgqual\/chart-c4d1df307bc0e144f0cfec1a6423c853.png';\n get('i330').src = '\/i\/jpgqual\/JF7_031727-c1--qual=062-069.png';\n get('i333').src='\/i\/jpgqual\/chart-de49fe086a0869a8e41c5daa373fc106.png';\n get('i334').src = '\/i\/jpgqual\/JF7_031727-c1--qual=070-076.png';\n get('i337').src='\/i\/jpgqual\/chart-8cde4f1cf259d18d2effe5a07a7a813d.png';\n get('i338').src = '\/i\/jpgqual\/JF7_031727-c1--qual=077-084.png';\n get('i341').src='\/i\/jpgqual\/chart-2cce834ee69003a6429a27ec1985e7a8.png';\n get('i342').src = '\/i\/jpgqual\/JF7_031727-c1--qual=085-092.png';\n get('i345').src='\/i\/jpgqual\/chart-51c4b46ea908788fceab6dcfd272ee5f.png';\n get('i346').src = '\/i\/jpgqual\/JF7_031727-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n\n\n\n<div id='awaji' class='ic newexample'><a name=\"031743\" href='\/i\/JF7_031743.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_031743_sm.jpg\" width=\"690\" height=\"459\"\nalt=\"\"\nid=\"i031743\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Nikkor 24-70mm f\/2.8 @ 70 mm &mdash; <sup>1<\/sup><big>\/<\/big>320 sec, <span class='f'>f<\/span>\/9, ISO 200 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_031743.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_031743.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Boring, but Common<\/span>\n<br\/>from our room when we stayed at <a href='\/blog\/2010-05-11\/1522'>the Westin on Awaji Island<\/a>\n<\/div>\n\n<div class='tool'>\n<form action='#' id='i001'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i003'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i005\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i006\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i007' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-5fcf4dc2a8e2f5dbbbd35cd45c3ff7a1.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_5fcf4dc2a8e2f5dbbbd35cd45c3ff7a1\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_031743-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i031743_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i009' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i011\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i012\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i013' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i015\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i016\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i017' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i019\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i020\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i021' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i023\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i024\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i025' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i027\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i028\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i029' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i031\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i032\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i033' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i035\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i036\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i037' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i039\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i040\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i041' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i043\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i044\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i045' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i047\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i048\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i049' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i051\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i052\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i053' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i055\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i056\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i003\")'><td id='i004' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i003'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i007\")'><td id='i008' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i007'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i009\")'><td id='i010' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i009'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i013\")'><td id='i014' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i013'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i017\")'><td id='i018' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i017'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i021\")'><td id='i022' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i021'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i025\")'><td id='i026' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i025'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i029\")'><td id='i030' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i029'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i033\")'><td id='i034' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i033'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i037\")'><td id='i038' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i037'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i041\")'><td id='i042' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i041'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i045\")'><td id='i046' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i045'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i049\")'><td id='i050' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i049'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i000(\"i053\")'><td id='i054' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i000(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i053'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i002'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i000_loader = null;\n               function show_i000(id, under)\n               {\n                  if (show_i000_loader) {\n                      show_i000_loader();\n                      show_i000_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i001').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i002');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i000(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i003').style.visibility      = id == 'i003' ? 'visible' : 'hidden';\n\tget('i004').style.backgroundColor = id == 'i003' ? 'red'     : 'gray';\n\tget('i007').style.visibility      = id == 'i007' ? 'visible' : 'hidden';\n\tget('i008').style.backgroundColor = id == 'i007' ? 'red'     : 'gray';\n\tget('i009').style.visibility      = id == 'i009' ? 'visible' : 'hidden';\n\tget('i010').style.backgroundColor = id == 'i009' ? 'red'     : 'gray';\n\tget('i013').style.visibility      = id == 'i013' ? 'visible' : 'hidden';\n\tget('i014').style.backgroundColor = id == 'i013' ? 'red'     : 'gray';\n\tget('i017').style.visibility      = id == 'i017' ? 'visible' : 'hidden';\n\tget('i018').style.backgroundColor = id == 'i017' ? 'red'     : 'gray';\n\tget('i021').style.visibility      = id == 'i021' ? 'visible' : 'hidden';\n\tget('i022').style.backgroundColor = id == 'i021' ? 'red'     : 'gray';\n\tget('i025').style.visibility      = id == 'i025' ? 'visible' : 'hidden';\n\tget('i026').style.backgroundColor = id == 'i025' ? 'red'     : 'gray';\n\tget('i029').style.visibility      = id == 'i029' ? 'visible' : 'hidden';\n\tget('i030').style.backgroundColor = id == 'i029' ? 'red'     : 'gray';\n\tget('i033').style.visibility      = id == 'i033' ? 'visible' : 'hidden';\n\tget('i034').style.backgroundColor = id == 'i033' ? 'red'     : 'gray';\n\tget('i037').style.visibility      = id == 'i037' ? 'visible' : 'hidden';\n\tget('i038').style.backgroundColor = id == 'i037' ? 'red'     : 'gray';\n\tget('i041').style.visibility      = id == 'i041' ? 'visible' : 'hidden';\n\tget('i042').style.backgroundColor = id == 'i041' ? 'red'     : 'gray';\n\tget('i045').style.visibility      = id == 'i045' ? 'visible' : 'hidden';\n\tget('i046').style.backgroundColor = id == 'i045' ? 'red'     : 'gray';\n\tget('i049').style.visibility      = id == 'i049' ? 'visible' : 'hidden';\n\tget('i050').style.backgroundColor = id == 'i049' ? 'red'     : 'gray';\n\tget('i053').style.visibility      = id == 'i053' ? 'visible' : 'hidden';\n\tget('i054').style.backgroundColor = id == 'i053' ? 'red'     : 'gray';\n}\nshow_i000('i007');\nshow_i000_loader = function() { get('i005').src='\/i\/jpgqual\/chart-78e5f627f7c820a34698ce7657004c97.png';\n get('i006').src = '\/i\/jpgqual\/JF7_031743-c1--lossless.png';\n get('i011').src='\/i\/jpgqual\/chart-3c0ab24b7a7d7a3c941eb7348fd5d4f4.png';\n get('i012').src = '\/i\/jpgqual\/JF7_031743-c1--qual=008-015.png';\n get('i015').src='\/i\/jpgqual\/chart-6855629b47adea3998413ec50bf28d49.png';\n get('i016').src = '\/i\/jpgqual\/JF7_031743-c1--qual=016-023.png';\n get('i019').src='\/i\/jpgqual\/chart-d91800a7c5b624fb57125b5ec0c02e61.png';\n get('i020').src = '\/i\/jpgqual\/JF7_031743-c1--qual=024-030.png';\n get('i023').src='\/i\/jpgqual\/chart-11c200408dfc85317f6786d834b6e4c8.png';\n get('i024').src = '\/i\/jpgqual\/JF7_031743-c1--qual=031-038.png';\n get('i027').src='\/i\/jpgqual\/chart-690bb31bae3e86bd40b132f45e511c24.png';\n get('i028').src = '\/i\/jpgqual\/JF7_031743-c1--qual=039-046.png';\n get('i031').src='\/i\/jpgqual\/chart-445fe13e2efd459ab8ec269fef3ed266.png';\n get('i032').src = '\/i\/jpgqual\/JF7_031743-c1--qual=047-053.png';\n get('i035').src='\/i\/jpgqual\/chart-bdcdddde0250a0abfb5e4d201a9cacf1.png';\n get('i036').src = '\/i\/jpgqual\/JF7_031743-c1--qual=054-061.png';\n get('i039').src='\/i\/jpgqual\/chart-c1daf864593c47fd87d6dc29672e65da.png';\n get('i040').src = '\/i\/jpgqual\/JF7_031743-c1--qual=062-069.png';\n get('i043').src='\/i\/jpgqual\/chart-be56f02bab50ebd2d7a0dea8df1d9585.png';\n get('i044').src = '\/i\/jpgqual\/JF7_031743-c1--qual=070-076.png';\n get('i047').src='\/i\/jpgqual\/chart-3f0182fd539af4a5379363b05e1faa2f.png';\n get('i048').src = '\/i\/jpgqual\/JF7_031743-c1--qual=077-084.png';\n get('i051').src='\/i\/jpgqual\/chart-61f25e74a055e4847766a6db12132c40.png';\n get('i052').src = '\/i\/jpgqual\/JF7_031743-c1--qual=085-092.png';\n get('i055').src='\/i\/jpgqual\/chart-4b9aa353a038282c9bb14577319fa529.png';\n get('i056').src = '\/i\/jpgqual\/JF7_031743-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n\n<div id='boat' class='ic newexample'><a name=\"032253\" href='\/i\/JF7_032253q.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_032253q_sm.jpg\" width=\"690\" height=\"459\"\nalt=\"\"\nid=\"i032253q\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Sigma &#8220;Bigma&#8221; 50-500mm OS @ 500 mm &mdash; <sup>1<\/sup><big>\/<\/big>8000 sec, <span class='f'>f<\/span>\/6.3, ISO 200 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_032253q.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_032253q.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Lots of Nondescript Detail<\/span>\n<br\/>a darker version of <a href='\/blog\/2010-05-01\/1507'>this photo<\/a>\n<\/div>\n\n<div class='tool'>\n<form action='#' id='i059'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i061'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i063\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i064\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i065' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-dcba608da6d7dd0170f9bf89247df2a7.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_dcba608da6d7dd0170f9bf89247df2a7\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_032253-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i032253_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i067' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i069\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i070\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i071' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i073\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i074\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i075' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i077\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i078\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i079' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i081\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i082\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i083' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i085\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i086\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i087' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i089\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i090\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i091' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i093\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i094\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i095' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i097\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i098\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i099' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i101\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i102\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i103' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i105\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i106\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i107' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i109\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i110\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i111' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i113\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i114\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i061\")'><td id='i062' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i061'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i065\")'><td id='i066' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i065'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i067\")'><td id='i068' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i067'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i071\")'><td id='i072' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i071'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i075\")'><td id='i076' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i075'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i079\")'><td id='i080' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i079'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i083\")'><td id='i084' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i083'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i087\")'><td id='i088' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i087'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i091\")'><td id='i092' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i091'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i095\")'><td id='i096' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i095'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i099\")'><td id='i100' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i099'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i103\")'><td id='i104' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i103'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i107\")'><td id='i108' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i107'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i058(\"i111\")'><td id='i112' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i058(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i111'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i060'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i058_loader = null;\n               function show_i058(id, under)\n               {\n                  if (show_i058_loader) {\n                      show_i058_loader();\n                      show_i058_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i059').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i060');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i058(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i061').style.visibility      = id == 'i061' ? 'visible' : 'hidden';\n\tget('i062').style.backgroundColor = id == 'i061' ? 'red'     : 'gray';\n\tget('i065').style.visibility      = id == 'i065' ? 'visible' : 'hidden';\n\tget('i066').style.backgroundColor = id == 'i065' ? 'red'     : 'gray';\n\tget('i067').style.visibility      = id == 'i067' ? 'visible' : 'hidden';\n\tget('i068').style.backgroundColor = id == 'i067' ? 'red'     : 'gray';\n\tget('i071').style.visibility      = id == 'i071' ? 'visible' : 'hidden';\n\tget('i072').style.backgroundColor = id == 'i071' ? 'red'     : 'gray';\n\tget('i075').style.visibility      = id == 'i075' ? 'visible' : 'hidden';\n\tget('i076').style.backgroundColor = id == 'i075' ? 'red'     : 'gray';\n\tget('i079').style.visibility      = id == 'i079' ? 'visible' : 'hidden';\n\tget('i080').style.backgroundColor = id == 'i079' ? 'red'     : 'gray';\n\tget('i083').style.visibility      = id == 'i083' ? 'visible' : 'hidden';\n\tget('i084').style.backgroundColor = id == 'i083' ? 'red'     : 'gray';\n\tget('i087').style.visibility      = id == 'i087' ? 'visible' : 'hidden';\n\tget('i088').style.backgroundColor = id == 'i087' ? 'red'     : 'gray';\n\tget('i091').style.visibility      = id == 'i091' ? 'visible' : 'hidden';\n\tget('i092').style.backgroundColor = id == 'i091' ? 'red'     : 'gray';\n\tget('i095').style.visibility      = id == 'i095' ? 'visible' : 'hidden';\n\tget('i096').style.backgroundColor = id == 'i095' ? 'red'     : 'gray';\n\tget('i099').style.visibility      = id == 'i099' ? 'visible' : 'hidden';\n\tget('i100').style.backgroundColor = id == 'i099' ? 'red'     : 'gray';\n\tget('i103').style.visibility      = id == 'i103' ? 'visible' : 'hidden';\n\tget('i104').style.backgroundColor = id == 'i103' ? 'red'     : 'gray';\n\tget('i107').style.visibility      = id == 'i107' ? 'visible' : 'hidden';\n\tget('i108').style.backgroundColor = id == 'i107' ? 'red'     : 'gray';\n\tget('i111').style.visibility      = id == 'i111' ? 'visible' : 'hidden';\n\tget('i112').style.backgroundColor = id == 'i111' ? 'red'     : 'gray';\n}\nshow_i058('i065');\nshow_i058_loader = function() { get('i063').src='\/i\/jpgqual\/chart-b41ab172fe96b56524659185003d6ef4.png';\n get('i064').src = '\/i\/jpgqual\/JF7_032253-c1--lossless.png';\n get('i069').src='\/i\/jpgqual\/chart-74096e76ff96b4f7626d06b8ad87552b.png';\n get('i070').src = '\/i\/jpgqual\/JF7_032253-c1--qual=008-015.png';\n get('i073').src='\/i\/jpgqual\/chart-08ff8a6f3b5e894177b301c62c91a326.png';\n get('i074').src = '\/i\/jpgqual\/JF7_032253-c1--qual=016-023.png';\n get('i077').src='\/i\/jpgqual\/chart-9c440f9723e4d875b410e7529b7aaa8f.png';\n get('i078').src = '\/i\/jpgqual\/JF7_032253-c1--qual=024-030.png';\n get('i081').src='\/i\/jpgqual\/chart-fd83a4555595126bd54b71451a8c9935.png';\n get('i082').src = '\/i\/jpgqual\/JF7_032253-c1--qual=031-038.png';\n get('i085').src='\/i\/jpgqual\/chart-e7b1f587c352222b8a6cec55169a047c.png';\n get('i086').src = '\/i\/jpgqual\/JF7_032253-c1--qual=039-046.png';\n get('i089').src='\/i\/jpgqual\/chart-b69ca02ec44a6e829c16f54919d7d398.png';\n get('i090').src = '\/i\/jpgqual\/JF7_032253-c1--qual=047-053.png';\n get('i093').src='\/i\/jpgqual\/chart-2337c2d136a67b4ac4c71a7d1f89814d.png';\n get('i094').src = '\/i\/jpgqual\/JF7_032253-c1--qual=054-061.png';\n get('i097').src='\/i\/jpgqual\/chart-ab92c7f6a4500404bb19ac65584c40c1.png';\n get('i098').src = '\/i\/jpgqual\/JF7_032253-c1--qual=062-069.png';\n get('i101').src='\/i\/jpgqual\/chart-5ae0066500b40ce67169c4647f47fcc5.png';\n get('i102').src = '\/i\/jpgqual\/JF7_032253-c1--qual=070-076.png';\n get('i105').src='\/i\/jpgqual\/chart-c117489270085eb2b487970e09bde69d.png';\n get('i106').src = '\/i\/jpgqual\/JF7_032253-c1--qual=077-084.png';\n get('i109').src='\/i\/jpgqual\/chart-b05591a9e05a75edc66a6bdeefc5305d.png';\n get('i110').src = '\/i\/jpgqual\/JF7_032253-c1--qual=085-092.png';\n get('i113').src='\/i\/jpgqual\/chart-5f123c1210a50021c885afa023459170.png';\n get('i114').src = '\/i\/jpgqual\/JF7_032253-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n<div id='moss' class='ic newexample'><a name=\"033139\" href='\/i\/JF7_033139.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_033139_sm.jpg\" width=\"690\" height=\"459\"\nalt=\"\"\nid=\"i033139\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Voigtl\u00e4nder 125mm f\/2.5 &mdash; <sup>1<\/sup><big>\/<\/big>160 sec, <span class='f'>f<\/span>\/8, ISO 5000 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_033139.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_033139.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Dandelion Seed and Moss<\/span>\n<br\/>the same scene as <a href='\/blog\/2010-05-28\/1531#033138'>this photo<\/a>, but at <span class='f'>f<\/span>\/8 instead of <span class='f'>f<\/span>\/2.5\n<\/div>\n\n<div class='tool'>\n<form action='#' id='i349'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i351'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i353\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i354\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i355' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-843ca7fbf445c2f9adb70ea01ec91acf.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_843ca7fbf445c2f9adb70ea01ec91acf\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_033139-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i033139_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i357' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i359\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i360\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i361' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i363\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i364\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i365' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i367\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i368\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i369' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i371\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i372\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i373' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i375\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i376\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i377' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i379\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i380\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i381' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i383\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i384\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i385' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i387\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i388\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i389' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i391\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i392\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i393' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i395\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i396\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i397' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i399\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i400\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i401' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i403\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i404\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i351\")'><td id='i352' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i351'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i355\")'><td id='i356' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i355'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i357\")'><td id='i358' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i357'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i361\")'><td id='i362' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i361'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i365\")'><td id='i366' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i365'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i369\")'><td id='i370' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i369'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i373\")'><td id='i374' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i373'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i377\")'><td id='i378' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i377'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i381\")'><td id='i382' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i381'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i385\")'><td id='i386' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i385'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i389\")'><td id='i390' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i389'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i393\")'><td id='i394' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i393'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i397\")'><td id='i398' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i397'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i348(\"i401\")'><td id='i402' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i348(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i401'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i350'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i348_loader = null;\n               function show_i348(id, under)\n               {\n                  if (show_i348_loader) {\n                      show_i348_loader();\n                      show_i348_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i349').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i350');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i348(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i351').style.visibility      = id == 'i351' ? 'visible' : 'hidden';\n\tget('i352').style.backgroundColor = id == 'i351' ? 'red'     : 'gray';\n\tget('i355').style.visibility      = id == 'i355' ? 'visible' : 'hidden';\n\tget('i356').style.backgroundColor = id == 'i355' ? 'red'     : 'gray';\n\tget('i357').style.visibility      = id == 'i357' ? 'visible' : 'hidden';\n\tget('i358').style.backgroundColor = id == 'i357' ? 'red'     : 'gray';\n\tget('i361').style.visibility      = id == 'i361' ? 'visible' : 'hidden';\n\tget('i362').style.backgroundColor = id == 'i361' ? 'red'     : 'gray';\n\tget('i365').style.visibility      = id == 'i365' ? 'visible' : 'hidden';\n\tget('i366').style.backgroundColor = id == 'i365' ? 'red'     : 'gray';\n\tget('i369').style.visibility      = id == 'i369' ? 'visible' : 'hidden';\n\tget('i370').style.backgroundColor = id == 'i369' ? 'red'     : 'gray';\n\tget('i373').style.visibility      = id == 'i373' ? 'visible' : 'hidden';\n\tget('i374').style.backgroundColor = id == 'i373' ? 'red'     : 'gray';\n\tget('i377').style.visibility      = id == 'i377' ? 'visible' : 'hidden';\n\tget('i378').style.backgroundColor = id == 'i377' ? 'red'     : 'gray';\n\tget('i381').style.visibility      = id == 'i381' ? 'visible' : 'hidden';\n\tget('i382').style.backgroundColor = id == 'i381' ? 'red'     : 'gray';\n\tget('i385').style.visibility      = id == 'i385' ? 'visible' : 'hidden';\n\tget('i386').style.backgroundColor = id == 'i385' ? 'red'     : 'gray';\n\tget('i389').style.visibility      = id == 'i389' ? 'visible' : 'hidden';\n\tget('i390').style.backgroundColor = id == 'i389' ? 'red'     : 'gray';\n\tget('i393').style.visibility      = id == 'i393' ? 'visible' : 'hidden';\n\tget('i394').style.backgroundColor = id == 'i393' ? 'red'     : 'gray';\n\tget('i397').style.visibility      = id == 'i397' ? 'visible' : 'hidden';\n\tget('i398').style.backgroundColor = id == 'i397' ? 'red'     : 'gray';\n\tget('i401').style.visibility      = id == 'i401' ? 'visible' : 'hidden';\n\tget('i402').style.backgroundColor = id == 'i401' ? 'red'     : 'gray';\n}\nshow_i348('i355');\nshow_i348_loader = function() { get('i353').src='\/i\/jpgqual\/chart-198ba73f117b7f35b92e671e7a0e90ce.png';\n get('i354').src = '\/i\/jpgqual\/JF7_033139-c1--lossless.png';\n get('i359').src='\/i\/jpgqual\/chart-902a66cf7aa7154cb970e766c70355c2.png';\n get('i360').src = '\/i\/jpgqual\/JF7_033139-c1--qual=008-015.png';\n get('i363').src='\/i\/jpgqual\/chart-850376838efced95bc36e8d644c9c11f.png';\n get('i364').src = '\/i\/jpgqual\/JF7_033139-c1--qual=016-023.png';\n get('i367').src='\/i\/jpgqual\/chart-6d9f565d25baa5cfb5c9e44a6280a7d4.png';\n get('i368').src = '\/i\/jpgqual\/JF7_033139-c1--qual=024-030.png';\n get('i371').src='\/i\/jpgqual\/chart-f4ea68ff1f8d6d0fbabd85d7e7296f82.png';\n get('i372').src = '\/i\/jpgqual\/JF7_033139-c1--qual=031-038.png';\n get('i375').src='\/i\/jpgqual\/chart-56d3463a5f5f47c528bea38d00fe19a6.png';\n get('i376').src = '\/i\/jpgqual\/JF7_033139-c1--qual=039-046.png';\n get('i379').src='\/i\/jpgqual\/chart-282304420bc2a3d202f247661ed01032.png';\n get('i380').src = '\/i\/jpgqual\/JF7_033139-c1--qual=047-053.png';\n get('i383').src='\/i\/jpgqual\/chart-6972ebd0a5e04605f6d854e8de342613.png';\n get('i384').src = '\/i\/jpgqual\/JF7_033139-c1--qual=054-061.png';\n get('i387').src='\/i\/jpgqual\/chart-9cbab4e92f184292791061a8494205c9.png';\n get('i388').src = '\/i\/jpgqual\/JF7_033139-c1--qual=062-069.png';\n get('i391').src='\/i\/jpgqual\/chart-b31aa8f9bbd617d2f6d35cdb13131a3e.png';\n get('i392').src = '\/i\/jpgqual\/JF7_033139-c1--qual=070-076.png';\n get('i395').src='\/i\/jpgqual\/chart-e6b346ce08aefe5a7e3641f524591d68.png';\n get('i396').src = '\/i\/jpgqual\/JF7_033139-c1--qual=077-084.png';\n get('i399').src='\/i\/jpgqual\/chart-f1bb74e4f2c69aae015c6cb774cc3332.png';\n get('i400').src = '\/i\/jpgqual\/JF7_033139-c1--qual=085-092.png';\n get('i403').src='\/i\/jpgqual\/chart-79936afec47ab9de155130ae139dc4db.png';\n get('i404').src = '\/i\/jpgqual\/JF7_033139-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n<div id='wood' class='ic newexample'><a name=\"033155\" href='\/i\/JF7_033155.jpg'\n><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/JF7_033155_sm.jpg\" width=\"690\" height=\"459\"\nalt=\"\"\nid=\"i033155\"\/><\/a>\n<br\/><span class=\"camera-info robots-nocontent\">Nikon D700 + Voigtl\u00e4nder 125mm f\/2.5 &mdash; <sup>1<\/sup><big>\/<\/big>320 sec, <span class='f'>f<\/span>\/8, ISO 5000 &mdash;\n<a href='\/imageinfo.cgi?url=http%3A%2F%2Fregex.info%2Fi%2FJF7_033155.jpg'>full exif &amp; map<\/a> &mdash; <a href='\/blog\/proximity\/i\/JF7_033155.jpg'>nearby photos<\/a><\/span>\n<br\/><span class='caption'>Old Wooden Siding<\/span>\n<br\/>Right next to the reed-shaded window of the second example photo\n<\/div>\n\n<div class='tool'>\n<form action='#' id='i175'><table align='center' class='tool' style='background-color:#404040' cellpadding='0' border='0' cellspacing='0'><tr><td><div style='position:relative'>\n<div id='i177'  ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i179\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i180\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i181' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/chart-ee905dd4668a819ef3f4f29c8cd60991.png\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"ichart_ee905dd4668a819ef3f4f29c8cd60991\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/JF7_033155-c1--qual=000-007.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i033155_c1_qual_000_007\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i183' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i185\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i186\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i187' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i189\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i190\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i191' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i193\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i194\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i195' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i197\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i198\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i199' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i201\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i202\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i203' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i205\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i206\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i207' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i209\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i210\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i211' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i213\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i214\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i215' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i217\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i218\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i219' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i221\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i222\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i223' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i225\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i226\"\nnoindex=\"1\"\/>\n<\/div>\n<div id='i227' class='under' ><img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/blank.gif\" width=\"150\" height=\"356\"\nalt=\"\"\nclass=\"raw\"\nid=\"i229\"\nnoindex=\"1\"\nstyle=\"margin-right:4px\"\/>\n<img loading=\"lazy\" decoding=\"async\" src=\"\/i\/jpgqual\/loading.png\" width=\"763\" height=\"356\"\nalt=\"\"\nid=\"i230\"\nnoindex=\"1\"\/>\n<\/div>\n<\/div><\/td><\/tr><tr><td align='center'><div style='position:relative'><table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i177\")'><td id='i178' class='bb'>&nbsp;<br\/><small>lossless<\/small><br\/>&nbsp;<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input checked=\"checked\" type='radio' name='cmp_id' value='i177'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i181\")'><td id='i182' class='bb'>0<br\/><small>&#65049;<\/small><br\/>7<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i181'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i183\")'><td id='i184' class='bb'>8<br\/><small>&#65049;<\/small><br\/>15<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i183'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i187\")'><td id='i188' class='bb'>16<br\/><small>&#65049;<\/small><br\/>23<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i187'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i191\")'><td id='i192' class='bb'>24<br\/><small>&#65049;<\/small><br\/>30<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i191'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i195\")'><td id='i196' class='bb'>31<br\/><small>&#65049;<\/small><br\/>38<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i195'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i199\")'><td id='i200' class='bb'>39<br\/><small>&#65049;<\/small><br\/>46<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i199'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i203\")'><td id='i204' class='bb'>47<br\/><small>&#65049;<\/small><br\/>53<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i203'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i207\")'><td id='i208' class='bb'>54<br\/><small>&#65049;<\/small><br\/>61<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i207'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i211\")'><td id='i212' class='bb'>62<br\/><small>&#65049;<\/small><br\/>69<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i211'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i215\")'><td id='i216' class='bb'>70<br\/><small>&#65049;<\/small><br\/>76<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i215'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i219\")'><td id='i220' class='bb'>77<br\/><small>&#65049;<\/small><br\/>84<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i219'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i223\")'><td id='i224' class='bb'>85<br\/><small>&#65049;<\/small><br\/>92<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i223'\/><\/td><\/tr>\n                          <\/table> <table border='0' cellpadding='5' class='b' style='display:inline-table'>\n                            <tr align='center' onmouseover='show_i174(\"i227\")'><td id='i228' class='bb'>93<br\/><small>&#65049;<\/small><br\/>100<\/td><\/tr>\n                            <tr align='center' onmouseover='show_i174(\"x\", true); return true'><td><input  type='radio' name='cmp_id' value='i227'\/><\/td><\/tr>\n                          <\/table><div style='position:absolute;height:13px; right:0; bottom:8px; width:100%; z-index:-1' id='i176'>&nbsp;<\/div>\n<\/div><\/td><\/tr>\n<\/table>\n<\/form><\/div>\n\n\n\n\n<script type='text\/javascript'>\n\/\/<![CDATA[\nvar show_i174_loader = null;\n               function show_i174(id, under)\n               {\n                  if (show_i174_loader) {\n                      show_i174_loader();\n                      show_i174_loader = null\n                  }\n                  if (under)\n                  {\n                      var ids = get('i175').elements.cmp_id;\n                      for (var i = 0; i < ids.length; ++i)\n                         if (ids[i].checked) {\n                            id = ids[i].value;\n                            if (i == 0 && get(id).style.visibility == 'hidden') {\n                                  var obj = get('i176');\n                                  obj.style.backgroundColor = '#F88';\n                                  obj.style.zIndex = 1;\n                                  setTimeout(function() {\n                                       obj.style.backgroundColor = 'transparent';\n                                       obj.style.zIndex = -1;\n                                       show_i174(id);\n                                  }, 100);\n                                  return;\n                            }\n                         }\n                  }\n               \tget('i177').style.visibility      = id == 'i177' ? 'visible' : 'hidden';\n\tget('i178').style.backgroundColor = id == 'i177' ? 'red'     : 'gray';\n\tget('i181').style.visibility      = id == 'i181' ? 'visible' : 'hidden';\n\tget('i182').style.backgroundColor = id == 'i181' ? 'red'     : 'gray';\n\tget('i183').style.visibility      = id == 'i183' ? 'visible' : 'hidden';\n\tget('i184').style.backgroundColor = id == 'i183' ? 'red'     : 'gray';\n\tget('i187').style.visibility      = id == 'i187' ? 'visible' : 'hidden';\n\tget('i188').style.backgroundColor = id == 'i187' ? 'red'     : 'gray';\n\tget('i191').style.visibility      = id == 'i191' ? 'visible' : 'hidden';\n\tget('i192').style.backgroundColor = id == 'i191' ? 'red'     : 'gray';\n\tget('i195').style.visibility      = id == 'i195' ? 'visible' : 'hidden';\n\tget('i196').style.backgroundColor = id == 'i195' ? 'red'     : 'gray';\n\tget('i199').style.visibility      = id == 'i199' ? 'visible' : 'hidden';\n\tget('i200').style.backgroundColor = id == 'i199' ? 'red'     : 'gray';\n\tget('i203').style.visibility      = id == 'i203' ? 'visible' : 'hidden';\n\tget('i204').style.backgroundColor = id == 'i203' ? 'red'     : 'gray';\n\tget('i207').style.visibility      = id == 'i207' ? 'visible' : 'hidden';\n\tget('i208').style.backgroundColor = id == 'i207' ? 'red'     : 'gray';\n\tget('i211').style.visibility      = id == 'i211' ? 'visible' : 'hidden';\n\tget('i212').style.backgroundColor = id == 'i211' ? 'red'     : 'gray';\n\tget('i215').style.visibility      = id == 'i215' ? 'visible' : 'hidden';\n\tget('i216').style.backgroundColor = id == 'i215' ? 'red'     : 'gray';\n\tget('i219').style.visibility      = id == 'i219' ? 'visible' : 'hidden';\n\tget('i220').style.backgroundColor = id == 'i219' ? 'red'     : 'gray';\n\tget('i223').style.visibility      = id == 'i223' ? 'visible' : 'hidden';\n\tget('i224').style.backgroundColor = id == 'i223' ? 'red'     : 'gray';\n\tget('i227').style.visibility      = id == 'i227' ? 'visible' : 'hidden';\n\tget('i228').style.backgroundColor = id == 'i227' ? 'red'     : 'gray';\n}\nshow_i174('i181');\nshow_i174_loader = function() { get('i179').src='\/i\/jpgqual\/chart-f458f926e6bae406839c9b7d61514ce7.png';\n get('i180').src = '\/i\/jpgqual\/JF7_033155-c1--lossless.png';\n get('i185').src='\/i\/jpgqual\/chart-5b2f709eaf54309e3116bec86ced65e1.png';\n get('i186').src = '\/i\/jpgqual\/JF7_033155-c1--qual=008-015.png';\n get('i189').src='\/i\/jpgqual\/chart-49b025e809bad4a30c574163c8189f9a.png';\n get('i190').src = '\/i\/jpgqual\/JF7_033155-c1--qual=016-023.png';\n get('i193').src='\/i\/jpgqual\/chart-7bcc4fe5ea55fadc2a1fb6aaa9b9d5d1.png';\n get('i194').src = '\/i\/jpgqual\/JF7_033155-c1--qual=024-030.png';\n get('i197').src='\/i\/jpgqual\/chart-20fceb8eded217ae118928d090e8edb4.png';\n get('i198').src = '\/i\/jpgqual\/JF7_033155-c1--qual=031-038.png';\n get('i201').src='\/i\/jpgqual\/chart-5ba2ef38f4919a65df11f2db3a55db81.png';\n get('i202').src = '\/i\/jpgqual\/JF7_033155-c1--qual=039-046.png';\n get('i205').src='\/i\/jpgqual\/chart-a629c464c39efc67250b10748a458f4c.png';\n get('i206').src = '\/i\/jpgqual\/JF7_033155-c1--qual=047-053.png';\n get('i209').src='\/i\/jpgqual\/chart-a4b8dc348c4080def502d2caf844d84d.png';\n get('i210').src = '\/i\/jpgqual\/JF7_033155-c1--qual=054-061.png';\n get('i213').src='\/i\/jpgqual\/chart-24c510a8d59c7639f69bb03e2cbcfb0b.png';\n get('i214').src = '\/i\/jpgqual\/JF7_033155-c1--qual=062-069.png';\n get('i217').src='\/i\/jpgqual\/chart-ce95d9e5b195a40a46afe61ad9edaef8.png';\n get('i218').src = '\/i\/jpgqual\/JF7_033155-c1--qual=070-076.png';\n get('i221').src='\/i\/jpgqual\/chart-be98895d2d3ebd0463ff1e2041ce8c91.png';\n get('i222').src = '\/i\/jpgqual\/JF7_033155-c1--qual=077-084.png';\n get('i225').src='\/i\/jpgqual\/chart-dec4dd04d0419f18dd2d9351e5e0bb7b.png';\n get('i226').src = '\/i\/jpgqual\/JF7_033155-c1--qual=085-092.png';\n get('i229').src='\/i\/jpgqual\/chart-355051649402d6e68f0c40758e274bc9.png';\n get('i230').src = '\/i\/jpgqual\/JF7_033155-c1--qual=093-100.png';\n };\n\n\/\/]]>\n<\/script>\n\n\n<p class='h' id='conclusions'>Conclusions<\/p>\n\n<p>First of all, you can't directly compare Lightroom's JPEG quality\nsettings with any other application. <span class='nobr'>The settings<\/span> may well map directly\nto Photoshop's save-as-JPEG\n\n  <span class='nobr'>0\u301c12<\/span>\n\nscale, and they may well partially map to Photoshop's &#8220;Save for the\nWeb&#8221; settings, but all bets are off when it comes to the JPEG quality\nsetting on non-Adobe applications. They're just totally unrelated to how\nAdobe does it. (<span class='nobr'>I should<\/span> make it clear that the difference is neither good\nnor bad; I've presented nothing here about how any other application\ncreates JPEGs, so there are no conclusions to draw about which might be\nbetter or worse than Lightroom; the important point is to recognize that\nthe scales, even if sharing the same\n\n  &#8220;<span class='nobr'>0\u301c100<\/span>&#8221;\n\nlabels, are <i>absolutely completely unrelated<\/i>.)<\/p>\n\n\n<p>The Lightroom default JPEG export quality of 75, falling in the\n\n  <span class='nobr'>70\u301c76<\/span>\n\nrange, seems to provide for as good <span class='nobr'>a visible<\/span> result as the highest quality\nsetting for all the samples except for the bridge, which seems to suffer at\nleast slight posterization banding at all levels, including even\n&#8220;lossless TIFF&#8221;. <span class='nobr'>The file size<\/span>, even at this relatively high\n\n  <span class='nobr'>70\u301c76<\/span>\n\nsetting, is still about <i>one third<\/i> that of the\n\n  <span class='nobr'>93\u301c100<\/span>\n\nsetting, so is well worth it in most situations. Those who blindly use the\nmaximum setting for their exports likely waste <span class='nobr'>a lot<\/span> of local disk space,\nupload bandwidth, and remote storage space. But conversely, those who\nblindly use some lesser setting risk posterization in the occasional photo\nwith an unlucky sky gradient.<\/p>\n\n<p><b>Overall, my recommendation is to understand the situation, allowing you to avoid acting blindly.<\/b><\/p>\n\n\n<p class='h' id='about'>About These Examples<\/p>\n\n<p>To produce these examples, I used <a href='\/blog\/lightroom-goodies\/export-quality-tester'><span class='nobr'>a plugin<\/span> for Adobe Lightroom<\/a> to\nexport each photo at Lightroom's 13 different JPEG quality settings, and\nalso as <span class='nobr'>a losslessly<\/span>-compressed TIFF, at <span class='nobr'>a reduced<\/span> size of 1518&times;1010\n(down from my Nikon D700's native raw resolution of\n\n   4256&times;2832),<sup id='footnote_source' style='position:relative;left:-10px;color:cyan'><a href='#footnote_dest'\n    style='color:cyan; text-decoration:none'>*<\/a><\/sup> with\n\nmedium screen sharpening and minimum embedded metadata. These are the\nversions used for the file-size graphs.<\/p>\n\n<p>These image files have some extra stuff added by Lightroom &mdash; <span class='nobr'>a few<\/span>\nmetadata items, an embedded thumbnail image, and an embedded sRGB color\nprofile &mdash; that is the same regardless of the quality setting, so one\nschool of thought would have me remove them before creating the file-size\ngraphs, to isolate just the quality-related differences among the files.\nHowever, <span class='nobr'>I thought<\/span> it best to leave them there to keep these examples\nrealistic, since since Lightroom will leave them there you export.<\/p>\n\n<p>The crops you actually see in this post were exported similarly,\nthen converted to losslessly-compressed PNG images for the presentation on\nthis web page.<\/p>\n\n<p>(Presenting the compressed JPEGs directly would have been problematic\nbecause <span class='nobr'>a common<\/span> browser, Firefox, does not handle display of JPEGs very\nwell, sometimes introducing horrible posterization that does not actually\nexist in the image.)<\/p>\n\n<p>This kind of reduced-size test is appropriate for many cases, but less\nso when you are considering exporting JPEGs for archive, or large JPEGs for\nprint. <span class='nobr'>To address<\/span> this area, I've created the same eight samples as above,\nbut without any image-size reduction, and without any additional export\nsharpening. This current web page is already <span class='nobr'>a bit<\/span> heavy, image wise, so\nI've placed the full-resolution images on <span class='nobr'>a separate<\/span> page,\n<a href='\/blog\/lightroom-goodies\/jpeg-quality\/full-res-examples' class='pt'>here<\/a>.<\/p>\n\n<p class='h' id='resources'>Additional Resources<\/p>\n\n<ul><li><p><b>JPEG Export Quality Tester plugin for Lightroom<\/b><\/p>\n\n<p>I created a plugin to quickly generate JPEG copies at all quality settings, my\n\n     <a href='\/blog\/lightroom-goodies\/export-quality-tester'><i>JPEG Export Quality Tester<\/i> Lightroom Plugin<\/a>. <span class='nobr'>You can use<\/span> it for your own testing. <span class='nobr'>It's one of<\/span> the 20+ wide-ranging Lightroom plugins I've published\n     on <a href='\/blog\/lightroom-goodies'>my Lightroom Goodies page<\/a>.\n\n<\/p><\/li>\n\n<li><p><b>Full-Resolution Examples<\/b><\/p>\n\n<p>As I wrote in <a href='#about'><i>About These Examples<\/i><\/a> above, <span class='nobr'>I have created<\/span>\nfull-native-resolution copies of all these tests. They are available here:\n<a href='\/blog\/lightroom-goodies\/jpeg-quality\/full-res-examples' class='pt'>Lightroom JPEG Export-Quality Settings, Full-Resolution Examples<\/a>.\n<\/p><\/li>\n\n<li><p><b>Lots of Lightroom Goodies<\/b><\/p>\n\n<p>I've got 20+ plugins for Lightroom, as well as other\nwriteups and tools, on my <a href='\/blog\/lightroom-goodies'>Lightroom Goodies<\/a> page.<\/p><\/li>\n\n<li><p><b>Other Digital-Image \/ Photography Tech Writeups<\/b><\/p>\n\n<p>All kinds of stuff at my <a href='\/blog\/photo-tech'>Photography Tech<\/a> page.<\/p><\/li>\n\n<\/ul>\n\n<p class='h' id='thanks'>Thanks<\/p>\n\n<p>Thanks to Adobe for making a wonderful photo-workflow program,\nMarc Liyanage for his <a href='http:\/\/www.entropy.ch\/software\/macosx\/coreimagetool\/'>CoreImageTool<\/a>\ncommand that allowed me to automate the post-Lightroom conversion to PNG for the 224 sample-crop images,\nGoogle for their very useful\n<a href='http:\/\/code.google.com\/apis\/chart\/docs\/gallery\/bar_charts.html'>Chart\nAPI<\/a> that generates and serves the filesize-graph images on the fly, and\nto the hundreds of people in my mail\/comment queue that <span class='nobr'>I have<\/span> not\nresponded to in the last few days, for your patience as <span class='nobr'>I yet<\/span> again let\nmyself get sucked into another damn-fool project of my own devise.<\/p>\n\n<table cellpadding='0' cellspacing='0' border='0' style='margin-top:60px'>\n  <tr valign='baseline'>\n    <td><sup id='footnote_dest'><a href='#footnote_source' style='font-size:150%;color:cyan; text-decoration:none'>*<\/a><\/sup><\/td>\n\n    <td class='subtle-less'>The bridge photo was actually <span class='nobr'>a bit<\/span> smaller than the others to\n    begin with because it required <span class='nobr'>a fair<\/span> amount of rotation to bring the\n    bridge towers to vertical; I'd taken the picture with one hand while\n    holding the camera out the window of the car, and was concentrating on\n    driving and on not dropping the camera more than on the finer details of\n    composition.<\/td>\n\n  <\/tr>\n<\/table>\n\n","protected":false},"excerpt":{"rendered":"<p>One of the first things a photographer learns about image formats is that JPEG image compression is \"lossy\", meaning that the smaller file produced by greater compression comes at the cost of lower image quality. How much lower -- whether low enough to \"matter\" -- depends on the situation. JPEG compression can be remarkably effective at reducing the size of the image, so despite the lowering costs of storage space and bandwidth, the reduced size is still very appealing: storing essentially the same image in one fifth the file size, for example, means uploading five times faster.<\/p> <p>The compression setting [...]","protected":false},"author":1,"featured_media":0,"parent":864,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages\/1561"}],"collection":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/comments?post=1561"}],"version-history":[{"count":0,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages\/1561\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/pages\/864"}],"wp:attachment":[{"href":"https:\/\/regex.info\/blog\/wp-json\/wp\/v2\/media?parent=1561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}