index.ja.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="ja">
  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. position: relative;
  19. display: inline-block;
  20. font-size: 0.8em;
  21. padding: 1em 5px 0.2em 0;
  22. }
  23. .help {
  24. font-size: 0.8em;
  25. margin: 1em 0 0 0;
  26. }
  27. </style>
  28. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  29. <script type="text/javascript">
  30. function clear_file() {
  31. var new_file = $("#file").clone();
  32. new_file.change(clear_url);
  33. $("#file").replaceWith(new_file);
  34. }
  35. function clear_url() {
  36. $("#url").val("")
  37. }
  38. $(function (){
  39. $("#url").change(clear_file);
  40. $("#file").change(clear_url);
  41. })
  42. </script>
  43. </head>
  44. <body>
  45. <h1>waifu2x</h1>
  46. <div class="header">
  47. <div style="position:absolute; display:block; top:0; left:540px; max-height:140px;">
  48. <img style="position:absolute; display:block; left:0; top:0; width:149px; height:149px; 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">
  49. <a href="https://github.com/nagadomi/waifu2x" target="_blank" style="position:absolute; display:block; left:0; top:0; width:149px; height:130px;"></a>
  50. </div>
  51. <a href="index.html">en</a>/<a href="index.ja.html">ja</a>/<a href="index.ru.html">ru</a>
  52. </div>
  53. <div class="about">
  54. <div>深層畳み込みニューラルネットワークによる二次元画像のための超解像システム. <a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" target="_blank">about</a>.</div>
  55. </div>
  56. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  57. <fieldset>
  58. <legend>画像</legend>
  59. <div>
  60. URL: <input id="url" type="text" name="url" style="width:400px"> or
  61. </div>
  62. <div>
  63. FILE: <input id="file" type="file" name="file">
  64. </div>
  65. <div class="help">
  66. 制限: サイズ: 2MB, ノイズ除去: 2560x2560px, 拡大: 1280x1280px
  67. </div>
  68. </fieldset>
  69. <fieldset>
  70. <legend>ノイズ除去 (JPEGノイズを想定)</legend>
  71. <label><input type="radio" name="noise" value="0"> なし</label>
  72. <label><input type="radio" name="noise" value="1" checked="checked"> 弱</label>
  73. <label><input type="radio" name="noise" value="2"> 強</label>
  74. </fieldset>
  75. <fieldset>
  76. <legend>拡大</legend>
  77. <label><input type="radio" name="scale" value="0" checked="checked"> なし</label>
  78. <label><input type="radio" name="scale" value="1"> 1.6x</label>
  79. <label><input type="radio" name="scale" value="2"> 2x</label>
  80. </fieldset>
  81. <input type="submit" value="実行"/>
  82. </form>
  83. <div class="help">
  84. <ul style="padding-left: 15px;">
  85. <li>なし/なしで入力画像を変換せずに出力する。ブラウザのタブで変換結果を比較したい人用。
  86. <li>Firefoxの方は、右クリから画像が保存できないようなので、CTRL+SキーかALTキー後 ファイル - ページを保存 で画像を保存してください。
  87. </ul>
  88. </div>
  89. </body>
  90. </html>