Hugging Face's logo

Spaces:
leditsplusplus
/
project
Running

App Files Community
Linoy Tsaban commited on
Commit
24a1778
•
1 Parent(s): 2f9ddc9

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +340 -17
index.html CHANGED
@@ -1,19 +1,342 @@
1
  <!DOCTYPE html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="description"
6
+ content="LEdits++: Limitless Image Editing using Text-to-Image Models">
7
+ <meta name="keywords"
8
+ content="LEDITS++, DPM solver++ inversion, LEDITS, semantic guidance, SEGA, real image editing">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <title> LEDITS++: Limitless Image Editing using Text-to-Image Models </title>
11
+
12
+ <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
13
+ rel="stylesheet">
14
+
15
+ <link rel="stylesheet" href="./static/css/bulma.min.css">
16
+ <link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
17
+ <link rel="stylesheet" href="./static/css/bulma-slider.min.css">
18
+ <link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
19
+ <link rel="stylesheet"
20
+ href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
21
+ <link rel="stylesheet" href="./static/css/index.css">
22
+ <link rel="icon" href="./static/images/painting-mascot.svg">
23
+
24
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
25
+ <script defer src="./static/js/fontawesome.all.min.js"></script>
26
+ <script src="./static/js/bulma-carousel.min.js"></script>
27
+ <script src="./static/js/bulma-slider.min.js"></script>
28
+ <script src="./static/js/index.js"></script>
29
+ </head>
30
+ <body>
31
+
32
+ <nav class="navbar" role="navigation" aria-label="main navigation">
33
+ <div class="navbar-brand">
34
+ <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
35
+ <span aria-hidden="true"></span>
36
+ <span aria-hidden="true"></span>
37
+ <span aria-hidden="true"></span>
38
+ </a>
39
+ </div>
40
+ </nav>
41
+
42
+
43
+ <section class="hero">
44
+ <div class="hero-body">
45
+ <div class="container is-max-desktop">
46
+ <div class="columns is-centered">
47
+ <div class="column has-text-centered">
48
+ <h1 class="title is-1 publication-title">LEDITS++: Limitless Image Editing using Text-to-Image Models</h1>
49
+ <div class="is-size-5 publication-authors">
50
+ <span class="author-block">
51
+ <a>Manuel Brack</a>,</span>
52
+ <span class="author-block">
53
+ <a>Linoy Tsaban</a>,</span>
54
+ <span class="author-block">
55
+ <a>Katharina Kornmeier</a>,</span>
56
+ <span class="author-block">
57
+ <a>Apolinário Passos</a>,</span>
58
+ <p></p>
59
+ <span class="author-block">
60
+ <a>Felix Friedrich</a>,</span>
61
+ <span class="author-block">
62
+ <a>Patrick Schramowski</a>,</span>
63
+ <span class="author-block">
64
+ <a>Kristian Kersting</a></span>
65
+
66
+
67
+
68
+ <div class="is-size-5 publication-authors">
69
+ <span class="author-block">German Research Center for Artificial Intelligence (DFKI),</span>
70
+ </div>
71
+ <div class="is-size-5 publication-authors">
72
+ <span class="author-block">Computer Science Department, TU Darmstadt,</span>
73
+ </div>
74
+ <div class="is-size-5 publication-authors">
75
+ <span class="author-block">HuggingFace&#129303;,</span>
76
+ </div>
77
+ <div class="is-size-5 publication-authors">
78
+ <span class="author-block">Hessian.AI,</span>
79
+ </div>
80
+ <div class="is-size-5 publication-authors">
81
+ <span class="author-block">LAION,</span>
82
+ </div>
83
+ <div class="is-size-5 publication-authors">
84
+ <span class="author-block">Centre for Cognitive Science, TU Darmstadt</span>
85
+ </div>
86
+
87
+ <div class="column has-text-centered">
88
+ <div class="publication-links">
89
+ <!-- arxiv Link. -->
90
+ <!-- <span class="link-block">-->
91
+ <!-- <a href=""-->
92
+ <!-- class="external-link button is-normal is-rounded is-dark">-->
93
+ <!-- <span class="icon">-->
94
+ <!-- <i class="ai ai-arxiv"></i>-->
95
+ <!-- </span>-->
96
+ <!-- <span>arXiv</span>-->
97
+ <!-- </a>-->
98
+ <!-- </span>-->
99
+
100
+ <!-- Demo Link. -->
101
+ <span class="link-block">
102
+ <a href="https://huggingface.co/spaces/editing-images/ledtisplusplus"
103
+ class="external-link button is-normal is-rounded is-dark">
104
+
105
+ <span>&#129303; Demo</span>
106
+ </a>
107
+ </span>
108
+ <!-- &lt;!&ndash; Code Link. &ndash;&gt;-->
109
+ <!-- <span class="link-block">-->
110
+ <!-- <a href=""-->
111
+ <!-- class="external-link button is-normal is-rounded is-dark">-->
112
+ <!-- <span class="icon">-->
113
+ <!-- <i class="fa-github"></i>-->
114
+ <!-- </span>-->
115
+ <!-- <span>Code</span>-->
116
+ <!-- </a>-->
117
+ <!-- </span>-->
118
+
119
+ </div>
120
+
121
+ </div>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </section>
127
+
128
+ <section class="hero teaser">
129
+ <div class="container is-max-desktop">
130
+ <div class="hero-body">
131
+
132
+ <video autoplay muted loop playsinline height="100%">
133
+ <source src="static/videos/teaser_gif.mp4"
134
+ type="video/mp4">
135
+ </video>
136
+
137
+ <h2 class="subtitle has-text-centered">
138
+ *Teaser GIF/image description*
139
+ </h2>
140
+
141
+ </div>
142
+ </div>
143
+ </section>
144
+
145
+
146
+ <section class="section">
147
+ <div class="container is-max-desktop">
148
+ <!-- Abstract. -->
149
+ <div class="columns is-centered has-text-centered">
150
+ <div class="column is-four-fifths">
151
+ <h2 class="title is-3">Abstract</h2>
152
+ <div class="content has-text-justified">
153
+ <p>
154
+ Text-to-image diffusion models have recently received a lot of interest for their
155
+ astonishing ability to produce high-fidelity images from text only. Subsequent
156
+ research efforts are aiming to exploit the capabilities of these models and leverage
157
+ them for intuitive, textual image editing. However, existing methods often require
158
+ time-consuming fine-tuning and lack native support for performing multiple edits
159
+ simultaneously. To address these issues, we introduce LEDITS++ , an efficient yet
160
+ versatile technique for image editing using text-to-image models. LEDITS++ re-
161
+ quires no tuning nor optimization, runs in a few diffusion steps, natively supports
162
+ multiple simultaneous edits, inherently limits changes to relevant image regions,
163
+ and is architecture agnostic.
164
+ </p>
165
+
166
+ </div>
167
+ </div>
168
+ </div>
169
+
170
+ </div>
171
+ </section>
172
+
173
+ <section class="section">
174
+ <div class="container is-max-desktop">
175
+ <div class="columns is-centered has-text-centered">
176
+ <img src="static/images/ledits_teaser.jpg"
177
+ class="interpolation-image"
178
+ style="max-height:700px; max-width:1000px"
179
+ alt="ledits++ teaser"/>
180
+ </div>
181
+ </div>
182
+ </section>
183
+
184
+
185
+
186
+ <section class="section">
187
+ <div class="container is-max-desktop">
188
+ <!-- Introduction -->
189
+ <div class="columns is-centered has-text-centered">
190
+ <h2 class="title is-3">LEDITS++: Efficient and Versatile Textual Image Editing</h2>
191
+ </div>
192
+ <div class="content has-text-justified">
193
+ <p>
194
+ To ease textual image editing, we present LEDITS++, a novel method for efficient and versatile image
195
+ editing using text-to-image diffusion models. Firstly, LEDITS++ sets itself apart as a parameter-free
196
+ solution requiring no fine-tuning nor any optimization. We derive characteristics of an edit-friendly
197
+ noise space with a perfect input reconstruction, which were previously proposed for the DDPM
198
+ sampling scheme, for a significantly faster multistep stochastic differential-equation (SDE)
199
+ solver. This novel invertibility of the DPM-solver++ facilitates editing with LEDITS++ in as
200
+ little as 20 total diffusion steps for inversion and inference combined.
201
+ Moreover, LEDITS++ places a strong emphasis on semantic grounding to enhance the visual and
202
+ contextual coherence of the edits. This ensures that changes are limited to the relevant regions in the
203
+ image, preserving the original image’s fidelity as much as possible. LEDITS++ also provides users
204
+ with the flexibility to combine multiple edits seamlessly, opening up new creative possibilities for
205
+ intricate image manipulations. Finally, the approach is architecture-agnostic and compatible with any
206
+ diffusion model, whether latent or pixel-based.
207
+ </p>
208
+ <section class="section">
209
+ <div class="container is-max-desktop">
210
+ <div class="columns is-centered has-text-centered">
211
+ <img src="static/images/grid_example_LEDITSpp.jpg"
212
+ class="interpolation-image"
213
+ style="max-height:800px; max-width:1200px"
214
+ alt="examples"/>
215
+ </div>
216
+ </div>
217
+ </section>
218
+ <div class="columns is-centered has-text-centered">
219
+ <h2 class="title is-3">Methodology
220
+ </h2>
221
+ </div>
222
+ <p>
223
+ The methodology of LEDITS++ can be broken down into three components: (1) efficient image
224
+ inversion, (2) versatile textual editing, and (3) semantic grounding of image changes. More in-depth
225
+ details and mathematical derivations of each component can be found in App
226
+ </p>
227
+
228
+ <div class="columns is-centered has-text-centered">
229
+ <img src="static/images/diagram.jpg"
230
+ style="max-height:620px; max-width:700px"
231
+ alt="diagram"/>
232
+ </div>
233
+
234
+ </div>
235
+
236
+
237
+ </div>
238
+ </section>
239
+
240
+
241
+ <section class="section">
242
+ <div class="container is-max-desktop">
243
+ <div class="column">
244
+
245
+
246
+ <div class="columns is-centered">
247
+
248
+ <!-- Editing workflows -->
249
+ <div class="column">
250
+ <div class="content">
251
+ <h2 class="title is-4">Component 1: Image Inversion</h2>
252
+ <p>
253
+
254
+ </p>
255
+
256
+ </div>
257
+ </div>
258
+
259
+
260
+ <div class="column">
261
+ <h2 class="title is-4">Component 2: Textual Editing</h2>
262
+ <div class="columns is-centered">
263
+ <div class="column content">
264
+ <p>
265
+
266
+ </p>
267
+
268
+ </div>
269
+
270
+ </div>
271
+ </div>
272
+
273
+ <div class="column">
274
+ <h2 class="title is-4">Component 3: Semantic Grounding</h2>
275
+ <div class="columns is-centered">
276
+ <div class="column content">
277
+ <p>
278
+
279
+ </p>
280
+
281
+ </div>
282
+
283
+ </div>
284
+ </div>
285
+
286
+ </div>
287
+ </div>
288
+ </div>
289
+
290
+ </section>
291
+
292
+ <!-- portraits video -->
293
+ <!--<section class="hero teaser">-->
294
+ <!-- <div class="container is-max-desktop">-->
295
+ <!-- <div class="hero-body">-->
296
+ <!-- <video id="portraits" autoplay muted loop playsinline height="100%">-->
297
+ <!-- <source src="./static/videos/portraits.mp4"-->
298
+ <!-- type="video/mp4">-->
299
+ <!-- </video>-->
300
+ <!-- <h2 class="subtitle has-text-centered">-->
301
+ <!-- *Gif/image description*-->
302
+ <!-- </h2>-->
303
+
304
+ <!-- </div>-->
305
+ <!-- </div>-->
306
+ <!--</section>-->
307
+
308
+ <!-- 3 key observations -->
309
+
310
+
311
+ <section class="section" id="BibTeX">
312
+ <div class="container is-max-desktop content">
313
+ <h2 class="title">BibTeX</h2>
314
+ <pre><code>@article{
315
+ }</code></pre>
316
+ </div>
317
+ </section>
318
+
319
+
320
+ <footer class="footer">
321
+ <div class="container">
322
+ <div class="columns is-centered">
323
+ <div class="column is-8">
324
+ <div class="content">
325
+ <p>
326
+ This website is licensed under a <a rel="license"
327
+ href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
328
+ Commons Attribution-ShareAlike 4.0 International License</a>.
329
+ </p>
330
+ <p>
331
+ This page was built using the source code of:
332
+ <a rel="nerfies.github.io"
333
+ href="https://github.com/nerfies/nerfies.github.io">nerfies.github.io</a>
334
+ </p>
335
+ </div>
336
+ </div>
337
+ </div>
338
+ </div>
339
+ </footer>
340
+
341
+ </body>
342
+ </html>