index.html 4.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta charset="utf-8">
  6. <title>waifu2x</title>
  7. <link rel="shortcut icon" href="favicon.ico"/>
  8. <link href="style.css" rel="stylesheet" type="text/css">
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  10. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
  11. <script type="text/javascript" src="ui.js"></script>
  12. </head>
  13. <body>
  14. <div class="allPage">
  15. <div class="mainTitle"><!--
  16. --><div class="mainTitle-text">waifu2x</div><!--
  17. --><a href="index.html" class="flagLink first"><img src="img/flags/US.png" class="chooseLang"></a><!--
  18. --><a href="index.ja.html" class="flagLink"><img src="img/flags/JP.png" class="chooseLang"></a><!--
  19. --><a href="index.ru.html" class="flagLink"><img src="img/flags/RU.png" class="chooseLang"></a><!--
  20. --></div>
  21. <p>Single-Image Super-Resolution for Anime-Style Art using Deep Convolutional Neural Networks. And it supports photo.</p>
  22. <p class="margin1 linksBox"><a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" class="blueLink" target="_blank">Show full demonstration</a> | <a href="https://github.com/nagadomi/waifu2x" class="blueLink" target="_blank">Go to GitHub</a></p>
  23. <img src="img/example2-zip.png" class="example">
  24. <div class="secondTitle">Convert image:</div>
  25. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  26. <div class="optionBox first">
  27. <div class="option-left">Image choosing:</div>
  28. <div class="option-right">
  29. <input type="text" id="url" name="url" placeholder="Type URL">
  30. <div class="option-right-small">Or choose a file: <input type="file" id="file" name="file"></div>
  31. </div>
  32. <div class="option-hint">Limits: Size: 3MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px.</div>
  33. </div>
  34. <div class="optionBox">
  35. <div class="option-left">Style:</div>
  36. <div class="option-right">
  37. <label><input type="radio" name="style" class="radio fisrt" value="art" checked><span class="r-text">Artwork</span></label>
  38. <label><input type="radio" name="style" class="radio" value="photo"><span class="r-text">Photo</span></label>
  39. </div>
  40. </div>
  41. <div class="optionBox">
  42. <div class="option-left">Noise Reduction:<div class="option-left-small">(expect JPEG artifact)</div></div>
  43. <div class="option-right">
  44. <label><input type="radio" name="noise" class="radio fisrt" value="0"><span class="r-text">None</span></label>
  45. <label><input type="radio" name="noise" class="radio" value="1" checked><span class="r-text">Medium</span></label>
  46. <label><input type="radio" name="noise" class="radio" value="2"><span class="r-text">High</span></label>
  47. <label><input type="radio" name="noise" class="radio" value="3"><span class="r-text">Super (tmp)</span></label>
  48. </div>
  49. <div class="option-hint">You need use noise reduction if image actually has noise or it may cause opposite effect.</div>
  50. </div>
  51. <div class="optionBox">
  52. <div class="option-left">Upscaling:<div class="option-left-small"></div></div>
  53. <div class="option-right">
  54. <label><input type="radio" name="scale" class="radio fisrt" value="0" checked><span class="r-text">None</span></label>
  55. <label><input type="radio" name="scale" class="radio" value="1"><span class="r-text">1.6x</span></label>
  56. <label><input type="radio" name="scale" class="radio" value="2"><span class="r-text">2x</span></label>
  57. </div>
  58. </div>
  59. <input type="submit" class="button" value="Convert">
  60. <input type="submit" name="download" value="Download" class="button">
  61. <div class="bottomHint">If you are using Firefox, Please press the CTRL+S key to save image. "Save Image" option doesn't work.</div>
  62. <!--<div class="bottomHint">This website uses Google Analytics to help us improve the website content.</div>-->
  63. </form>
  64. </div>
  65. <div class="bottomInfo">
  66. <a href="https://github.com/nagadomi/waifu2x" class="grayLink" target="_blank">waifu2x</a>
  67. </div>
  68. </body>
  69. </html>