diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..f91fcb2 Binary files /dev/null and b/assets/favicon.ico differ diff --git a/assets/img/example2-zip.png b/assets/img/example2-zip.png new file mode 100644 index 0000000..9ce67bb Binary files /dev/null and b/assets/img/example2-zip.png differ diff --git a/assets/img/flags/GB.png b/assets/img/flags/GB.png new file mode 100644 index 0000000..02fa2a1 Binary files /dev/null and b/assets/img/flags/GB.png differ diff --git a/assets/img/flags/JP.png b/assets/img/flags/JP.png new file mode 100644 index 0000000..0516af4 Binary files /dev/null and b/assets/img/flags/JP.png differ diff --git a/assets/img/flags/RU.png b/assets/img/flags/RU.png new file mode 100644 index 0000000..d9624ca Binary files /dev/null and b/assets/img/flags/RU.png differ diff --git a/assets/img/flags/US.png b/assets/img/flags/US.png new file mode 100644 index 0000000..2b04dcf Binary files /dev/null and b/assets/img/flags/US.png differ diff --git a/assets/img/flags/license.txt b/assets/img/flags/license.txt new file mode 100644 index 0000000..23f7a4c --- /dev/null +++ b/assets/img/flags/license.txt @@ -0,0 +1,15 @@ +Flag icons are downloaded from here: https://www.gosquared.com/download/pixels/flags.zip + + + +Text from LICENSE.txt file (MIT license, GPL-compatible): + + + +Copyright (c) 2013 Go Squared Ltd. http://www.gosquared.com/ + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/assets/index.html b/assets/index.html index 4f330cc..f41e9ce 100644 --- a/assets/index.html +++ b/assets/index.html @@ -1,65 +1,71 @@ - - - - waifu2x - - - - - - -

waifu2x

-
-
- Fork me on GitHub - -
- en/ja/ru -
-
-
Single-Image Super-Resolution for Anime-Style Art using Deep Convolutional Neural Networks. And it supports photo. about.
-
-
-
- Image -
- URL: or -
-
- FILE: -
-
- Limits: Size: 2MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px -
-
-
- Style - - -
-
- Noise Reduction (expect JPEG Artifact) - - - -
- When using 2x scaling, we never recommend to use high level of noise reduction, it almost always makes image worse, it makes sense for only some rare cases when image had really bad quality from the beginning. -
-
-
- Upscaling - - - -
-
- -
-
- -
- + + + + + waifu2x + + + + + + + +
waifu2x
+

Single-Image Super-Resolution for Anime-Style Art using Deep Convolutional Neural Networks. And it supports photo.

+

Show full demonstration | Go to GitHub

+ + +
Convert image:
+ +
+
+
Image choosing:
+
+ +
Or choose a file:
+
+
Limits: Size: 3MB, Noise Reduction: 2560x2560px, Upscaling: 1280x1280px.
+
+ +
+
Style:
+
+ + +
+
+ +
+
Noise Reduction:
(expect JPEG artifact)
+
+ + + + +
+
You need use noise reduction if image actually has noise or it may cause opposite effect.
+
+ +
+
Upscaling:
+
+ + + +
+
+ + + + +
If you are using Firefox, Please press the CTRL+S key to save image. "Save Image" option doesn't work.
+ +
+ diff --git a/assets/index.ja.html b/assets/index.ja.html index f2100e0..9aae62f 100644 --- a/assets/index.ja.html +++ b/assets/index.ja.html @@ -1,63 +1,71 @@ - + - - - - waifu2x - - - - - -

waifu2x

-
-
- Fork me on GitHub - -
- en/ja/ru -
-
-
深層畳み込みニューラルネットワークによる二次元画像のための超解像システム. 写真にも対応. about.
-
-
-
- 画像 -
- URL: or -
-
- FILE: -
-
- 制限: サイズ: 2MB, ノイズ除去: 2560x2560px, 拡大: 1280x1280px -
-
-
- スタイル - - -
-
- ノイズ除去 (JPEGノイズを想定) - - - -
-
- 拡大 - - - -
-
- -
-
- -
- + + + + waifu2x + + + + + + + +
waifu2x
+

深層畳み込みニューラルネットワークによる二次元画像のための超解像システム。 写真にも対応。

+

デモンストレーションを見ます | GitHubに行きます

+ + +
画像を変換します:
+ +
+
+
画像:
+
+ +
ファイルを選んでください:
+
+
制限: サイズ: 3MB, ノイズ除去: 2560x2560px, 拡大後: 2560x2560px
+
+ +
+
スタイル:
+
+ + +
+
+ +
+
ノイズ除去:
(JPEGノイズを想定)
+
+ + + + +
+
画像はノイズがなければノイズ除去すると逆効果を引き起こす可能性があります。
+
+ +
+
拡大:
+
+ + + +
+
+ + + + +
Firefoxの方は、右クリから画像が保存できないようなので、CTRL+SキーかALTキー後 ファイル - ページを保存 で画像を保存してください。
+ +
+ diff --git a/assets/index.ru.html b/assets/index.ru.html index 749ab06..cbdd9aa 100644 --- a/assets/index.ru.html +++ b/assets/index.ru.html @@ -1,65 +1,72 @@ - - - - - waifu2x - - - - - - -

waifu2x

-
-
- Fork me on GitHub - -
- en/ja/ru -
-
-
Увеличение в 4 раза рисованных изображений, например, аниме или фан-арт, а также устранение шума (преимущественно артефактов сжатия JPEG), см. демонстрацию и сравнения
-
-
-
- Выбор изображения -
- Указать URL: -
-
- Или загрузить файл: -
-
- Макс. размер файла — 2MB, устранение шума — макс. 2560x2560px, апскейл — 1280x1280px -
-
-
- Стиль - - -
-
- Устранение шума (артефактов JPEG) - - - -
Устранение шума нужно использовать, если на картинке действительно есть шум, иначе это даст противоположный эффект. Также не рекомендуется сильное устранение шума, оно даёт выгоду только в редких случаях, когда картинка изначально была сильно испорчена.
-
-
- Апскейл (увеличение размера) - - - -
-
- -
-
- -
- + + + + + waifu2x + + + + + + + +
waifu2x
+

Waifu2x позволяет увеличивать в 4 раза рисованные изображения, например аниме или арт, а также устранять шум на изображении (преимущественно артефакты сжатия JPEG).

+

Теперь также поддерживаются фотографии.

+

Посмотреть полную демонстрацию | Перейти на GitHub

+ + +
Преобразовать изображение:
+ +
+
+
Выбор изображения:
+
+ +
Либо выберите файл:
+
+
Макс. размер файла — 2MB, устранение шума — макс. 2560x2560px, апскейл — 1280x1280px.
+
+ +
+
Тип изображения:
+
+ + +
+
+ +
+
Устранение шума:
(артефактов JPEG)
+
+ + + + +
+
Устранение шума нужно использовать, если на картинке действительно есть шум, иначе это даст противоположный эффект.
+
+ +
+
Апскейл:
(увеличение размера)
+
+ + + +
+
+ + + + +
Если Вы используете Firefox, для сохранения изображения нажмите Ctrl+S (перетаскивание изображения и опция "Сохранить изображение" работать не будут).
+ +
+ diff --git a/assets/src/example1-zip.png b/assets/src/example1-zip.png new file mode 100644 index 0000000..2892269 Binary files /dev/null and b/assets/src/example1-zip.png differ diff --git a/assets/src/example1.png b/assets/src/example1.png new file mode 100644 index 0000000..a13b930 Binary files /dev/null and b/assets/src/example1.png differ diff --git a/assets/src/example2.png b/assets/src/example2.png new file mode 100644 index 0000000..66f69d3 Binary files /dev/null and b/assets/src/example2.png differ diff --git a/assets/src/favicon.psd b/assets/src/favicon.psd new file mode 100644 index 0000000..2a332a6 Binary files /dev/null and b/assets/src/favicon.psd differ diff --git a/assets/style.css b/assets/style.css index 38bb083..ccf7b9c 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1,57 +1,128 @@ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; } /*Reset style*/ +button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } input[type="checkbox"]:focus { -moz-outline-offset: -1px !important; -moz-outline: 1px solid #000 !important; } :focus { outline: none; } /*Remove a dotted line around 1) buttons, 2) checkboxes, 3) links*/ +a { text-decoration: none; cursor: pointer; color: inherit; } a:hover { text-decoration: underline; } +div, span, a, input { background-repeat: no-repeat; } + + + body { - margin: 1em 2em 1em 2em; - background: LightGray; - width: 640px; + margin: 2em 0.5em 2em 2em; + padding: 0; + background: #fff; + color: #000; + font-size: 14px; + font-family: Tahoma, Arial, Verdana, sans-serif, Lucida Sans; + line-height: 1.5em; } -fieldset { - margin-top: 1em; - margin-bottom: 1em; + +.mainTitle { + font-size: 2em; + font-weight: bold; + margin: 0.6em 0; + white-space: nowrap; } -.about { - position: relative; - display: inline-block; - font-size: 0.9em; - padding: 1em 5px 0.2em 0; + +.mainTitle-text { + display: inline-block; } -.help { - font-size: 0.8em; - margin: 1em 0 0 0; + +.flagLink { + display: inline-block; } -.github-banner { - position:absolute; - display:block; - top:0; - left:540px; - max-height:140px; +.flagLink.first { margin-left: 20px; } + +.chooseLang { + width: 24px; + height: 24px; + margin: 0 5px; + opacity: 0.9; + vertical-align: middle; } -.github-banner-image { - position: absolute; - display: block; - left: 0; - top: 0; - width: 149px; - height: 149px; - border: 0; + +p { + max-width: 710px; + margin: 0.4em 0; } -.github-banner-link { - position: absolute; - display: block; - left:0; - top:0; - width:149px; - height:130px; +p.margin1 { margin: 0.9em 0; } + +.linksBox { + color: #999; } -.padding-left { - padding-left: 15px; + +.example { + width: 445px; + height: 200px; } -.hide { - display: none; + +.blueLink { + color: #36b; } -.experimental { - margin-bottom: 1em; + + + +.secondTitle { + font-size: 1.5em; + font-weight: bold; + margin: 2.4em 0 1.2em; + line-height: 1.3em; } + +.optionBox { + max-width: 800px; + margin: 1.5em 0; + white-space: nowrap; +} + +.option-left { + display: inline-block; + width: 180px; + color: #777; + font-weight: bold; +} + +.option-left-small { + font-size: 0.8em; + line-height: 1.5em; +} + +.option-right { + display: inline-block; + white-space: normal; +} + +.option-right-small { + margin-top: 2px; + font-size: 0.9em; +} + +.option-hint { + margin: 0.5em 0; + color: #999; + font-size: 0.85em; + line-height: 1.5em; + white-space: normal; +} + +#url { + width: 300px; +} + +.radio.fisrt { + margin-left: 0; +} +.radio:checked + .r-text { color: #494; } + .button { - min-width: 128px; - min-height: 2em; - margin: 4px; + min-width: 160px; + height: 26px; + margin: 0 10px 3px 0; + padding-bottom: 1px; +} + +.bottomHint { + max-width: 710px; + margin: 0.85em 0; + color: #999; + font-size: 0.85em; + line-height: 1.5em; } diff --git a/assets/ui.js b/assets/ui.js index 8d0d569..4a7a116 100644 --- a/assets/ui.js +++ b/assets/ui.js @@ -1,72 +1,53 @@ $(function (){ - var expires = 365; - function clear_file() { - var new_file = $("#file").clone(); - new_file.change(clear_url); - $("#file").replaceWith(new_file); - } - function clear_url() { - $("#url").val("") - } - function on_change_style(e) { - $("input[name=style]").parents("label").each( - function (i, elm) { - $(elm).css("font-weight", "normal"); - }); - var checked = $("input[name=style]:checked"); - checked.parents("label").css("font-weight", "bold"); - if (checked.val() == "art") { - $("h1").text("waifu2x"); - } else { - $("h1").html("w/a/ifu2x"); + var expires = 365; + function clear_file() { + var new_file = $("#file").clone(); + new_file.change(clear_url); + $("#file").replaceWith(new_file); } - $.cookie("style", checked.val(), {expires: expires}); - } - function on_change_noise_level(e) - { - $("input[name=noise]").parents("label").each( - function (i, elm) { - $(elm).css("font-weight", "normal"); - }); - var checked = $("input[name=noise]:checked"); - if (checked.val() != 0) { - checked.parents("label").css("font-weight", "bold"); + function clear_url() { + $("#url").val("") } - $.cookie("noise", checked.val(), {expires: expires}); - } - function on_change_scale_factor(e) - { - $("input[name=scale]").parents("label").each( - function (i, elm) { - $(elm).css("font-weight", "normal"); - }); - var checked = $("input[name=scale]:checked"); - if (checked.val() != 0) { - checked.parents("label").css("font-weight", "bold"); + function on_change_style(e) { + var checked = $("input[name=style]:checked"); + if (checked.val() == "art") { + $(".mainTitle-text").text("waifu2x"); + } else { + $(".mainTitle-text").html("w/a/ifu2x"); + } + $.cookie("style", checked.val(), {expires: expires}); } - $.cookie("scale", checked.val(), {expires: expires}); - } - function restore_from_cookie() - { - if ($.cookie("style")) { - $("input[name=style]").filter("[value=" + $.cookie("style") + "]").prop("checked", true) + function on_change_noise_level(e) + { + var checked = $("input[name=noise]:checked"); + $.cookie("noise", checked.val(), {expires: expires}); } - if ($.cookie("noise")) { - $("input[name=noise]").filter("[value=" + $.cookie("noise") + "]").prop("checked", true) + function on_change_scale_factor(e) + { + var checked = $("input[name=scale]:checked"); + $.cookie("scale", checked.val(), {expires: expires}); } - if ($.cookie("scale")) { - $("input[name=scale]").filter("[value=" + $.cookie("scale") + "]").prop("checked", true) + function restore_from_cookie() + { + if ($.cookie("style")) { + $("input[name=style]").filter("[value=" + $.cookie("style") + "]").prop("checked", true) + } + if ($.cookie("noise")) { + $("input[name=noise]").filter("[value=" + $.cookie("noise") + "]").prop("checked", true) + } + if ($.cookie("scale")) { + $("input[name=scale]").filter("[value=" + $.cookie("scale") + "]").prop("checked", true) + } } - } - - $("#url").change(clear_file); - $("#file").change(clear_url); - $("input[name=style]").change(on_change_style); - $("input[name=noise]").change(on_change_noise_level); - $("input[name=scale]").change(on_change_scale_factor); + + $("#url").change(clear_file); + $("#file").change(clear_url); + $("input[name=style]").change(on_change_style); + $("input[name=noise]").change(on_change_noise_level); + $("input[name=scale]").change(on_change_scale_factor); - restore_from_cookie(); - on_change_style(); - on_change_scale_factor(); - on_change_noise_level(); + restore_from_cookie(); + on_change_style(); + on_change_scale_factor(); + on_change_noise_level(); })