[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y ] [Home]
4chanarchives logo
Here's a neat little trick I figured out with interlaced PNGs!
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /g/ - Technology

Thread replies: 91
Thread images: 13
File: Untitled-1.png (248 KB, 1024x512) Image search: [Google]
Untitled-1.png
248 KB, 1024x512
Here's a neat little trick I figured out with interlaced PNGs!
>>
CP DO NOT OPEN
>>
MODS
>>
That's nice. How does it work?
>>
>>55332996
Bump
>>
>>55332972
anyone know how to open this
>>
>>55332972
lol, I actually recognize that from a certain darknet site. Nice job, OP
>>
>>55332996
Interlaced PNGs will load pixels in a particular order, and the image will expand the pixels that are loaded to fill the image dimensions.

This is done in a series of passes, with the number of pixels loaded doubling with each pass.
The first pass loads the pixel in the top left corner, which I've coloured red.
After the first pass, the image renders as red.

The second pass loads the pixel in the top-middle, which I've coloured orange.

So then the image renders as red and orange.

The third pass loads two pixels half the image height below those two, which I've coloured yellow, so the top half is red and orange while the bottom half is all yellow.

The fourth pass loads four pixels which I've coloured green.

Then it goes light blue, blue, dark blue, purple, pink, and then once more through the whole rainbow.

With each pass, there's twice as many pixels added and so it takes longer to load, so until the last several passes the image is loading too fast to see the colour flashes, unless you're on dialup or something.
>>
File: Screenshot_20160629-225655.png (1 MB, 1080x1920) Image search: [Google]
Screenshot_20160629-225655.png
1 MB, 1080x1920
?
>>
>>55333099
so what's the trick? what am i looking at?
>>
>>55332972
MODS MODS MODS!!!!!
>>
>>55333132
you know how sometimes images start off blurry then get more clear as they load in if your internet is shit? this makes it so that it's different colors instead of a blurry image.
>>
>>55333132
Interlaced PNGs double the number of pixels they've loaded with each iteration of their loading, and the image is drawn in such a way that all the new pixels that load in an iteration are all the same colour; thus half the pixels loaded at any one time are a the same colour.
So, with each iteraction, the colour of an image changes, because half its pixels are a new colour.

>>55333121
Phones might not properly support interlaced PNGs.
>>
>>55333173
webm of it on a PC?
>>
>>55333194
Can't, only works the first time you load the image.
>>
>>55333274
>doesn't know how to clear cache
fag
>>
>>55333293
he is prolly on windows, they save every click you make


...


for your interests off course
>>
>>55333293
I can clear the cache, but I don't want to.
Having a cache makes web browsing much faster.
>>
>>55333866
Do it in incognito or whatever your browser equivalent is.
>>
>>55333274
Try force reloading. Ctrl+shift+r.
>>
Is this a meme?
I'm on FF and it does nothing.
>>
>>55332972

>be me
>install ubuntu 16.04
>try to see this image
>ubuntu 16.04 doesn't support png images out of the box

Now I know why it's free.
>>
>>55332972
nice

>>55333989
see >>55333099 >>55333173
read the thread before asking

>>55334009
>>ubuntu 16.04 doesn't support png images out of the box
wut
>>
>>55334024
I did read. OP fucked up his encoding, because they all just loaded at once. It looks the same as the phoneposter.
>>
>>55333904
>>55333905
Doesn't work.

>>55334037
The only option was interlacing, or no interlacing.
No way to fuck it up.
Though for some reason I could only interlace if I used PNG-8 rather than PNG-24 or 32.
>>
are you on a fucking DSL or what?

I cant see shit, it loads sub <5ms I cant see shit. Get a better internet if you can see something.
>>
>>55334009

it doesn't support them in your computer but you can see them alright over the internet. stop bullshiting faggot
>>
>>55334037
>>55333905
do it multiple times and you'll see the diff while reloading
the problem is that the file is too small, and loads too fast
>>
not seeing it either
safari on mac
[spoiler]before you say anything, I work in iOS development, so I had to
>>
OP, perhaps you could use this?
https://github.com/tylertreat/comcast
install it on openshift (free, but takes some reading), upload the pic to the server, post to HN for hipster points
>>
>>55334009
You deserve it, retard.
>>
>>55334087
nevermind, the program is not what I thought it was... still, guess you could use it in some VPS or something
>>
didn't do anything for me
my computer must be too fast
>>
Alright OP give up your secret. First time in posting in your thread.

I tried forced reloading but all it shows is a green-blue glitch. I tried downloading and using -convert but nothing works. Is there any way to recover the image?
>>
>see red background of pixels
>people on this thread claim it's an interlaced image or cp
Not much value is going on here nor sense of this thread. OP Please kill yourself.
>>
>>55334268
Those were either
1. /v/ shitposters
2. OP trying to bump

Either way OP fucked up and he is not responding with a proper way to recover the picture
>>
>>55334150
http://www.libpng.org/pub/png/pngpic2.html
That should explain what's going on to cause it to flash colours as it renders.

There's no image to "recover".
What you see is what the image is, I've just exploited the workings of interlacing so that as the image loads it makes pixels of particular colours more obvious depending on what step of the loading it's on.

>>55334148
>>55334268
Do you both have super fast internet or something?
I mottled the colours a bit so that the filesize would be larger and thus slow down the loading, but 248kb still isn't much.
>>
>>55334301
Not either one of those but I'm in Australia with shitty ADSL and it loaded almost instantly.
>>
>>55334056

Sounds like a great OS (no).

>>55334108

Nobody deserves to use Linux.
>>
>>55334332
Are you a fucking retard or just trolling?
>>
>>55334024
m8, your package manager should have installed all of that, and that's if the OS didn't come with the libs already. you are clearly doing something very wrong. perhaps your system was not installed/configured correctly?
>>
>>55334382
Don't feed the troll
>>
File: Screenshot_20160630-035620.png (2 MB, 1440x2560) Image search: [Google]
Screenshot_20160630-035620.png
2 MB, 1440x2560
What is it?
>>
>>55334462
Doesn't work on that kind of phone it seems, but what it does is flash different colours as it loads.
>>
Tfw a snibby crab
>>
if you press ctrl+shift+r repeatedly (every half a second or so), you can see some colors.
>>
In Fireworks CS4, how do I make it so that one layer erases another to create transparency rather than white?
>>
>>55334617
or just CTRL + F5
>>
>>55334834
>>55334617
All I see is some blue glitch.

Shit thread OP
>>
>>55335044
this shit only works for americlaps, aka not for people with fast internet connections.
>>
>>55335059
You can theoretically use Chrome's developer options to slow your internet down artificially.
>>
>>55332972
That's actually kind of cool. We used to do shit like this in school.
>>
File: test.png (2 MB, 1024x512) Image search: [Google]
test.png
2 MB, 1024x512
My internet connection is a piece of shit but it's still too fast to see this effect in action...

Maybe this will help? I tried making the PNG less efficient
>>
>>55335221
Thanks this helped
>>
>>55335221
Good work but cant see anything, the transition was slow enough but there is nothing there
>>
>>55335221
Neat.
How'd you make it less efficient?
Did you figure out how to change it to PNG-32 yet still interlace?
>>
people in this bread no realizing there's no CP to be seen. It's literally just huge pixels that turn into smaller pixels based on how fast your internet is.
>>
>>55335484
I know but but I am interested in this thread since it'd be a really good way to hide your dickpicks
>>
>>55335484
wow shreklock
nice peeling away the layers of the onion that was this mystery
>>
>>55335524
>hiding dick pics
Why not just use GPG/PGP to encrypt the file?
>>55335528
If you're being sarcastic, I'm sure there were a few people here who believed the first few posts... If you're not, then KYS.
>>
>>55335542
wow shreklock
nice peeling away the layers of the sarcasm onion mystery
>>
>>55335221
yeah that took about 3-4 seconds here. what the fuck is happening?
>>
>>55335623
just timed it and it was 6.71 seconds haha.
>>
>>55335474
16-bit per color RGBA with the worst compression method I found (filter setting 9 if you're using imagemagick's -compress option)
>>
>>55335684
>48 bit colour
Can monitors even display any more than 24 bit?
>>
>>55335221
Weird. This loaded instantly for me, don't see anything weird.
>>
>tfw 1Gbps connection
>can't see shit
>>
>>55335713
Most high-quality displays will go up to at least 30 bit, including consumer displays. Often they even use 36 bit LUTs internally
>>
File: yeehaw.png (98 KB, 257x188) Image search: [Google]
yeehaw.png
98 KB, 257x188
i would understand if it did a single pass from top to bottom like every other picture on the internet ever, but it takes like 7 passes with different colour lattice each time.
>>
Couldn't see shit, even with >>55335221
>>
>>55335774
it's interlaced/progressive
jpeg can do it as well

the idea is that you get a lower quality version of the full image before the file has completely loaded
>>
>>55333866
Strg + F5 forces reload of a page, including all assets

no need to clear cache
>>
File: Untitled-3.png (732 KB, 1024x1024) Image search: [Google]
Untitled-3.png
732 KB, 1024x1024
>>
>>55336357
try this

https://0x0.st/ATK.png
>>
File: PNG trick.webm (3 MB, 1920x1080) Image search: [Google]
PNG trick.webm
3 MB, 1920x1080
>>55333051
>>55333121
>>55333132
>>55333194
>>55333989
>>55334064
>>55334148
>>55334462
>>55335782
Here you go, ya faggots. My webm are always kinda shitty but whatever
>>
File: interlacedPng.gif (583 KB, 641x352) Image search: [Google]
interlacedPng.gif
583 KB, 641x352
>>
>>55336367
AYY LMAO
>>
>>55336899
Noice!
>>
oh so you gotta have shit-tier connection for this to work
>>
>>55338727
>open opera
>limit connection speed
>????
>profit
>>
File: Untitled-2.png (161 KB, 512x512) Image search: [Google]
Untitled-2.png
161 KB, 512x512
YEAAAAAAAAAAAH
UH HUH
YOU KNOW WHAT IT IS
>>
>>55338820
wait fuck it loads too fast
>>
>>55338769
>opera
>>
>>55338878
>not having multiple browsers installed at once
I like the built-in VPN, though. And ad-blocking.. Pretty nice for some things I do.
I don't use it for everything but it's not a horrible browser.
>>
>>55338913
It's a closed source chromium wrapper by a chinese company. It's literally the definition of horrible.
>>
File: .png (27 KB, 73x511) Image search: [Google]
.png
27 KB, 73x511
>>55338950
Come at me bro.
I use firefox anyway.
>>
>>55338980
so is there a reason why you have chrome installed thrice or nah
>>
If your internet is too fast you have to F12 and throttle loading.
>>
>>55335221
whoa
>>
File: onMouseHover.webm (1 MB, 1302x759) Image search: [Google]
onMouseHover.webm
1 MB, 1302x759
>>55335221
>>
File: onMouseHover.webm (2 MB, 1302x759) Image search: [Google]
onMouseHover.webm
2 MB, 1302x759
>>55340444
Shit wrong quality settings...
Thread replies: 91
Thread images: 13

banner
banner
[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y] [Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.