CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Free Online Image Editor</title> <meta name="description" content="Create, Edit, Save, and Convert your images using this online image editor."> <meta name="keywords" content="free,online,image,editor,convert,edit,gif,jpg,jpeg,png,bmp,crop,resize"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <link rel="shortcut icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <link rel="icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google-site-verification" content="ZkllBXM0YaGbvtbUBWPeMrRH7sJOHSKErKPJ_bQA9zM" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="/bootsnipp-layout/bootsnipp.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script async src="//netdna.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>  <script> window.onload = function() { setTimeout(function() { var ad = document.querySelector("ins.adsbygoogle[data-ad-slot='5700240528']"); var promos = document.querySelectorAll(".e1oj"); for (var i = 0; i < promos.length; i++) { var promo = promos[i]; if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) { // ad.style.cssText = 'display:block !important'; ad.parentElement.style.cssText = 'display:none !important'; promo.innerHTML = '<center>\ <div class="e1oj2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h4 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-screenshot"></i> <a href="https://www.bidnapper.com/?refuser=danstools">Win More eBay Auctions</a></h4>\ Bid in the final seconds on eBay. Win more, save money, fast, and free.\ </div>\ </center>'; promo.style.maxWidth= ''; } else if (promo) { promo.innerHTML = '<center>\ <div class="e1oj2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h5 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-screenshot glyphicon glyphicon-screenshot"></i> <a href="https://www.bidnapper.com/?refuser=danstools">Win More eBay Auctions</a></h5>\ Bid in the final seconds on eBay. Win more, save money, fast, and free.\ </div>\ </center>'; var promotwo = document.querySelector(".e1oj2"); promotwo.style.width= ''; } } }, 1000); }; </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55581850-1', 'auto', {'allowLinker': true}); ga('require', 'linker'); ga('require', 'GTM-PKH6F4B'); ga('linker:autoLink', ['danstools.com','unixtimestamp.com','url-encode-decode.com','cssfontstack.com','hexcolortool.com','htaccessredirect.net','jspretty.com','jsmini.com','jsobfuscate.com','md5hashgenerator.com','regextester.com','cleancss.com','favicon-generator.org','website-performance.org','permissions-calculator.org','conversoes.org','convertissez.fr','convertitore.net','elconvertidor.com','files-conversion.com','henkan-muryo.com','konvertirung.org','konvertor.org','tahwil.net','zhuan-huan.com','bootsnipp.com'] ); ga('send', 'pageview'); </script> <script data-ad-client="ca-pub-8815422507798180" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> </head> <body> <nav class="navbar navbar-fixed-top navbar-bootsnipp animate" role="navigation" style="z-index: 9999999"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="animbrand"> <a style="padding-top:10px;" class="navbar-brand animate" href="https://www.favicon-generator.org/image-editor">Online Image Editor</a> <span class="text-muted" style="font-size:.75em; position:absolute; bottom:3px; left:30px">From <strong>Dan's Tools</strong></span> </div> </div>  <script> $(document).ready(function(){ $('.dropdown-submenu a.submenutest').on("click", function(e){ $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script> <style> .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu>li>a:hover { background-color: #F5F5F5; border-left-width: 5px; padding-left: 15px; } .dropdown-submenu>.dropdown-menu>li>a { border-left: 0 solid #5FB0E4; color: #787878; font-size: 16px; font-weight: 400; padding: 10px 20px; white-space: nowrap; } .dropdown-submenu .dropdown-menu { min-width: 220px; top: 0; left: 100%; margin-top: -1px; } </style>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Web Dev</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://bootsnipp.com" rel="nofollow">HTML/JS/CSS Playground</a></li><li><a href="http://www.hexcolortool.com" rel="nofollow">HTML Color Codes</a></li><li><a href="http://www.cssfontstack.com" rel="nofollow">CSS Fonts</a></li><li><a href="http://www.cleancss.com/diff-compare-merge" rel="nofollow">Online Diff Tool</a></li><li><a href="http://www.htaccessredirect.net" rel="nofollow">.htaccess Generator</a></li><li><a href="http://www.regextester.com" rel="nofollow">RegEx Testing</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB & HEX Color Explorer</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB to HEX Color Converter</a></li><li><a href="http://www.unixtimestamp.com" rel="nofollow">TimeStamp Converter</a></li><li><a href="http://website-performance.org" rel="nofollow">Website Speed Test</a></li><li><a href="http://www.favicon-generator.org" rel="nofollow">Favicon.ico & App Icon Generator</a></li><li><a href="http://www.favicon-generator.org/image-editor" rel="nofollow">Online Image Editor</a></li><li><a href="http://spritegen.website-performance.org" rel="nofollow">CSS Sprite Generator</a></li><li><a href="http://www.cleancss.com/keyword-tool" rel="nofollow">Keyword Tool</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Conversion</span> </a> <ul class="dropdown-menu" role="menu"> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Data</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/CSV-to-HTML" rel="nofollow">CSV To HTML Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-JSON" rel="nofollow">CSV To JSON Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-TSV" rel="nofollow">CSV To TSV Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-XML" rel="nofollow">CSV To XML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-CSV" rel="nofollow">JSON To CSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-HTML" rel="nofollow">JSON To HTML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-TSV" rel="nofollow">JSON To TSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-XML" rel="nofollow">JSON To XML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-CSV" rel="nofollow">XML To CSV Converter</a></li><li><a href="http://www.cleancss.com/XML-to-HTML" rel="nofollow">XML To HTML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-JSON" rel="nofollow">XML To JSON Converter</a></li><li><a href="http://www.cleancss.com/XML-to-TSV" rel="nofollow">XML To TSV Converter</a></li><li><a href="http://www.files-conversion.com" rel="nofollow">Convert Files</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Numbers</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-converter" rel="nofollow">Binary Converter</a></li><li><a href="http://www.cleancss.com/binary-to-decimal" rel="nofollow">Binary To Decimal Converter</a></li><li><a href="http://www.cleancss.com/binary-to-hex" rel="nofollow">Binary To Hex Converter</a></li><li><a href="http://www.cleancss.com/binary-to-octal" rel="nofollow">Binary To Octal Converter</a></li><li><a href="http://www.cleancss.com/convert-units" rel="nofollow">Unit Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-binary" rel="nofollow">Decimal To Binary Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-hex" rel="nofollow">Decimal To Hex Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-octal" rel="nofollow">Decimal To Octal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-binary" rel="nofollow">Hex To Binary Converter</a></li><li><a href="http://www.cleancss.com/hex-to-decimal" rel="nofollow">Hex To Decimal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-octal" rel="nofollow">Hex To Octal Converter</a></li><li><a href="http://www.cleancss.com/how-many-bytes" rel="nofollow">Data Size Converter</a></li><li><a href="http://www.cleancss.com/octal-to-binary" rel="nofollow">Octal To Binary Converter</a></li><li><a href="http://www.cleancss.com/octal-to-decimal" rel="nofollow">Octal To Decimal Converter</a></li><li><a href="http://www.cleancss.com/octal-to-hex" rel="nofollow">Octal To Hex Converter</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Strings</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-to-string" rel="nofollow">Binary To String Converter</a></li><li><a href="http://www.cleancss.com/hex-to-string" rel="nofollow">Hex To String Converter</a></li><li><a href="http://www.cleancss.com/html-escape" rel="nofollow">HTML Entities Escape</a></li><li><a href="http://www.cleancss.com/html-unescape" rel="nofollow">HTML Entities Unescape</a></li><li><a href="http://www.cleancss.com/string-to-binary" rel="nofollow">String To Binary Converter</a></li><li><a href="http://www.cleancss.com/string-to-hex" rel="nofollow">String To Hex Converter</a></li><li><a href="http://www.cleancss.com/strip-html" rel="nofollow">Strip and Remove HTML Tags</a></li><li><a href="http://www.cleancss.com/strip-xml" rel="nofollow">Strip and Remove XML Tags</a></li><li><a href="http://www.cleancss.com/word-counter" rel="nofollow">Word Counter</a></li><li><a href="http://www.cleancss.com/xml-escape" rel="nofollow">XML Entities Escape</a></li><li><a href="http://www.cleancss.com/xml-unescape" rel="nofollow">XML Entities Unescape</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Encode/Decoders</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/base64-decode" rel="nofollow">Base64 Decode</a></li><li><a href="http://www.cleancss.com/base64-encode" rel="nofollow">Base64 Encode</a></li><li><a href="http://www.md5hashgenerator.com" rel="nofollow">MD5 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha1-generator" rel="nofollow">SHA-1 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha256-hash-generator" rel="nofollow">SHA-256 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha512-hash-generator" rel="nofollow">SHA-512 Hash Generator</a></li><li><a href="http://www.url-encode-decode.com" rel="nofollow">URL Encode/Decode</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Formatters</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/css-beautify" rel="nofollow">CSS Formatter</a></li><li><a href="http://www.cleancss.com/go-beautify" rel="nofollow">GO Formatter</a></li><li><a href="http://www.cleancss.com/html-beautify" rel="nofollow">HTML Beautifier & Formatter</a></li><li><a href="http://www.cleancss.com/javascript-beautify" rel="nofollow">Javascript Formatter</a></li><li><a href="http://www.cleancss.com/javascript-obfuscate" rel="nofollow">Javascript Obfuscate</a></li><li><a href="http://www.cleancss.com/json-beautify" rel="nofollow">JSON Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/json-editor" rel="nofollow">JSON Editor</a></li><li><a href="http://www.cleancss.com/json-validator" rel="nofollow">JSON Validator</a></li><li><a href="http://www.cleancss.com/perl-beautify" rel="nofollow">Perl Formatter</a></li><li><a href="http://www.cleancss.com/php-beautify" rel="nofollow">PHP Formatter</a></li><li><a href="http://www.cleancss.com/python-beautify" rel="nofollow">Python Formatter</a></li><li><a href="http://www.cleancss.com/ruby-beautify" rel="nofollow">Ruby Formatter</a></li><li><a href="http://www.cleancss.com/sql-beautify" rel="nofollow">SQL Formatter</a></li><li><a href="http://www.cleancss.com/xml-beautify" rel="nofollow">XML Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/css-minify" rel="nofollow">CSS Minify</a></li><li><a href="http://www.cleancss.com/javascript-minify" rel="nofollow">Javascript Minify</a></li><li><a href="http://www.cleancss.com/json-minify" rel="nofollow">JSON Minify</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Internet</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/email-validator" rel="nofollow">Email Validator</a></li><li><a href="http://www.cleancss.com/is-it-up-or-down" rel="nofollow">Is It Up Or Down</a></li><li><a href="http://www.cleancss.com/router-default" rel="nofollow">Default Router Settings</a></li><li><a href="http://www.cleancss.com/user-manuals" rel="nofollow">User Manuals</a></li><li><a href="http://www.cleancss.com/what-is-my-ip" rel="nofollow">What is my IP</a></li> </ul> </li> <li><a data-toggle="modal" href="#JoinModal">Join</a></li><li><a data-toggle="modal" href="#LoginModal">Login</a></li> </ul> </div> </div>  </nav> <link rel="stylesheet" type="text/css" href="styles/styles.css" /> <style> html, body { height: 100%; } #main { height:100%; } #main .row { height: 100%; } #content { height:100%; } .col-sm-5 { height:100%; } .col-md-4 { height:100%; } .col-md-8 { height:100%; } .box { height:100%; } .box-content { height:100%; margin-top:90px; margin-bottom:74px;} #accordion { height:100%; padding-bottom:100px; } .form-control { height:20px; font-size:11px;} </style> <div class="box-content"> <div id="drop_zone"> <div style="margin-top:70px;"> <span style="font-size: 40px;">DROP</span> or <input type="file" onchange="upload_browse(this.files)" /> </div> </div> <div style="margin-top:40px;" id="canvas_container"> <div id="menu_left"> <div id="menu_left_container"> <noscript> Select object tool, Select area tool, Magic Wand Tool, Erase, Fill, Pick Color, Pencil, Draw line, Draw letters, Draw rectangle, Draw circle, Brush, Blur tool, Sharpen tool, Clone tool, Gradient </noscript> </div> <div style="clear:both;"></div> <div id="main_colour_container"> <input type="color" id="main_colour" value="" onchange="TOOLS.set_color(this);" /> <div style="display:none;" id="main_colour_alt" onclick="TOOLS.toggle_color_select();"></div> </div> <div style="margin-top:10px;padding:3px 0px 3px 3px;" class="block" id="all_colors"></div> <div class="block"> <input style="width:98%;border:1px solid #393939;" type="text" id="color_hex" value="#000000" onKeyUp="TOOLS.set_color_manual(this)" /><br /> <div id="main_colour_rgb"> Red: <input id="rgb_r" onKeyUp="TOOLS.set_color_rgb(this, 'r')" type="text" value="255" /><br /> Green: <input id="rgb_g" onKeyUp="TOOLS.set_color_rgb(this, 'g')" type="text" value="255" /><br /> Blue: <input id="rgb_b" onKeyUp="TOOLS.set_color_rgb(this, 'b')" type="text" value="255" /><br /> Alpha: <input id="rgb_a" onKeyUp="TOOLS.set_color_rgb(this, 'a')" type="text" value="255" /> </div> </div> <div class="block" id="info"></div> <div class="block" id="action_attributes"></div> </div> <div id="layers_container"> <div id="preview"> <canvas id="canvas_preview"></canvas> <div style="font-size:70%;margin-top:105px;padding-left:5px;"> <input onclick="DRAW.zoom(-1);" style="width:30px;" class="layer_add" type="button" value="-" /> <input onclick="DRAW.zoom(+1);" style="width:30px;" class="layer_add" type="button" value="+" /> <b>Zoom: </b><span id="zoom_nr">100</span>% <br /> <input style="width:95%;" id="zoom_range" type="range" value="100" min="50" max="1000" step="50" oninput="DRAW.zoom(this.value);" /> </div> </div> <div style="font-size:70%;" id="layers_base"> <b>Layers</b> <a style="color:black;" title="Add new layer" class="layer_add" onclick="LAYER.layer_add();return false;" href="#">+</a> <a title="Move down" onclick="LAYER.move_layer('down');return false;" class="layers_arrow" href="#">↓</a> <a title="Move up" onclick="LAYER.move_layer('up');return false;" class="layers_arrow" href="#">↑</a> <a title="Set opacity" onclick="LAYER.set_alpha();return false;" class="layers_arrow" href="#">A</a> <div style="margin-top:5px;" id="layers"></div> </div> </div> <div id="canvas_layers"> <canvas id="canvas_back"><div class="error">Your browser doesn't support canvas.</div></canvas> <canvas id="Background"></canvas> <div id="canvas_more"></div> <canvas id="canvas_front"></canvas> <canvas style="display:none;pointer-events:none;" id="canvas_grid"></canvas> </div> <div id="resize-w"></div> <div id="resize-h"></div> <div id="resize-wh"></div> </div> <div style="margin-top:50px;" id="main_menu" class="ddsmoothmenu"> <ul> <li> <a href="#">File</a> <ul> <li><a onclick="MENU.do_menu(['file_new']);" href="#">New</a></li> <li><a onclick="MENU.do_menu(['file_open']);" href="#">Open...</a></li> <li><a onclick="MENU.do_menu(['file_save']);" href="#">Save as...</a></li> <li><a onclick="MENU.do_menu(['file_print']);" href="#">Print...</a></li> </ul> </li> <li> <a href="#">Edit</a> <ul> <li><a onclick="MENU.do_menu(['edit_undo']);" href="#">Undo</a></li> <li><div class="mid-line"></div></li> <li><a onclick="MENU.do_menu(['edit_cut']);" href="#">Cut selection</a></li> <li><a onclick="MENU.do_menu(['edit_copy']);" href="#">Copy selection</a></li> <li><a onclick="MENU.do_menu(['edit_paste']);" href="#">Paste selection</a></li> <li><div class="mid-line"></div></li> <li><a onclick="MENU.do_menu(['edit_select']);" href="#">Select All</a></li> <li><a onclick="MENU.do_menu(['edit_clear']);" href="#">Clear selection</a></li> </ul> </li> <li> <a href="#">Image</a> <ul> <li><a onclick="MENU.do_menu(['image_information']);" href="#">Information...</a></li> <li><a onclick="MENU.do_menu(['image_size']);" href="#">Size...</a></li> <li><a onclick="MENU.do_menu(['image_trim']);" href="#">Trim</a> <li><a onclick="MENU.do_menu(['image_crop']);" href="#">Crop Selection</a> <li><div class="mid-line"></div></li> <li><a onclick="MENU.do_menu(['image_resize']);" href="#">Resize...</a></li> <li> <a href="#">Rotate</a> <ul> <li><a onclick="MENU.do_menu(['image_rotate_left']);" href="#">Left</a></li> <li><a onclick="MENU.do_menu(['image_rotate_right']);" href="#">Right</a></li> <li><a onclick="MENU.do_menu(['image_rotate']);" href="#">Rotation...</a></li> </ul> </li> <li> <a href="#">Flip</a> <ul> <li><a onclick="MENU.do_menu(['image_vflip']);" href="#">Vertical</a></li> <li><a onclick="MENU.do_menu(['image_hflip']);" href="#">Horizontal</a></li> </ul> </li> <li><div class="mid-line"></div></li> <li><a onclick="MENU.do_menu(['image_colors']);" href="#">Color corrections...</a></li> <li><a onclick="MENU.do_menu(['image_auto_adjust']);" href="#">Auto adjust colors</a></li> <li><a onclick="MENU.do_menu(['image_GrayScale']);" href="#">GrayScale</a> <li><a onclick="MENU.do_menu(['image_decrease_colors']);" href="#">Decrease color depth...</a></li> <li><a onclick="MENU.do_menu(['image_negative']);" href="#">Negative</a></li> <li><a onclick="MENU.do_menu(['image_grid']);" href="#">Grid...</a></li> <li><div class="mid-line"></div></li> <li><a onclick="MENU.do_menu(['image_histogram']);" href="#">Histogram...</a></li> </ul> </li> <li> <a href="#">Layer</a> <ul> <li><a onclick="MENU.do_menu(['layer_new']);" href="#">New</a></li> <li><a onclick="MENU.do_menu(['layer_dublicate']);" href="#">Dublicate</a></li> <li><a onclick="MENU.do_menu(['layer_show_hide']);" href="#">Show / Hide</a></li> <li><a onclick="MENU.do_menu(['layer_crop']);" href="#">Crop Selection</a> <li><a onclick="MENU.do_menu(['layer_delete']);" href="#">Delete</a></li> <li><div class="mid-line"></div></li> <li> <a href="#">Move</a> <ul> <li><a onclick="MENU.do_menu(['layer_move_up']);" href="#">Up</a></li> <li><a onclick="MENU.do_menu(['layer_move_down']);" href="#">Down</a></li> </ul> </li> <li><a onclick="MENU.do_menu(['layer_opacity']);" href="#">Opacity...</a></li> <li><div class="mid-line"></div></li> <li><a onclick="MENU.do_menu(['layer_trim']);" href="#">Trim</a></li> <li><a onclick="MENU.do_menu(['layer_resize']);" href="#">Resize...</a></li> <li><a onclick="MENU.do_menu(['layer_clear']);" href="#">Clear</a></li> <li><div class="mid-line"></div></li> <li><a onclick="MENU.do_menu(['layer_differences']);" href="#">Differences Down</a></li> <li><a onclick="MENU.do_menu(['layer_merge_down']);" href="#">Merge Down...</a></li> <li><a onclick="MENU.do_menu(['layer_flatten']);" href="#">Flatten Image</a></li> </ul> </li> <li> <a href="#">Effects</a> <ul id="effects_list"> <li><a onclick="MENU.do_menu(['effects_bw']);" href="#">Black and White...</a> <li> <a href="#">Blur</a> <ul> <li><a onclick="MENU.do_menu(['effects_BoxBlur']);" href="#">Blur-Box...</a> <li><a onclick="MENU.do_menu(['effects_GaussianBlur']);" href="#">Blur-Gaussian...</a> <li><a onclick="MENU.do_menu(['effects_StackBlur']);" href="#">Blur-Stack...</a> <li><a onclick="MENU.do_menu(['effects_zoomblur']);" href="#">Blur-Zoom...</a> </ul> </li> <li><a onclick="MENU.do_menu(['effects_bulge_pinch']);" href="#">Bulge/Pinch...</a> <li><a onclick="MENU.do_menu(['effects_colorize']);" href="#">Colorize...</a></li> <li><a onclick="MENU.do_menu(['effects_denoise']);" href="#">Denoise...</a> <li><a onclick="MENU.do_menu(['effects_Desaturate']);" href="#">Desaturate...</a> <li><a onclick="MENU.do_menu(['effects_Dither']);" href="#">Dither...</a> <li><a onclick="MENU.do_menu(['effects_dot_screen']);" href="#">Dot Screen...</a> <li><a onclick="MENU.do_menu(['effects_Edge']);" href="#">Edge...</a> <li><a onclick="MENU.do_menu(['effects_Emboss']);" href="#">Emboss...</a> <li><a onclick="MENU.do_menu(['effects_Enrich']);" href="#">Enrich...</a> <li><a onclick="MENU.do_menu(['effects_Gamma']);" href="#">Gamma...</a> <li><a onclick="MENU.do_menu(['effects_heatmap']);" href="#">Heatmap...</a> <li><a onclick="MENU.do_menu(['effects_HSLAdjustment']);" href="#">HSL Adjustment...</a> <li><a onclick="MENU.do_menu(['effects_jpg_vintage']);" href="#">JPG Compression...</a></li> <li><a onclick="MENU.do_menu(['effects_Mosaic']);" href="#">Mosaic...</a> <li><a onclick="MENU.do_menu(['effects_Oil']);" href="#">Oil...</a> <li><a onclick="MENU.do_menu(['effects_perspective']);" href="#">Perspective...</a> <li><a onclick="MENU.do_menu(['effects_Posterize']);" href="#">Posterize...</a> <li><a onclick="MENU.do_menu(['effects_Sepia']);" href="#">Sepia...</a> <li><a onclick="MENU.do_menu(['effects_Sharpen']);" href="#">Sharpen...</a> <li><a onclick="MENU.do_menu(['effects_Solarize']);" href="#">Solarize...</a> <li><a onclick="MENU.do_menu(['effects_tilt_shift']);" href="#">Tilt Shift...</a> <li><a onclick="MENU.do_menu(['effects_vignette']);" href="#">Vignette...</a> <li><a onclick="MENU.do_menu(['effects_vintage']);" href="#">Vintage...</a> </ul> </li> <li> <a href="#">Tools</a> <ul> <li><a onclick="MENU.do_menu(['tools_borders']);" href="#">Borders...</a></li> <li><a onclick="MENU.do_menu(['tools_sprites']);" href="#">Sprites...</a></li> <li><a onclick="MENU.do_menu(['tools_keypoints']);" href="#">Keypoints</a></li> <li><a onclick="MENU.do_menu(['tools_color2alpha']);" href="#">Color to Alpha...</a></li> <li><a onclick="MENU.do_menu(['tools_color_zoom']);" href="#">Color Zoom...</a></li> <li><a onclick="MENU.do_menu(['tools_restore_alpha']);" href="#">Restore alpha...</a></li> </ul> </li> <li> <a href="#">Help</a> <ul> <li><a onclick="MENU.do_menu(['help_shortcuts']);" href="#">Keyboard Shortcuts...</a></li> </ul> </li> </ul> </div> </div> <progress id="uploadprogress" min="0" max="100" value="0">0</progress> <div style="display:none;" id="tmp"></div> <div id="popup"></div> <script src="libs/menu.js"></script> <script src="libs/imagefilters.js"></script> <script src="libs/glfx.js"></script> <script src="libs/exif.js"></script> <script src="libs/exif-binaryajax.js"></script> <script src="libs/harmony.js"></script> <script src="libs/vintage.js"></script> <script src="libs/kdtree.js"></script> <script src="libs/sift.js"></script> <script src="js/helpers.js"></script> <script src="js/popup.js"></script> <script src="js/controlls.js"></script> <script src="js/tools.js"></script> <script src="js/draw.js"></script> <script src="js/layers.js"></script> <script src="js/menu_actions.js"></script> <script src="js/settings.js"></script> <script src="js/main.js"></script>  <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Login</h1> </div> <div class="modal-body"> <p> If you don't already have an account, <a data-toggle="modal" href="#JoinModal">Register Now</a> </p> <form method="POST" action="/login.php"> <input class="form-control" type="text" name="username" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Login"> </form> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="JoinModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Join</h1> </div> <div class="modal-body"> <p> Join to access discussion forums and premium features of the site. </p> <form method="POST" action="/join.php"> <input class="form-control" type="text" name="email" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Join Now"> </form> <br /> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="ShareModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Please Share!</h1> </div> <div class="modal-body">  <strong><span id="sharetxt">Thank you for using my tool. If you could share this tool with your friends, that would be a huge help:</span></strong> <br /> <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en" data-count="horizontal" data-url="http://www.favicon-generator.org/image-editor">Tweet</a> <br /> <a href="//www.reddit.com/submit" onclick="window.location = '//www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="//www.redditstatic.com/spreddit7.gif" alt="submit to reddit" border="0" /> </a> <p /> <br/> <strong>Or follow us to learn about our latest tools:</strong> <br /> <a href="https://twitter.com/danstools00" class="twitter-follow-button" data-show-count="false">Follow @danstools00</a> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <script async src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script async src="/js/ads.js"></script> </body> </html>