{
  "schemaVersion": 2,
  "hash": "7e1d74162d19ef17900a6f3c325d66a1b9f8c13ba990aebfa5f6d816ebc98ba9",
  "purpose": "html-region",
  "page": "/en/zvysene-vnimani-rozdilu-svetlosti/",
  "sourceLang": "CS",
  "targetLang": "EN-US",
  "glossaryRevision": "none",
  "deepl": {
    "tagHandling": "html",
    "tagHandlingVersion": "v2",
    "splitSentences": "nonewlines",
    "preserveFormatting": true
  },
  "selectorPolicyRevision": 2,
  "sourceFragment": " <div class=\"post-header\">  <h1 class=\"post-title\">Zvýšené vnímání rozdílů světlosti</h1> <p class=\"post-meta\"> October 2020 </p> </div> <div class=\"post-body\"> <p>Co kdyby byly naše oči schopné vnímat i nepatrné rozdíly ve světlosti? Jak jiný by díky tomu byl náš pohled na svět? Lze to nějak vizualizovat? Ano, myslím si, že lze. Pokusím se nyní popsat, jakým zůpsobem toho lze docílit.<br>\nPodívejme se tedy na to, jak vnímá lidské oko černobílou fotografii.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-1.jpg\" alt=\"\"> </a>  </figure>\n<p>Lze tedy říci, že místa, která jsou nejtmavší, vnímáme černě, a místa, která jsou nejsvětlejší vnímáme bíle. Všechno mezi tím jsou různé stupně šedi. Toto spektrum lze zobrazit následovně:</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-2.jpg\" alt=\"\"> </a>  </figure>\n<p>Protože naše oči nejsou dost dobré ve vnímání malých rozdílů dvou odstínů šedé, rozhodl jsem se do tohoto přechodu přidat jako mezistupně celé barevné spektrum. Následný přechod pak vypadá takto:</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-3.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-3.jpg\" alt=\"\"> </a>  </figure>\n<p>Černé stále zůstanou černé, bílé stále bílé, ale šedý přechod mezi nimi je nyní obohacen o barvy. Níže je uvedena ukázka toho, jak by vypadá fotografie medvěda po aplikaci tohoto nového přechodu.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-4.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-4.jpg\" alt=\"\"> </a>  </figure>\n<p>Na fotografii jsou vidět detaily, které by nám na normální černobílé fotografii unikaly. Dále jsem s tímto přechodem zkoušel experimentovat na analogových fotografiích (viz níže). Vždy je u nich pro srovnání uvedena nejdříve originální černobílá fotografie.</p>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-5.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-5.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-6.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-6.jpg\" alt=\"\"> </a>   </div> </div>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-7.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-7.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-8.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-8.jpg\" alt=\"\"> </a>   </div> </div>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-9.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-9.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-10.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-10.jpg\" alt=\"\"> </a>   </div> </div>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-11.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-11.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-12.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-12.jpg\" alt=\"\"> </a>   </div> </div>\n<p>Zajímalo mě, zda by tento přechod šel použít při kresbě pro lepší přesnost stínování. A právě proto ho vyzkoušel na mé starší kresbě:</p>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-13.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-13.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-14.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-14.jpg\" alt=\"\"> </a>   </div> </div>\n<p>Rozhodl jsem se tento přechod dále zkoušet na optických iluzích, které jsou založeny na nedokonalém vnímání rozdílu světlostí. Zde je jeden příklad takové iluze:</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-15.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-15.jpg\" alt=\"\"> </a>  </figure>\n<p>Přesně jak lze očekávat, oba čtverce jsou identické. Přesto jeden vypadá při pohledu lidským okem světlejší. Pokud na iluzi výše aplikuji tento přechod, bude daleko zřejmější, že mají čtverce stejný odstín. Iluze je tím narušena a přestává být iluzí.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-16.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-16.jpg\" alt=\"\"> </a>  </figure>\n<p>Další obdobnou iluzí je <a href=\"https://en.wikipedia.org/wiki/Checker_shadow_illusion\">Checker shadow illusion</a>. Princip je stejný, plochy A a B jsou identického odstínu, přestože to tak nevypadá. Když na ní aplikujeme přechod, je to teprve očividné.</p>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-17.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-17.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-18.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-18.jpg\" alt=\"\"> </a>   </div> </div> </div> ",
  "translatedFragment": " <div class=\"post-header\">  <h1 class=\"post-title\">Enhanced Perception of Luminance Differences</h1> <p class=\"post-meta\"> October 2020 </p> </div> <div class=\"post-body\"> <p>\nWhat if our eyes were capable of perceiving even subtle differences in brightness? How different would our view of the world be as a result? Is there a way to visualize this? Yes, I think there is. I will now try to describe how this can be achieved.<br>\nSo let’s look at how the human eye perceives a black-and-white photograph.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-1.jpg\" alt=\"\"> </a>  </figure>\n<p>We can say that we perceive the darkest areas as black and the lightest areas as white. Everything in between consists of various shades of gray. This spectrum can be represented as follows:</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-2.jpg\" alt=\"\"> </a>  </figure>\n<p>Because our eyes aren’t good enough at perceiving small differences between two shades of gray, I decided to add the entire color spectrum as intermediate steps to this gradient. The resulting gradient then looks like this:</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-3.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-3.jpg\" alt=\"\"> </a>  </figure>\n<p>Black remains black, white remains white, but the gray transition between them is now enriched with colors. Below is an example of what a photo of a bear would look like after applying this new gradient.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-4.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-4.jpg\" alt=\"\"> </a>  </figure>\n<p>The photo reveals details that would be lost in a normal black-and-white photo. I also experimented with this gradient on analog photos (see below). For comparison, the original black-and-white photo is always shown first.</p>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-5.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-5.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-6.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-6.jpg\" alt=\"\"> </a>   </div> </div>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-7.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-7.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-8.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-8.jpg\" alt=\"\"> </a>   </div> </div>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-9.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-9.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-10.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-10.jpg\" alt=\"\"> </a>   </div> </div>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-11.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-11.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-12.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-12.jpg\" alt=\"\"> </a>   </div> </div>\n<p>I was curious whether this gradient could be used in drawing to improve the accuracy of shading. That’s why I tested it on one of my older drawings:</p>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-13.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-13.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-14.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-14.jpg\" alt=\"\"> </a>   </div> </div>\n<p>I decided to further test this gradient on optical illusions based on the imperfect perception of differences in brightness. Here is one example of such an illusion:</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-15.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-15.jpg\" alt=\"\"> </a>  </figure>\n<p>Just as you’d expect, both squares are identical. Yet one appears lighter to the human eye. If I apply this gradient to the illusion above, it will become much clearer that the squares are the same shade. The illusion is thus disrupted and ceases to be an illusion.</p>\n<figure class=\"figure figure--full figure--center \"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-16.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-16.jpg\" alt=\"\"> </a>  </figure>\n<p>Another similar illusion is <a href=\"https://en.wikipedia.org/wiki/Checker_shadow_illusion\">the Checker shadow illusion</a>. The principle is the same: areas A and B are the same shade, even though it doesn’t look that way. When we apply the gradient to it, this becomes obvious.</p>\n<div class=\"media-row \"> <div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-17.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-17.jpg\" alt=\"\"> </a>   </div><div class=\"media-row__item\"> <a href=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-18.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/images/zvysene-vnimani-rozdilu-svetlosti-obr-18.jpg\" alt=\"\"> </a>   </div> </div> </div> ",
  "createdAt": "2026-05-07T18:32:56.241Z"
}
