Resources/Phash.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1196" height="386" viewBox="-0.5 -0.5 1196 386" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-07-20T15:31:16.314Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36&quot; etag=&quot;5CaKc38DEAZFeOx-MpXu&quot; version=&quot;20.1.3&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;uqU3phiP-jQxW45N3vcn&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs><filter id="dropShadow"><feGaussianBlur in="SourceAlpha" stdDeviation="1.7" result="blur"/><feOffset in="blur" dx="3" dy="3" result="offsetBlur"/><feFlood flood-color="#3D4574" flood-opacity="0.4" result="offsetColor"/><feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"/><feBlend in="SourceGraphic" in2="offsetBlur"/></filter></defs><g filter="url(#dropShadow)"><rect x="0" y="0" width="312" height="375" rx="46.8" ry="46.8" fill="#000000" stroke="#000000" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="0" y="0" width="312" height="375" rx="46.8" ry="46.8" fill="#333333" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 158 129 Q 158 129 158 168.76" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 150.5 154.88 L 158 169.88 L 165.5 154.88" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="all"/><rect x="88" y="179" width="140" height="54" rx="8.1" ry="8.1" fill="#647687" stroke="#314354" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 206px; margin-left: 89px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 13px;">Convert to Grayscale</font></div></div></div></foreignObject><text x="158" y="210" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Convert to Grayscale</text></switch></g><rect x="98" y="69" width="120" height="60" rx="9" ry="9" fill="#d80073" stroke="#a50040" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 99px; margin-left: 99px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 13px;">Test image</font></div></div></div></foreignObject><text x="158" y="103" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Test image</text></switch></g><rect x="80" y="278" width="159" height="64" rx="9.6" ry="9.6" fill="#60a917" stroke="#2d7600" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 157px; height: 1px; padding-top: 310px; margin-left: 81px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Reduce Size to <br />32x32 pixels<br /></div></div></div></foreignObject><text x="160" y="314" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Reduce Size to...</text></switch></g><rect x="27" y="16" width="264" height="42" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 262px; height: 1px; padding-top: 37px; margin-left: 28px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 20px;">Image Preprocessing</font></div></div></div></foreignObject><text x="159" y="41" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">Image Preprocessing</text></switch></g><path d="M 158 233 Q 158 233 158 267.76" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 150.5 253.88 L 158 268.88 L 165.5 253.88" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="all"/><rect x="874" y="0" width="312" height="375" rx="46.8" ry="46.8" fill="#000000" stroke="#000000" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="874" y="0" width="312" height="375" rx="46.8" ry="46.8" fill="#333333" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 327.47 205.5 L 327.53 195.5 L 398.53 195.87 L 398.6 181.73 L 423.5 201 L 398.4 220 L 398.47 205.87 Z" fill="#1ba1e2" stroke="#006eaf" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><rect x="899" y="60" width="272" height="125" rx="18.75" ry="18.75" fill="#d80073" stroke="#a50040" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 270px; height: 1px; padding-top: 123px; margin-left: 900px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 15px;">Find mean of DCT values leaving 1st value and assign bits 1 or 0 based on P[x] &gt; mean </font></div></div></div></foreignObject><text x="1035" y="129" fill="#ffffff" font-family="Helvetica" font-size="20px" text-anchor="middle">Find mean of DCT values lea...</text></switch></g><rect x="894" y="11" width="264" height="42" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 262px; height: 1px; padding-top: 32px; margin-left: 895px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span style="font-size: 20px;">Computing Hash</span></div></div></div></foreignObject><text x="1026" y="36" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">Computing Hash</text></switch></g><rect x="954" y="233" width="158" height="70" rx="10.5" ry="10.5" fill="#60a917" stroke="#2d7600" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 156px; height: 1px; padding-top: 268px; margin-left: 955px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 14px;">Calculate Hash of generated image</font></div></div></div></foreignObject><text x="1033" y="272" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Calculate Hash of generate...</text></switch></g><path d="M 1035 185 Q 1035 185 1034.09 222.76" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1026.93 208.71 L 1034.06 223.88 L 1041.92 209.07" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="all"/><rect x="433" y="0" width="312" height="375" rx="46.8" ry="46.8" fill="#000000" stroke="#000000" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="433" y="0" width="312" height="375" rx="46.8" ry="46.8" fill="#333333" stroke="rgb(0, 0, 0)" pointer-events="all"/><path d="M 591 144 Q 591 144 591 183.76" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 583.5 169.88 L 591 184.88 L 598.5 169.88" fill="none" stroke="#ffffff" stroke-miterlimit="10" pointer-events="all"/><rect x="469" y="194" width="244" height="118" rx="17.7" ry="17.7" fill="#647687" stroke="#314354" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 242px; height: 1px; padding-top: 253px; margin-left: 470px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px;">Keep only top-left values <br />.i.e 8x8 image</font></div></div></div></foreignObject><text x="591" y="257" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Keep only top-left values...</text></switch></g><rect x="472" y="87" width="238" height="54" rx="8.1" ry="8.1" fill="#d80073" stroke="#a50040" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 236px; height: 1px; padding-top: 114px; margin-left: 473px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 15px;">Compute DCT of 32x32 image</font></div></div></div></foreignObject><text x="591" y="118" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Compute DCT of 32x32 image</text></switch></g><rect x="460" y="16" width="264" height="42" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 262px; height: 1px; padding-top: 37px; margin-left: 461px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 20px;">DCT (Discrete Cosine Transform)</font></div></div></div></foreignObject><text x="592" y="41" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">DCT (Discrete Cosine Transform)</text></switch></g><path d="M 760.47 205.5 L 760.53 195.5 L 831.53 195.87 L 831.6 181.73 L 856.5 201 L 831.4 220 L 831.47 205.87 Z" fill="#1ba1e2" stroke="#006eaf" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>