Register - Login
Views: 99352421
Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies
04-21-22 07:07:00 PM
Jul - Projects and Creations - Bitmap Color Depth Tree New poll - New thread - New reply
Next newer thread | Next older thread
Kak

...
Level: 80


Posts: 208/1928
EXP: 4753112
For next: 29857

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days

Posted on 11-01-13 10:24:14 AM (last edited by Kak64 at 11-01-13 06:47:11 PM) Link | Quote
I have been experimenting lately with an image on Windows 7 Paint for all the possible color depth combinations.

Reason for this? Just for fun, after I noticed different combinations lead to different results (even if both lead to 2 color mode).

So, which one on 16 and 2 color mode looks better?



Here we go!




____________________
This is the JPEG --> 16 color Bitmap --> 2 color Bitmap:

This is the JPEG --> 256 color Bitmap --> 16 color Bitmap --> 2 color Bitmap:

sofi

🌠
Level: 116


Posts: 3154/4151
EXP: 17083112
For next: 240981

Since: 02-18-11

Pronouns: she/her
From: たまごっち星

Since last post: 17 hours
Last activity: 13 hours

Posted on 11-01-13 05:55:57 PM Link | Quote
Can you, like, make these thumbnails or something? These images are huge! This goes for the pics in the photography thread too. It’s like hard to make sense of what’s going on because of how big the pictures are.

____________________
Sofi posts are handcrafted in Seattle, Washington. Each one-of-a-kind post begins with a vision or dream and is the result of hours of research, drafting and revision.
Kak

...
Level: 80


Posts: 211/1928
EXP: 4753112
For next: 29857

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days

Posted on 11-01-13 06:49:16 PM (last edited by Kak64 at 11-01-13 06:56:16 PM) Link | Quote
Originally posted by Sofi
Can you, like, make these thumbnails or something? These images are huge! This goes for the pics in the photography thread too. It’s like hard to make sense of what’s going on because of how big the pictures are.

Sorry...

Ok, I've "made" (technically CSS code to resize the image) the thumbnails, and a preliminary table. The table coding is broken, but at least it works.

____________________
Kak

...
Level: 80


Posts: 397/1928
EXP: 4753112
For next: 29857

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days

Posted on 11-22-13 12:33:45 PM (last edited by Kak64 at 11-24-13 03:08:54 PM) Link | Quote


Here we go again! This time with a scanned image.

The results look even worse, so I now know not to try this on scanned images.

This is the JPEG --> 16 color Bitmap --> 2 color Bitmap:

 photo 16--2_zpsf793388a.png
This is the JPEG --> 256 color Bitmap --> 16 color Bitmap --> 2 color Bitmap:

 photo 256--16--2_zpsb687bbef.png


____________________
This is the JPEG --> 2 color Bitmap:

 photo 2_zps0eb1c22b.png
This is the JPEG --> 256 color Bitmap --> 16 color Bitmap:

 photo 256--16_zps22b4d701.png
This is the JPEG --> 256 color Bitmap --> 2 color Bitmap:

 photo 256--2_zps454acd6b.png
Rachel Mae

Creature of Chaos
Level: 141


Posts: 5479/5929
EXP: 33568275
For next: 551739

Since: 07-03-07

Pronouns: she/her
From: Foxglen

Since last post: 9 days
Last activity: 2 hours

Posted on 11-22-13 10:37:08 PM Link | Quote
Dude, those thumbnails are HUGE. Don't inline those in the future, okay? >_<

You also forgot a closing </table> tag, which was breaking the thread. I added it for you.

____________________
Kak

...
Level: 80


Posts: 401/1928
EXP: 4753112
For next: 29857

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days

Posted on 11-23-13 04:33:06 AM (last edited by Kak64 at 11-23-13 04:33:42 AM) Link | Quote
Originally posted by BMF54123
Dude, those thumbnails are HUGE. Don't inline those in the future, okay?

You also forgot a closing < /table > tag, which was breaking the thread. I added it for you.


Ah, thanks. I'm still not a master with tables.

On a side note, I should probably stop using CSS to resize image and instead make actual thumbnails.

Next time I'm doing something with huge images I will be using real thumbnails.

____________________
Kak

...
Level: 80


Posts: 540/1928
EXP: 4753112
For next: 29857

Since: 09-03-13

From: ???

Since last post: 58 days
Last activity: 54 days

Posted on 12-03-13 12:05:48 PM (last edited by Kak64 at 12-03-13 12:06:20 PM) Link | Quote
I've done it with a photo taken with my smartphone.

I've done it with a scanned drawing.

Now I'm doing it with a picture taken with a digital camera. Will the quality improve? :/

JPEG --> 16 --> 2:

 photo 16-2_zpsbc47a2bc.png
JPEG --> 256 --> 16 --> 2:

 photo 256-16-2_zpsd7b1ff58.png



____________________
JPEG --> 2:

 photo 2_zps40b231f3.png
JPEG --> 256 --> 16:

 photo 256-16_zps15b7d951.png
JPEG --> 256 --> 2:

 photo 256-2_zpsac097721.png
Next newer thread | Next older thread
Jul - Projects and Creations - Bitmap Color Depth Tree New poll - New thread - New reply
Original:

 photo 0_zps51604193.jpg
JPEG --> 256:

 photo 256_zps5ef34e74.png
JPEG --> 16:

 photo 16_zpscfd73a33.png


Rusted Logic

Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

29 database queries, 4 query cache hits.
Query execution time:  0.093350 seconds
Script execution time:  0.032202 seconds
Total render time:  0.125552 seconds
This is the original JPEG image:

 photo 001_zpsbfb5c2b7.jpg
This is the JPEG --> 256 color Bitmap:

 photo 256_zps22a54e02.png
This is the JPEG --> 16 color Bitmap:

 photo 16_zpsd1858cbb.png
This is the JPEG --> 2 color Bitmap:

This is the JPEG --> 256 color Bitmap --> 16 color Bitmap:

This is the JPEG --> 256 color Bitmap --> 2 color Bitmap:

This is the original JPEG image:

This is the JPEG --> 256 color Bitmap:

This is the JPEG --> 16 color Bitmap:



TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 301 - Warning: unescaped & or unknown entity "&page"
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 194 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 91 - Warning: missing </font> before </table>
line 156 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 9 - Warning: missing <tr>
line 176 column 13 - Warning: missing <tr>
line 177 column 102 - Warning: unescaped & or unknown entity "&postid"
line 179 column 74 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 179 column 1783 - Warning: missing </font> before <div>
line 185 column 2284 - Warning: inserting implicit <font>
line 185 column 2423 - Warning: inserting implicit <font>
line 185 column 2423 - Warning: missing </font> before <table>
line 191 column 2657 - Warning: missing </a> before </div>
line 191 column 2883 - Warning: discarding unexpected </a>
line 193 column 2998 - Warning: missing </a> before </div>
line 193 column 3218 - Warning: discarding unexpected </a>
line 195 column 3332 - Warning: missing </a> before </div>
line 195 column 3550 - Warning: discarding unexpected </a>
line 195 column 3570 - Warning: <table> isn't allowed in <tbody> elements
line 189 column 2537 - Info: <tbody> previously mentioned
line 197 column 3701 - Warning: missing </a> before </div>
line 197 column 3917 - Warning: discarding unexpected </a>
line 199 column 4052 - Warning: missing </a> before </div>
line 199 column 4278 - Warning: discarding unexpected </a>
line 201 column 4412 - Warning: missing </a> before </div>
line 201 column 4636 - Warning: discarding unexpected </a>
line 201 column 4656 - Warning: <table> isn't allowed in <tbody> elements
line 195 column 3577 - Info: <tbody> previously mentioned
line 203 column 4807 - Warning: missing </a> before </div>
line 203 column 5029 - Warning: discarding unexpected </a>
line 205 column 5183 - Warning: missing </a> before </div>
line 205 column 5413 - Warning: discarding unexpected </a>
line 206 column 1 - Warning: <br> isn't allowed in <tbody> elements
line 201 column 4663 - Info: <tbody> previously mentioned
line 206 column 5437 - Warning: <br> isn't allowed in <tbody> elements
line 201 column 4663 - Info: <tbody> previously mentioned
line 206 column 5441 - Warning: <br> isn't allowed in <tbody> elements
line 201 column 4663 - Info: <tbody> previously mentioned
line 206 column 5445 - Warning: plain text isn't allowed in <tbody> elements
line 201 column 4663 - Info: <tbody> previously mentioned
line 206 column 5465 - Warning: <br> isn't allowed in <tbody> elements
line 201 column 4663 - Info: <tbody> previously mentioned
line 206 column 5469 - Warning: discarding unexpected </font>
line 206 column 5476 - Warning: discarding unexpected </div>
line 206 column 5482 - Warning: discarding unexpected </div>
line 206 column 5488 - Warning: discarding unexpected </div>
line 206 column 5494 - Warning: discarding unexpected </div>
line 206 column 5500 - Warning: discarding unexpected </div>
line 206 column 5506 - Warning: discarding unexpected </div>
line 206 column 5512 - Warning: discarding unexpected </div>
line 206 column 5518 - Warning: discarding unexpected </div>
line 206 column 5524 - Warning: discarding unexpected </div>
line 206 column 5530 - Warning: discarding unexpected </div>
line 206 column 5536 - Warning: discarding unexpected </div>
line 206 column 5542 - Warning: discarding unexpected </div>
line 206 column 5548 - Warning: discarding unexpected </div>
line 206 column 5554 - Warning: discarding unexpected </div>
line 206 column 5560 - Warning: discarding unexpected </div>
line 206 column 5566 - Warning: discarding unexpected </div>
line 206 column 5572 - Warning: discarding unexpected </div>
line 206 column 5578 - Warning: discarding unexpected </div>
line 206 column 5584 - Warning: discarding unexpected </td>
line 208 column 9 - Warning: discarding unexpected </div>
line 209 column 9 - Warning: <div> isn't allowed in <tbody> elements
line 195 column 3577 - Info: <tbody> previously mentioned
line 211 column 9 - Warning: missing <tr>
line 229 column 13 - Warning: missing <tr>
line 230 column 102 - Warning: unescaped & or unknown entity "&postid"
line 232 column 74 - Warning: <style> isn't allowed in <td> elements
line 232 column 9 - Info: <td> previously mentioned
line 235 column 9 - Warning: <div> isn't allowed in <tbody> elements
line 195 column 3577 - Info: <tbody> previously mentioned
line 237 column 9 - Warning: missing <tr>
line 255 column 13 - Warning: missing <tr>
line 256 column 102 - Warning: unescaped & or unknown entity "&postid"
line 258 column 74 - Warning: <style> isn't allowed in <td> elements
line 258 column 9 - Info: <td> previously mentioned
line 258 column 1783 - Warning: missing </font> before <blockquote>
line 258 column 1816 - Warning: inserting implicit <font>
line 258 column 1816 - Warning: missing </font> before <hr>
line 258 column 1877 - Warning: inserting implicit <font>
line 258 column 1877 - Warning: missing </font> before <hr>
line 259 column 1 - Warning: inserting implicit <font>
line 264 column 9 - Warning: <div> isn't allowed in <tbody> elements
line 195 column 3577 - Info: <tbody> previously mentioned
line 266 column 9 - Warning: missing <tr>
line 284 column 13 - Warning: missing <tr>
line 285 column 102 - Warning: unescaped & or unknown entity "&postid"
line 287 column 74 - Warning: <style> isn't allowed in <td> elements
line 287 column 9 - Info: <td> previously mentioned
line 299 column 3087 - Warning: <table> isn't allowed in <tbody> elements
line 293 column 1947 - Info: <tbody> previously mentioned
line 305 column 4296 - Warning: <table> isn't allowed in <tbody> elements
line 299 column 3094 - Info: <tbody> previously mentioned
line 309 column 5172 - Warning: <br> isn't allowed in <tbody> elements
line 299 column 3094 - Info: <tbody> previously mentioned
line 309 column 5176 - Warning: <br> isn't allowed in <tbody> elements
line 299 column 3094 - Info: <tbody> previously mentioned
line 309 column 5180 - Warning: plain text isn't allowed in <tbody> elements
line 299 column 3094 - Info: <tbody> previously mentioned
line 309 column 5200 - Warning: <br> isn't allowed in <tbody> elements
line 299 column 3094 - Info: <tbody> previously mentioned
line 309 column 5204 - Warning: discarding unexpected </div>
line 309 column 5210 - Warning: discarding unexpected </div>
line 309 column 5216 - Warning: discarding unexpected </td>
line 311 column 9 - Warning: discarding unexpected </div>
line 312 column 9 - Warning: <div> isn't allowed in <tbody> elements
line 293 column 1947 - Info: <tbody> previously mentioned
line 314 column 9 - Warning: missing <tr>
line 332 column 13 - Warning: missing <tr>
line 333 column 102 - Warning: unescaped & or unknown entity "&postid"
line 340 column 9 - Warning: <div> isn't allowed in <tbody> elements
line 293 column 1947 - Info: <tbody> previously mentioned
line 342 column 9 - Warning: missing <tr>
line 360 column 13 - Warning: missing <tr>
line 361 column 102 - Warning: unescaped & or unknown entity "&postid"
line 363 column 74 - Warning: <style> isn't allowed in <td> elements
line 363 column 9 - Info: <td> previously mentioned
line 374 column 9 - Warning: <div> isn't allowed in <tbody> elements
line 293 column 1947 - Info: <tbody> previously mentioned
line 376 column 9 - Warning: missing <tr>
line 394 column 13 - Warning: missing <tr>
line 395 column 102 - Warning: unescaped & or unknown entity "&postid"
line 397 column 74 - Warning: <style> isn't allowed in <td> elements
line 397 column 9 - Info: <td> previously mentioned
line 409 column 3038 - Warning: <table> isn't allowed in <tbody> elements
line 403 column 1977 - Info: <tbody> previously mentioned
line 415 column 4140 - Warning: <table> isn't allowed in <tbody> elements
line 409 column 3045 - Info: <tbody> previously mentioned
line 420 column 1 - Warning: <br> isn't allowed in <tbody> elements
line 409 column 3045 - Info: <tbody> previously mentioned
line 420 column 4922 - Warning: <br> isn't allowed in <tbody> elements
line 409 column 3045 - Info: <tbody> previously mentioned
line 420 column 4926 - Warning: <br> isn't allowed in <tbody> elements
line 409 column 3045 - Info: <tbody> previously mentioned
line 420 column 4930 - Warning: plain text isn't allowed in <tbody> elements
line 409 column 3045 - Info: <tbody> previously mentioned
line 420 column 4950 - Warning: <br> isn't allowed in <tbody> elements
line 409 column 3045 - Info: <tbody> previously mentioned
line 420 column 4954 - Warning: discarding unexpected </div>
line 420 column 4960 - Warning: discarding unexpected </div>
line 420 column 4966 - Warning: discarding unexpected </td>
line 422 column 9 - Warning: discarding unexpected </div>
line 423 column 17 - Warning: <table> isn't allowed in <tbody> elements
line 403 column 1977 - Info: <tbody> previously mentioned
line 426 column 17 - Warning: <table> isn't allowed in <tbody> elements
line 403 column 1977 - Info: <tbody> previously mentioned
line 426 column 35 - Warning: missing <tr>
line 426 column 50 - Warning: missing </font> before </td>
line 428 column 17 - Warning: <table> isn't allowed in <tbody> elements
line 403 column 1977 - Info: <tbody> previously mentioned
line 428 column 35 - Warning: missing <tr>
line 428 column 50 - Warning: missing </font> before </td>
line 429 column 37 - Warning: unescaped & or unknown entity "&id"
line 430 column 17 - Warning: discarding unexpected </textarea>
line 430 column 28 - Error: discarding unexpected </form>
line 430 column 35 - Error: discarding unexpected </embed>
line 430 column 43 - Error: discarding unexpected </noembed>
line 430 column 53 - Error: discarding unexpected </noscript>
line 430 column 64 - Error: discarding unexpected </noembed>
line 430 column 74 - Error: discarding unexpected </embed>
Tidy found 261 warnings and 8 errors! Not all warnings/errors were shown.

You may need to move one or both of the <form> and </form>
tags. HTML elements should be properly nested and form elements
are no exception. For instance you should not place the <form>
in one table cell and the </form> in another. If the <form> is
placed before a table, the </form> cannot be placed inside the
table! Note that one form can't be nested inside another!

The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md