Home Entrance Wiki Search Login Register

Welcome, Guest. Please login or register.
March 24, 2023, 09:01:10 pm - @875.81
Forum activity rating: Four Star Posts: 57/24hrs Unread Topics | Unread Replies | Own Posts | Own Topics | Recent Posts
News: :ozwomp: Reminder: Forum messages stay readable for years! Keep yours high quality! :ozwomp:

+  MelonLand Forum
|-+  World Wide Web
| |-+  ☞ ∙ Life on the Web
| | |-+  Dither


« previous next »
Pages: [1] Print
Author Topic: Dither  (Read 233 times)
dotmidi
Sr. Member ⚓︎
****
Posts: 269


i miss you, but i havent met you yet

iMood: dotmidi

View Profile WWW

Cool Dude AwardJoined 2022!
« on: March 03, 2023, 03:09:56 pm »

To my phototography fiends on the net, how do you guys feel about dithering? What makes you like/dislike it.. Feel free to add whatever to the conversation about Dithering  :dive:

Just wanna know how you guys feel about it!
Logged

Melooon
Administrator
Hero Member ⚓︎
*****
Posts: 1285


So many stars!

SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games

View Profile WWW

spring 2023!Squirtle!!!!MIDI WarriorMIDI Warrior1234 Posts!OzspeckCool Dude AwardRising Star of the Web AwardMessage BuddyPocket Icelogist!OG! Joined 2021!The Smallest Ozwomp Known To ManBug!
« Reply #1 on: March 03, 2023, 04:00:47 pm »

Cinni sent me this article a long time ago and its really great In Defense of the Poor Image by Hito Steyerl
Quote
The poor image is no longer about the real thing—the originary original. Instead, it is about its own real conditions of existence: about swarm circulation, digital dispersion, fractured and flexible temporalities. It is about defiance and appropriation just as it is about conformism and exploitation.

In short: it is about reality.
Thats a totally twisted view point on image compression and I love it  :grin:

I guess its an interesting idea to pre-dither or pre-compress your own images; it changes their purpose in the same way that taking a polaroid picture changes its purpose. It become about whats missing as much as whats there. I know many people in the web revival like to do it because its a way of being more anonymous while still showing your physical world; but it also kinda shows your world the way you want it to be.. its a retro world or a dream world of pixelated memories.

And then there's all the mathematic stuff going on about how the algorithm actually does the dithering; I had fun trying out dithering styles when making this lil video.

I guess Im rambling a bit, I mostly wanted to share that article, but I think its a really fascinating topic!
Logged


everything lost will be recovered, when you drift into the arms of the undiscovered
Commodorn
Full Member ⚓︎
***
Posts: 112


Major Dork

iMood: Commodorn

View Profile WWW

Mushroom MadnessMessage BuddyJoined 2023!
« Reply #2 on: March 03, 2023, 07:57:28 pm »

I absolutely love dithering. Not just for the look of it, but because it's really easy to edit a dithered image in relatively believable ways. Besides, y'know.. other ways. Like, if I put this image back into MSpaint, I could easily do something like... remove my eyes or make my skin blue since all of the pixels are so clear and predictable. The colors are very solid and limited, too-- so I may only need a paint bucket for most of it!

Really, I love images that encourage your brain to fill in the gaps. It's fascinating how much you can see with so little when you go as far as dithering in 2 bits. The lack of information really makes turning an image into a horrific monstrosity so much more tempting, too...
Logged

Enjoy my obnoxiously large signature.
Cobra!
Sr. Member ⚓︎
****
Posts: 391


’S fhearr Albais bhriste na Albais sa chiste

StatusCafe: cobradile
iMood: Cobradile
Matrix: Chat!
XMPP: Chat!
Itch.io: My Games

View Profile WWW

OG! Joined 2021!
« Reply #3 on: March 04, 2023, 04:25:33 am »

I like Dithering. It reminds me of the DOS/Windows 9x days!

I love seeing how older, more limited machines handle bigger images and how they dither them. Some older CD consoles even did this to videos.

Mega Race is a good example of this, this is the original on DOS:

This is the Mega CD port:
« Last Edit: March 04, 2023, 04:28:38 am by Cobra! » Logged




“Snooping as usual, I see?”
doubleincision
Jr. Member ⚓︎
**
Posts: 65


iMood: doubleincision

View Profile WWW

Joined 2023!
« Reply #4 on: March 04, 2023, 04:56:14 am »

i'm extremely pro-dithering!! there's something about the texture it lends to the image that just scratches an itch in my brain...particularly Bayer dithering. i like to incorporate dithering into my art sometimes, i'll play around with it before exporting the final image because it makes it look like something one would see on an early web art gallery.
Logged

Gans
Jr. Member
**
Posts: 93



View Profile WWW

€100 IRC InvestmentJoined 2022!
« Reply #5 on: March 04, 2023, 07:46:03 am »

Yeah, yeah, Dithering for president! Vote for Dithering!

In most cases, you really have to have eagle eyes to spot the difference anyways. At least on a computer screen. Printed out is a different case, there you probably need a soft spot for pixel graphics.

Though some images, when they're about to be converted to 256 colours, do look better without dithering. It's completly situational. My favourite way of dithering is the Bayer-cross-pattern, too. It looks very old-style!

Edit: Found an example of bad dithering. It often ruins my single-coloured plains with these dots.


* dithering.PNG (74.24 kB, 900x587 - viewed 16 times.)
« Last Edit: March 04, 2023, 08:08:27 am by Gans » Logged
/home/user/
Hero Member ⚓︎
*****
Posts: 700


Your friendly neighborhood directory

StatusCafe: sprinkles

View Profile WWW

spring 2023!Pocket Icelogist!666 Posts >:DJoined 2022!
« Reply #6 on: March 04, 2023, 11:20:29 am »

When I use real life photos on my website, I usually cut their contents out crudely and then use dithering and some other methods to make them look crunchy and "digital". I love it.


Logged


doubleincision
Jr. Member ⚓︎
**
Posts: 65


iMood: doubleincision

View Profile WWW

Joined 2023!
« Reply #7 on: March 04, 2023, 11:11:11 pm »

When I use real life photos on my website, I usually cut their contents out crudely and then use dithering and some other methods to make them look crunchy and "digital". I love it.



i love these!! they have a "digital scrapbook" kind of look to them. they also remind me of the images on oldcomputers.net. something about a picture of an object having no background, just floating on the page, feels so Correct to me.
Logged

Eldridge_Jameson
Jr. Member ⚓︎
**
Posts: 50


Rockin' at the Dance of Exis

iMood: Eldridge_Jameson

View Profile WWW

Joined 2022!
« Reply #8 on: March 06, 2023, 04:21:59 am »

Oh man, I love me some dithering! I make pixel art, and when you make stuff like that, you often wanna keep the palette low so it looks more authentic. In order to add more detail, you gotta dither, and I had a lot of fun using it to create dirt textures the other day!
Logged
doubleincision
Jr. Member ⚓︎
**
Posts: 65


iMood: doubleincision

View Profile WWW

Joined 2023!
« Reply #9 on: March 06, 2023, 06:14:33 am »

i got my hands on a copy of Photoshop 7 today, and i remembered its great "save for web" feature that makes it easy to play with dithering, particularly transparency dithering. i used it to make this little Pierrot graphic for my husband's site :smile:


i wish i knew how to keep the pixels looking crisp on mobile screens, though. i've heard there's some tricks to do so, but i haven't looked too much into it. if anyone knows the secretz please share your wisdom with me!
Logged

/home/user/
Hero Member ⚓︎
*****
Posts: 700


Your friendly neighborhood directory

StatusCafe: sprinkles

View Profile WWW

spring 2023!Pocket Icelogist!666 Posts >:DJoined 2022!
« Reply #10 on: March 06, 2023, 12:00:56 pm »

i got my hands on a copy of Photoshop 7 today, and i remembered its great "save for web" feature that makes it easy to play with dithering, particularly transparency dithering. i used it to make this little Pierrot graphic for my husband's site :smile:


i wish i knew how to keep the pixels looking crisp on mobile screens, though. i've heard there's some tricks to do so, but i haven't looked too much into it. if anyone knows the secretz please share your wisdom with me!

That looks extremely cool!! I love what dithering does to images... it makes me nostalgic immediately.

As for how to make pixels render sharp on web pages; there is not much you can do because it's a browser decision, but there are some hacky CSS statements that you can use that work on most browsers to signal that images should be rendered as-they-are without filters:

Code
img {	
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Universal support since 2021   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
}

This is what I use and it works well. I copied that off Stackoverflow though I think, not original work.
Logged


loren
Newbie ⚓︎
*
Posts: 42


StatusCafe: ribose
iMood: ribose

View Profile WWW

spring 2023!Learning to swim!Joined 2022!
« Reply #11 on: March 06, 2023, 04:45:41 pm »

it makes me happy to see so much appreciation for dithering! i love how it looks too, and i make heavy use of it on my site. in addition to the nice texture it adds, i find that limiting the color palette helps images from different sources look more cohesive.

Logged
doubleincision
Jr. Member ⚓︎
**
Posts: 65


iMood: doubleincision

View Profile WWW

Joined 2023!
« Reply #12 on: March 06, 2023, 08:45:14 pm »

That looks extremely cool!! I love what dithering does to images... it makes me nostalgic immediately.

As for how to make pixels render sharp on web pages; there is not much you can do because it's a browser decision, but there are some hacky CSS statements that you can use that work on most browsers to signal that images should be rendered as-they-are without filters:

Code
img {	
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Universal support since 2021   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
}

This is what I use and it works well. I copied that off Stackoverflow though I think, not original work.

thank you for this! image smoothing is so ugly lemme see them pixels
Logged

Pages: [1] Print 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | SMFPacks Super Quote Forum Guide | Rules | RSS | WAP2


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery!