index.ja.html 4.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="ja">
  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. <meta id="viewport" name="viewport" content="width=780">
  9. <link href="style.css" rel="stylesheet" type="text/css">
  10. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  11. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
  12. <script type="text/javascript" src="ui.js"></script>
  13. </head>
  14. <body>
  15. <div class="allPage">
  16. <div class="mainTitle"><!--
  17. --><div class="mainTitle-text">waifu2x</div><!--
  18. --><a href="index.html" class="flagLink first"><img src="img/flags/US.png" class="chooseLang"></a><!--
  19. --><a href="index.ja.html" class="flagLink"><img src="img/flags/JP.png" class="chooseLang"></a><!--
  20. --><a href="index.ru.html" class="flagLink"><img src="img/flags/RU.png" class="chooseLang"></a><!--
  21. --></div>
  22. <p>深層畳み込みニューラルネットワークによる二次元画像のための超解像システム。 写真にも対応。</p>
  23. <p class="margin1 linksBox"><a href="https://raw.githubusercontent.com/nagadomi/waifu2x/master/images/slide.png" class="blueLink" target="_blank">デモンストレーションを見ます</a> | <a href="https://github.com/nagadomi/waifu2x" class="blueLink" target="_blank">GitHubに行きます</a></p>
  24. <img src="img/example2-zip.png" class="example">
  25. <div class="secondTitle">画像を変換します:</div>
  26. <form action="/api" method="POST" enctype="multipart/form-data" target="_blank">
  27. <div class="optionBox first">
  28. <div class="option-left">画像:</div>
  29. <div class="option-right">
  30. <input type="text" id="url" name="url" placeholder="URLを書いてか">
  31. <div class="option-right-small">ファイルを選んでください: <input type="file" id="file" name="file"></div>
  32. </div>
  33. <div class="option-hint">制限: サイズ: 3MB, ノイズ除去: 2560x2560px, 拡大後: 2560x2560px</div>
  34. </div>
  35. <div class="optionBox">
  36. <div class="option-left">スタイル:</div>
  37. <div class="option-right">
  38. <label><input type="radio" name="style" class="radio fisrt" value="art" checked><span class="r-text">イラスト</span></label>
  39. <label><input type="radio" name="style" class="radio" value="photo"><span class="r-text">写真</span></label>
  40. </div>
  41. </div>
  42. <div class="optionBox">
  43. <div class="option-left">ノイズ除去:<div class="option-left-small">(JPEGノイズを想定)</div></div>
  44. <div class="option-right">
  45. <label><input type="radio" name="noise" class="radio fisrt" value="0"><span class="r-text">なし</span></label>
  46. <label><input type="radio" name="noise" class="radio" value="1" checked><span class="r-text">弱</span></label>
  47. <label><input type="radio" name="noise" class="radio" value="2"><span class="r-text">強</span></label>
  48. <label><input type="radio" name="noise" class="radio" value="3"><span class="r-text">スーパー</span></label>
  49. </div>
  50. <div class="option-hint">画像はノイズがなければノイズ除去すると逆効果を引き起こす可能性があります。</div>
  51. </div>
  52. <div class="optionBox">
  53. <div class="option-left">拡大:<div class="option-left-small"></div></div>
  54. <div class="option-right">
  55. <label><input type="radio" name="scale" class="radio fisrt" value="0" checked><span class="r-text">なし</span></label>
  56. <label><input type="radio" name="scale" class="radio" value="1"><span class="r-text">1.6x</span></label>
  57. <label><input type="radio" name="scale" class="radio" value="2"><span class="r-text">2x</span></label>
  58. </div>
  59. </div>
  60. <input type="submit" class="button" value="実行">
  61. <input type="submit" name="download" value="結果を保存" class="button">
  62. <div class="bottomHint">Firefoxの方は、右クリから画像が保存できないようなので、CTRL+SキーかALTキー後 ファイル - ページを保存 で画像を保存してください。</div>
  63. <!--<div class="bottomHint">本サイトは、コンテンツ改善のために Google Analytics を使用しています。 </div>-->
  64. </form>
  65. </div>
  66. <div class="bottomInfo">
  67. <a href="https://github.com/nagadomi/waifu2x" class="grayLink" target="_blank">waifu2x</a>
  68. </div>
  69. </body>
  70. </html>