-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (210 loc) · 8.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>GP-GAN: Towards Realistic High-Resolution Image Blending</title>
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body onload="page_loaded()">
<div id="header">
<a href="http://cripac.ia.ac.cn/en/EN/volumn/home.shtml">
<img src="images/casia.png" style="height:50px; float: left; margin-left: 20px;">
</a>
<a href="http://www.ox.ac.uk/">
<img src="images/oxford.png" style="height:50px; float: right; margin-right: 20px;">
</a>
<a href="http://www.robots.ox.ac.uk/~tvg/">
<img src="images/torr.jpg" style="height:50px; float: right; margin-right: 20px;">
</a>
<h1>GP-GAN: Towards Realistic High-Resolution Image Blending</h1>
<h4>Huikai Wu, Shuai Zheng, Junge Zhang, Kaiqi Huang<h4>
<div style="clear:both;"></div>
</div>
<div class="sechighlight">
<div class="container sec">
<h2>Abstract</h2>
It is common but challenging to address high-resolution image blending in the automatic photo editing application. In this paper, we would like to focus on solving the problem of high-resolution image blending, where the composite images are provided. We propose a framework called Gaussian-Poisson Generative Adversarial Network (GP-GAN) to leverage the strengths of the classical gradient-based approach and Generative Adversarial Networks. To the best of our knowledge, it's the first work that explores the capability of GANs in high-resolution image blending task. Concretely, we propose Gaussian-Poisson Equation to formulate the high-resolution image blending problem, which is a joint optimization constrained by the gradient and color information. Inspired by the prior works, we obtain gradient information via applying gradient filters. To generate the color information, we propose a Blending GAN to learn the mapping between the composite images and the well-blended ones. Compared to the alternative methods, our approach can deliver high-resolution, realistic images with fewer bleedings and unpleasant artifacts. Experiments confirm that our approach achieves the state-of-the-art performance on Transient Attributes dataset. A user study on Amazon Mechanical Turk finds that the majority of workers are in favor of the proposed method.
<div id="coursedesc">
</div>
</div>
</div>
<div class="container sec">
<div class='row'>
<a href="GP-GAN.pdf">
<img src='images/paper.png' class='img-responsive center-block'>
</a>
</div>
<!-- <div class='row text-center' style='color:#900'>
Submitted to ICCV 2017
</div> -->
</div>
<div class="sechighlight">
<div class="container sec" style="font-size:18px">
<div class="row">
<div class="col-md-5">
<h2>Code and Extras</h2>
You can find the code <a href="https://github.com/wuhuikai/GP-GAN">on Github</a>,
including:
<ul>
<li>Train/test code (Chainer/Python)</li>
<li>Pre-trained models and datasets</li>
<li>Step-by-step tutorial</li>
</ul>
You can find an online demo <a href="http://wuhuikai.me/DeepJS">here</a>.
</div>
<div class="col-md-7">
<h2>Bibtex</h2>
<pre style="font-size:10px;">@inproceedings{wu2017gp,
title = {GP-GAN: Towards Realistic High-Resolution Image Blending},
author = {Wu, Huikai and Zheng, Shuai and Zhang, Junge and Huang, Kaiqi},
booktitle = {ACMMM},
year = {2019}
}
</pre>
</div>
</div>
</div>
</div>
<div class="container sec">
<h1>Example Results (<a href="more_results.html">more results</a>)</h1>
<div class='row'>
<div class="col-md-1 nopadding">
</div>
<div class="col-md-2 nopadding">
Mask
</div>
<div class="col-md-2 nopadding">
Copy-and-Paste
</div>
<div class="col-md-2 nopadding">
Modified-Poisson
</div>
<div class="col-md-2 nopadding">
Multi-splines
</div>
<div class="col-md-2 nopadding">
Supervised GP-GAN
</div>
<div class="col-md-1 nopadding">
</div>
</div>
<div class='row'>
<div class="col-md-1 nopadding">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/740_mask.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/740_copy-paste.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/740_modified-poisson.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/740_multi-splines.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/740_poisson-gan-encoder.png' class="img-responsive">
</div>
<div class="col-md-1 nopadding">
</div>
</div>
<div class="spacer"></div>
<div class='row'>
<div class="col-md-1 nopadding">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1920_mask.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1920_copy-paste.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1920_modified-poisson.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1920_multi-splines.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1920_poisson-gan-encoder.png' class="img-responsive">
</div>
<div class="col-md-1 nopadding">
</div>
</div>
<div class="spacer"></div>
<div class='row'>
<div class="col-md-1 nopadding">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1153_mask.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1153_copy-paste.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1153_modified-poisson.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1153_multi-splines.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1153_poisson-gan-encoder.png' class="img-responsive">
</div>
<div class="col-md-1 nopadding">
</div>
</div>
<div class="spacer"></div>
<div class='row'>
<div class="col-md-1 nopadding">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1550_mask.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1550_copy-paste.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1550_modified-poisson.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1550_multi-splines.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/1550_poisson-gan-encoder.png' class="img-responsive">
</div>
<div class="col-md-1 nopadding">
</div>
</div>
<div class="spacer"></div>
<div class='row'>
<div class="col-md-1 nopadding">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/2357_mask.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/2357_copy-paste.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/2357_modified-poisson.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/2357_multi-splines.png' class="img-responsive">
</div>
<div class="col-md-2 nopadding">
<img src='images/blended_images/2357_poisson-gan-encoder.png' class="img-responsive">
</div>
<div class="col-md-1 nopadding">
</div>
</div>
</div>
<div class="sechighlight">
<div id="footer">
We acknowledge the advices from Professor Philip H.S. Torr.
</div>
</div>
</body></html>