Skip to content

Commit cb4fcf1

Browse files
bertspaanbertspaan
committed
better table!
1 parent 2299b3c commit cb4fcf1

2 files changed

Lines changed: 31 additions & 105 deletions

File tree

‎generate-html.ts‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -171,9 +171,7 @@ const listItems = sortedEntries
171171
<td rowspan="${tileScale.formats.length}"><a href="${spritesJsonUrl}">sprites.json</a></td>`
172172
: ''
173173
}
174-
<td>${formatInfo.format}</td>
175-
<td>${formatInfo.fileSizeKB.toLocaleString()} KB</td>
176-
<td><a href="${spriteUrl}">Image</a></td>
174+
<td><a href="${spriteUrl}">${formatInfo.format} (${formatInfo.fileSizeKB.toLocaleString()} KB)</a></td>
177175
</tr>`
178176
})
179177
})
@@ -191,8 +189,6 @@ const listItems = sortedEntries
191189
<th>Tile Scale</th>
192190
<th>Image Size</th>
193191
<th>Sprites JSON</th>
194-
<th>Format</th>
195-
<th>File Size</th>
196192
<th>Image</th>
197193
</tr>
198194
${tableRows}

‎output/index.html‎

Lines changed: 30 additions & 100 deletions
Original file line numberDiff line numberDiff line change
@@ -56,51 +56,37 @@ <h1>Allmaps Thumbnail Sprites Test</h1>
5656
<th>Tile Scale</th>
5757
<th>Image Size</th>
5858
<th>Sprites JSON</th>
59-
<th>Format</th>
60-
<th>File Size</th>
6159
<th>Image</th>
6260
</tr>
6361
<tr>
6462
<td rowspan="2">0.5x</td>
6563
<td rowspan="2">1536 × 1639</td>
6664
<td rowspan="2"><a href="./0046a8c125f4a87b/0.5x/sprites.json">sprites.json</a></td>
67-
<td>jpg</td>
68-
<td>311 KB</td>
69-
<td><a href="./0046a8c125f4a87b/0.5x/sprites.jpg">Image</a></td>
65+
<td><a href="./0046a8c125f4a87b/0.5x/sprites.jpg">jpg (311 KB)</a></td>
7066
</tr>
7167
<tr>
7268

73-
<td>webp</td>
74-
<td>204 KB</td>
75-
<td><a href="./0046a8c125f4a87b/0.5x/sprites.webp">Image</a></td>
69+
<td><a href="./0046a8c125f4a87b/0.5x/sprites.webp">webp (204 KB)</a></td>
7670
</tr>
7771
<tr>
7872
<td rowspan="2">1x</td>
7973
<td rowspan="2">3072 × 3282</td>
8074
<td rowspan="2"><a href="./0046a8c125f4a87b/1x/sprites.json">sprites.json</a></td>
81-
<td>jpg</td>
82-
<td>1,162 KB</td>
83-
<td><a href="./0046a8c125f4a87b/1x/sprites.jpg">Image</a></td>
75+
<td><a href="./0046a8c125f4a87b/1x/sprites.jpg">jpg (1,162 KB)</a></td>
8476
</tr>
8577
<tr>
8678

87-
<td>webp</td>
88-
<td>740 KB</td>
89-
<td><a href="./0046a8c125f4a87b/1x/sprites.webp">Image</a></td>
79+
<td><a href="./0046a8c125f4a87b/1x/sprites.webp">webp (740 KB)</a></td>
9080
</tr>
9181
<tr>
9282
<td rowspan="2">2x</td>
9383
<td rowspan="2">6144 × 6561</td>
9484
<td rowspan="2"><a href="./0046a8c125f4a87b/2x/sprites.json">sprites.json</a></td>
95-
<td>jpg</td>
96-
<td>4,851 KB</td>
97-
<td><a href="./0046a8c125f4a87b/2x/sprites.jpg">Image</a></td>
85+
<td><a href="./0046a8c125f4a87b/2x/sprites.jpg">jpg (4,851 KB)</a></td>
9886
</tr>
9987
<tr>
10088

101-
<td>webp</td>
102-
<td>3,411 KB</td>
103-
<td><a href="./0046a8c125f4a87b/2x/sprites.webp">Image</a></td>
89+
<td><a href="./0046a8c125f4a87b/2x/sprites.webp">webp (3,411 KB)</a></td>
10490
</tr>
10591
</table>
10692
</li>
@@ -112,51 +98,37 @@ <h1>Allmaps Thumbnail Sprites Test</h1>
11298
<th>Tile Scale</th>
11399
<th>Image Size</th>
114100
<th>Sprites JSON</th>
115-
<th>Format</th>
116-
<th>File Size</th>
117101
<th>Image</th>
118102
</tr>
119103
<tr>
120104
<td rowspan="2">0.25x</td>
121105
<td rowspan="2">2816 × 2838</td>
122106
<td rowspan="2"><a href="./a5912d5d11a3ef64/0.25x/sprites.json">sprites.json</a></td>
123-
<td>jpg</td>
124-
<td>1,402 KB</td>
125-
<td><a href="./a5912d5d11a3ef64/0.25x/sprites.jpg">Image</a></td>
107+
<td><a href="./a5912d5d11a3ef64/0.25x/sprites.jpg">jpg (1,402 KB)</a></td>
126108
</tr>
127109
<tr>
128110

129-
<td>webp</td>
130-
<td>1,224 KB</td>
131-
<td><a href="./a5912d5d11a3ef64/0.25x/sprites.webp">Image</a></td>
111+
<td><a href="./a5912d5d11a3ef64/0.25x/sprites.webp">webp (1,224 KB)</a></td>
132112
</tr>
133113
<tr>
134114
<td rowspan="2">0.5x</td>
135115
<td rowspan="2">5632 × 5676</td>
136116
<td rowspan="2"><a href="./a5912d5d11a3ef64/0.5x/sprites.json">sprites.json</a></td>
137-
<td>jpg</td>
138-
<td>5,952 KB</td>
139-
<td><a href="./a5912d5d11a3ef64/0.5x/sprites.jpg">Image</a></td>
117+
<td><a href="./a5912d5d11a3ef64/0.5x/sprites.jpg">jpg (5,952 KB)</a></td>
140118
</tr>
141119
<tr>
142120

143-
<td>webp</td>
144-
<td>5,177 KB</td>
145-
<td><a href="./a5912d5d11a3ef64/0.5x/sprites.webp">Image</a></td>
121+
<td><a href="./a5912d5d11a3ef64/0.5x/sprites.webp">webp (5,177 KB)</a></td>
146122
</tr>
147123
<tr>
148124
<td rowspan="2">1x</td>
149125
<td rowspan="2">11264 × 11320</td>
150126
<td rowspan="2"><a href="./a5912d5d11a3ef64/1x/sprites.json">sprites.json</a></td>
151-
<td>jpg</td>
152-
<td>24,482 KB</td>
153-
<td><a href="./a5912d5d11a3ef64/1x/sprites.jpg">Image</a></td>
127+
<td><a href="./a5912d5d11a3ef64/1x/sprites.jpg">jpg (24,482 KB)</a></td>
154128
</tr>
155129
<tr>
156130

157-
<td>webp</td>
158-
<td>23,161 KB</td>
159-
<td><a href="./a5912d5d11a3ef64/1x/sprites.webp">Image</a></td>
131+
<td><a href="./a5912d5d11a3ef64/1x/sprites.webp">webp (23,161 KB)</a></td>
160132
</tr>
161133
</table>
162134
</li>
@@ -168,51 +140,37 @@ <h1>Allmaps Thumbnail Sprites Test</h1>
168140
<th>Tile Scale</th>
169141
<th>Image Size</th>
170142
<th>Sprites JSON</th>
171-
<th>Format</th>
172-
<th>File Size</th>
173143
<th>Image</th>
174144
</tr>
175145
<tr>
176146
<td rowspan="2">0.25x</td>
177147
<td rowspan="2">2138 × 2165</td>
178148
<td rowspan="2"><a href="./821a90b23df9ab8f/0.25x/sprites.json">sprites.json</a></td>
179-
<td>jpg</td>
180-
<td>636 KB</td>
181-
<td><a href="./821a90b23df9ab8f/0.25x/sprites.jpg">Image</a></td>
149+
<td><a href="./821a90b23df9ab8f/0.25x/sprites.jpg">jpg (636 KB)</a></td>
182150
</tr>
183151
<tr>
184152

185-
<td>webp</td>
186-
<td>505 KB</td>
187-
<td><a href="./821a90b23df9ab8f/0.25x/sprites.webp">Image</a></td>
153+
<td><a href="./821a90b23df9ab8f/0.25x/sprites.webp">webp (505 KB)</a></td>
188154
</tr>
189155
<tr>
190156
<td rowspan="2">0.5x</td>
191157
<td rowspan="2">4288 × 4341</td>
192158
<td rowspan="2"><a href="./821a90b23df9ab8f/0.5x/sprites.json">sprites.json</a></td>
193-
<td>jpg</td>
194-
<td>2,599 KB</td>
195-
<td><a href="./821a90b23df9ab8f/0.5x/sprites.jpg">Image</a></td>
159+
<td><a href="./821a90b23df9ab8f/0.5x/sprites.jpg">jpg (2,599 KB)</a></td>
196160
</tr>
197161
<tr>
198162

199-
<td>webp</td>
200-
<td>2,089 KB</td>
201-
<td><a href="./821a90b23df9ab8f/0.5x/sprites.webp">Image</a></td>
163+
<td><a href="./821a90b23df9ab8f/0.5x/sprites.webp">webp (2,089 KB)</a></td>
202164
</tr>
203165
<tr>
204166
<td rowspan="2">1x</td>
205167
<td rowspan="2">8585 × 8693</td>
206168
<td rowspan="2"><a href="./821a90b23df9ab8f/1x/sprites.json">sprites.json</a></td>
207-
<td>jpg</td>
208-
<td>10,827 KB</td>
209-
<td><a href="./821a90b23df9ab8f/1x/sprites.jpg">Image</a></td>
169+
<td><a href="./821a90b23df9ab8f/1x/sprites.jpg">jpg (10,827 KB)</a></td>
210170
</tr>
211171
<tr>
212172

213-
<td>webp</td>
214-
<td>9,222 KB</td>
215-
<td><a href="./821a90b23df9ab8f/1x/sprites.webp">Image</a></td>
173+
<td><a href="./821a90b23df9ab8f/1x/sprites.webp">webp (9,222 KB)</a></td>
216174
</tr>
217175
</table>
218176
</li>
@@ -224,51 +182,37 @@ <h1>Allmaps Thumbnail Sprites Test</h1>
224182
<th>Tile Scale</th>
225183
<th>Image Size</th>
226184
<th>Sprites JSON</th>
227-
<th>Format</th>
228-
<th>File Size</th>
229185
<th>Image</th>
230186
</tr>
231187
<tr>
232188
<td rowspan="2">0.25x</td>
233189
<td rowspan="2">1536 × 1540</td>
234190
<td rowspan="2"><a href="./d86ed6eaf03728d9/0.25x/sprites.json">sprites.json</a></td>
235-
<td>jpg</td>
236-
<td>350 KB</td>
237-
<td><a href="./d86ed6eaf03728d9/0.25x/sprites.jpg">Image</a></td>
191+
<td><a href="./d86ed6eaf03728d9/0.25x/sprites.jpg">jpg (350 KB)</a></td>
238192
</tr>
239193
<tr>
240194

241-
<td>webp</td>
242-
<td>244 KB</td>
243-
<td><a href="./d86ed6eaf03728d9/0.25x/sprites.webp">Image</a></td>
195+
<td><a href="./d86ed6eaf03728d9/0.25x/sprites.webp">webp (244 KB)</a></td>
244196
</tr>
245197
<tr>
246198
<td rowspan="2">0.5x</td>
247199
<td rowspan="2">3072 × 3078</td>
248200
<td rowspan="2"><a href="./d86ed6eaf03728d9/0.5x/sprites.json">sprites.json</a></td>
249-
<td>jpg</td>
250-
<td>1,161 KB</td>
251-
<td><a href="./d86ed6eaf03728d9/0.5x/sprites.jpg">Image</a></td>
201+
<td><a href="./d86ed6eaf03728d9/0.5x/sprites.jpg">jpg (1,161 KB)</a></td>
252202
</tr>
253203
<tr>
254204

255-
<td>webp</td>
256-
<td>773 KB</td>
257-
<td><a href="./d86ed6eaf03728d9/0.5x/sprites.webp">Image</a></td>
205+
<td><a href="./d86ed6eaf03728d9/0.5x/sprites.webp">webp (773 KB)</a></td>
258206
</tr>
259207
<tr>
260208
<td rowspan="2">1x</td>
261209
<td rowspan="2">6144 × 6160</td>
262210
<td rowspan="2"><a href="./d86ed6eaf03728d9/1x/sprites.json">sprites.json</a></td>
263-
<td>jpg</td>
264-
<td>4,308 KB</td>
265-
<td><a href="./d86ed6eaf03728d9/1x/sprites.jpg">Image</a></td>
211+
<td><a href="./d86ed6eaf03728d9/1x/sprites.jpg">jpg (4,308 KB)</a></td>
266212
</tr>
267213
<tr>
268214

269-
<td>webp</td>
270-
<td>2,692 KB</td>
271-
<td><a href="./d86ed6eaf03728d9/1x/sprites.webp">Image</a></td>
215+
<td><a href="./d86ed6eaf03728d9/1x/sprites.webp">webp (2,692 KB)</a></td>
272216
</tr>
273217
</table>
274218
</li>
@@ -280,51 +224,37 @@ <h1>Allmaps Thumbnail Sprites Test</h1>
280224
<th>Tile Scale</th>
281225
<th>Image Size</th>
282226
<th>Sprites JSON</th>
283-
<th>Format</th>
284-
<th>File Size</th>
285227
<th>Image</th>
286228
</tr>
287229
<tr>
288230
<td rowspan="2">0.25x</td>
289231
<td rowspan="2">896 × 979</td>
290232
<td rowspan="2"><a href="./8db3a400568ff680/0.25x/sprites.json">sprites.json</a></td>
291-
<td>jpg</td>
292-
<td>88 KB</td>
293-
<td><a href="./8db3a400568ff680/0.25x/sprites.jpg">Image</a></td>
233+
<td><a href="./8db3a400568ff680/0.25x/sprites.jpg">jpg (88 KB)</a></td>
294234
</tr>
295235
<tr>
296236

297-
<td>webp</td>
298-
<td>57 KB</td>
299-
<td><a href="./8db3a400568ff680/0.25x/sprites.webp">Image</a></td>
237+
<td><a href="./8db3a400568ff680/0.25x/sprites.webp">webp (57 KB)</a></td>
300238
</tr>
301239
<tr>
302240
<td rowspan="2">0.5x</td>
303241
<td rowspan="2">1792 × 1951</td>
304242
<td rowspan="2"><a href="./8db3a400568ff680/0.5x/sprites.json">sprites.json</a></td>
305-
<td>jpg</td>
306-
<td>289 KB</td>
307-
<td><a href="./8db3a400568ff680/0.5x/sprites.jpg">Image</a></td>
243+
<td><a href="./8db3a400568ff680/0.5x/sprites.jpg">jpg (289 KB)</a></td>
308244
</tr>
309245
<tr>
310246

311-
<td>webp</td>
312-
<td>158 KB</td>
313-
<td><a href="./8db3a400568ff680/0.5x/sprites.webp">Image</a></td>
247+
<td><a href="./8db3a400568ff680/0.5x/sprites.webp">webp (158 KB)</a></td>
314248
</tr>
315249
<tr>
316250
<td rowspan="2">1x</td>
317251
<td rowspan="2">3584 × 3911</td>
318252
<td rowspan="2"><a href="./8db3a400568ff680/1x/sprites.json">sprites.json</a></td>
319-
<td>jpg</td>
320-
<td>1,195 KB</td>
321-
<td><a href="./8db3a400568ff680/1x/sprites.jpg">Image</a></td>
253+
<td><a href="./8db3a400568ff680/1x/sprites.jpg">jpg (1,195 KB)</a></td>
322254
</tr>
323255
<tr>
324256

325-
<td>webp</td>
326-
<td>668 KB</td>
327-
<td><a href="./8db3a400568ff680/1x/sprites.webp">Image</a></td>
257+
<td><a href="./8db3a400568ff680/1x/sprites.webp">webp (668 KB)</a></td>
328258
</tr>
329259
</table>
330260
</li>

0 commit comments

Comments
 (0)