index.html 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="canonical" href="http://waifu2x.udp.jp/">
  6. <title>waifu2x</title>
  7. <style type="text/css">
  8. body {
  9. margin: 1em 2em 1em 2em;
  10. background: LightGray;
  11. width: 640px;
  12. }
  13. fieldset {
  14. margin-top: 1em;
  15. margin-bottom: 1em;
  16. }
  17. .about {
  18. font-size: 0.8em;
  19. margin: 1em 0 1em 0;
  20. }
  21. .help {
  22. font-size: 0.8em;
  23. margin: 1em 0 1em 0;
  24. }
  25. </style>
  26. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  27. <script type="text/javascript">
  28. function clear_file() {
  29. var new_file = $("#file").clone();
  30. new_file.change(clear_url);
  31. $("#file").replaceWith(new_file);
  32. }
  33. function clear_url() {
  34. $("#url").val("")
  35. }
  36. $(function (){
  37. $("#url").change(clear_file);
  38. $("#file").change(clear_url);
  39. })
  40. </script>
  41. </head>
  42. <body>
  43. <h1>waifu2x</h1>
  44. <div class="header">
  45. <a href="https://github.com/nagadomi/waifu2x">
  46. <img style="position: absolute; top: 0; left: 540px; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png">
  47. </a>
  48. <a href="index.ja.html">ja</a>/<a href="index.html">en</a>
  49. </div>
  50. <div class="about">
  51. <div>Single-Image Super-Resolution for anime/fan-art using Deep Convolutional Neural Networks.</div>
  52. <div><a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" target="_blank">about</a>.</div>
  53. </div>
  54. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  55. <fieldset>
  56. <legend>Image</legend>
  57. <div>
  58. URL: <input id="url" type="text" name="url" style="width:400px"> or
  59. </div>
  60. <div>
  61. FILE: <input id="file" type="file" name="file">
  62. </div>
  63. <div class="help">
  64. Limits: Size: 2MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px
  65. </div>
  66. </fieldset>
  67. <fieldset>
  68. <legend>Noise Reduction (expect JPEG Artifact)</legend>
  69. <label><input type="radio" name="noise" value="0"> None</label>
  70. <label><input type="radio" name="noise" value="1" checked="checked"> Low</label>
  71. <label><input type="radio" name="noise" value="2"> High</label>
  72. </fieldset>
  73. <fieldset>
  74. <legend>Upscaling</legend>
  75. <label><input type="radio" name="scale" value="0" checked="checked"> None</label>
  76. <label><input type="radio" name="scale" value="1"> 1.6x</label>
  77. <label><input type="radio" name="scale" value="2"> 2x</label>
  78. </fieldset>
  79. <input type="submit"/>
  80. </form>
  81. </body>
  82. </html>