I made my own Image File Format

Image File Formats are... images.
GitHub: github.com/fac...
Patreon: / facedevstuff
Discord server: / discord
Twitter: / facedevstuff
🎵 The music I use: share.epidemic...
Outro song - • 9 • Nine Nights • Day ...
Thumbnail art by @JersonEXE
Twitter: / jersonbrawlstar
Thanks for watching!

[@FlushDesert22]

"I'm tired of these stupid image file formats, so I'm contributing to the problem"

[@akaithecreator7448]

439 likes and 1 reply?

[@Ali_Jafari]

😂😂

[@BadmanYT-1254]

@@akaithecreator7448 why are you here

[@Sirbozo]

lol

[@nonexistentsquare2092]

@@BadmanYT-1254bro really said “Begone fool, for thou hath spoken too foul a word to remain” 💀

[@henrispriet9812]

Instead of making an image compression format, bro made an image expansion format

[@NebulaHatesWatchdog]

It’s not expansion, it’s just raw. No compression ≠ expansion

[@Visitor______________________v]

ITS RAW

[@cerulity32k]

​@@NebulaHatesWatchdog he used twice as many characters than what was needed without compression, i count that as expansion

[@aryanmn1569]

He is using a only hex digits out of the full domain of bytes, aka using 4 bits out of 8, so, yeah

[@sustrackpointus8613]

​@@Visitor______________________v how is that raw? Raw would be if he used 32 bytes per pixel, instead he made a somewhat-human readable format for images lmao

[@kousheralam]

wow, coverting a binary -> string -> do string manipulation -> show from the string. What's inside your head bro, it's pure genius

[@haraldbackfisch1981]

Going from int to string to almost always a terrible idea, just thinking of memory or lack of multiplication for data manipulation, have fun blurring in hex with strings. I love that he did it tho, sometimes u just gotta f around and find out, else we wouldn't have nice things in the first place :)

[@AOSP-is-still-Linux]

​@@haraldbackfisch1981 I think the OP was ironic, as the format of the message felt like that.

[@haraldbackfisch1981]

​@@AOSP-is-still-Linux youre right idk what i was thinking... wasnt thinking i guess 😅

[@Aloofmeepgamer]

Srsly

[@stgigamovement]

BWTC32Key B3K files are what happens after crossing compression with encryption with binary-to-text encoding. It actually works well in spite of me doing it because I don't like Base64.

[@y32code16]

2:27 "turns out its not 3.5 times more size" *shows a picture of 3.3x* "it can go up to 98 percent more size" *shows a picture of 98 times more size* on a 160.2 times more size image. yep thats face dev for ya

[@Kynatosh]

Yeah that was really weird, bro can't calculate

[@MrNosounder]

I fucking love how random these numbers are

[@lizkeres2593]

The major difference between jpeg and PNG is not only transparency but also the compression

[@borstenpinsel]

Both are compressed. Just with really different methods. Jpeg tries to emulate chunks of 8x8 px with parameters to a trig function (lossy to veeerry lossy depending on some parameter, but even the best quality (and thus worst compression factor) is very lossy). PNG however is basically a bitmap (lossless, no compression) which is then compressed with tar/gz algorithm. Basically cheating by making the 3rd party compression algorithm part of the file definition. It's like putting wave files into a zip folder and calling it a new audio format.

[@ursulmusic]

​@@borstenpinselSomething like audio FLAC, as it's lossless compression for PCM audio?

[@milesmartig5603]

jpeg and png both can store a lossless image

[@CryptoOfficial]

@@milesmartig5603 jpeg is per definition a lossy format even if you crank up the quality to 100% it’s still doing magic things with Fourier transformation and converting your image in a lot of lookalike patterns that they are close enough of the original pixels.

[@Henrix1998]

​​@@borstenpinselYou can't say PNG doesn't have compression, it just has lossless compression, even before tar/gz

[@dvidpi]

wowzers, im converting all images in my gallery to .bruh files! so efficient, fast and lightweight

[@procgne]

D1 glaze

[@theelite2351]

@@procgne its a joke

[@procgne]

@ “erm its a joke!!!11” no dip 🙏 💀

[@theelite2351]

@@procgne ?

[@procgne]

@@theelite2351 keep thinking abt it buddy!

[@dalhaan]

Tip: you can half the size of your files if you store the RGB values as raw bytes instead of characters. Each character is 1 byte long (assuming you are using a 1 byte character encoding like ASCII or UTF-8), but a hex character just represents half a byte in a human readable format. "9e", for instance, just represents the number 158 (uint8) which only takes up one byte, where storing "9e" as two characters you are using two bytes. Hex goes from 00 (0) -> FF (255), which is exactly how much a byte can hold. To do this you'll need to allocate a buffer of the number of pixels in the image times 3 (RGB per pixel = 3 bytes (1 byte for each colour) * number of pixels), then for each pixel: write a uint8 for the red value, write a uint8 for the green value, write a uint8 for the blue value. To read the file, loop over each pixel and read each byte (uint8) instead of writing.

[@dalhaan]

If you wanted you could also add an alpha channel by just adding an extra byte after blue, this would make each pixel 4 bytes instead of 3. And now you've created the bitmap image format 🙂

[@sollybunn]

Doesn't he do this 3m into the video

[@FaceDevStuff]

@@sollybunn I only stored the metadata (width & height) as bytes, the rest is full of hex values

[@rumisbadforyou9670]

he knew that, he's being rеtагded for no reason. he's just wants to jack up the yt algorithm, thinking "one day i will be making quadrillion dollars per nanosecond by pооping out: 'i pressed a key on my keyboard' / 'i copied seven lines of code from stack overflow' type of videos, yupeee!"

[@sollybunn]

@@FaceDevStuff that's a bruh moment (you didn't really expand on "were dealing with raw bytes now" so that's what I assumed)

[@alastor--radiodemon7556]

bro made a .bmp

[@magicjinn]

was about to comment this

[@_kitaes_]

but worse

[@alastor--radiodemon7556]

@@_kitaes_ just a tiny bit worse but it balances out with the funnies :3

[@magicjinn]

@@_kitaes_ yeah, but it ends with .bruh, worth it

[@nomorebadmilo]

bro, why are you here, smily face demon.

[@Ceelbc]

By converting it into hex of 6 characters, you lost transparency. However, if you made it hex of 8 characters long, you could keept the transparency.

[@blissful4992]

very inneficient

[@Luna5829]

with 8 characters you'd only get 1 decimal point of transparency 9 characters is pretty good tho

[@Ceelbc]

@@Luna5829 RRGGBBTT, with T transparency. So 256 values. What do you mean with 9? Am I missing something? (I don't count the # you would write in code since it is not needed)

[@Luna5829]

i forgot the transparency could also be in hex and not in decimal but still, with T / 255 being the transparency, you'd miss quite a few numbers

[@LimoDieFlasche]

@@Luna5829 You wouldn't miss anything visible to the human eye ^^ There's a reason why no one uses amounts above one byte (2 hex digits) per color

[@dingus_the_2nd]

Now make a .huh file that is an audio format

[@smokedice]

this but its just a .wav stored as a string

[@HiloYT]

and then .bruhuh for videos

[@Koreley]

@@HiloYT you could make a conlang out of this

[@osxfinderistaken]

.huh3 then .huh4

[@PJM257]

judging by how badly he struggled with an image format, i don't think he's ready to try an audio format lol

[@m4rt_]

situation: there are 10 competing formats solution: lets create a new one to replace the old ones. new situation: there are 11 competing formats (Heavily based on an XKCD comic)

[@devara_ma]

So this is what it feels like to be the guy who made the .webp file format

[@sagnikkundu89]

Webp is good actually pls research

[@devara_ma]

@@sagnikkundu89 so the joke went over your head. I was talking how it got the same degree of support as .webp.

[@sagnikkundu89]

@@devara_ma xDd. It wasn't obvious to me

[@rka3477]

congrats you invented .bmp

[@urisinger3412]

But 2x bigge

[@realrunnow]

1:21 delusion on a next level

[@joseph_gerald]

Storing raw bytes is unheard of why not use a human readable 4bit representatipn instead (hex)?

[@urisinger3412]

If people are gonna read your image file they will do it in a hex editor​@@joseph_gerald

[@bits360wastaken]

@@joseph_gerald Not sure if stupid or trolling, your not going to give an image format the ability for someone to download it to their desktop, open up notepad, and read an images letters and reconstruct it in their mind at the cost of a 10-100x file size increase. And storing raw bytes is unheard of, look at the .png and .jpg format specifications for a clue on how deep it actually goes.

[@joseph_gerald]

@@bits360wastaken sorry was sarcasm 🥲

[@_kitaes_]

@@bits360wastaken png stores compressed raw bytes

[@Bigpoo7]

web✅code editor✅programing lang✅text editor✅image file format✅operating system❌

[@stgigamovement]

What's next? A coding font? Don't know if it can have more characters than UnifontEX.

[@o_q]

the interlacing on this video is making me crazy

[@Aeduo]

I think that might be part of the shitpost.

[@FaceDevStuff]

@@Aeduo nope, just plain stupidity on my part

[@RockRemastered]

I was thinking the exact same. Now the real question is, does it deinterlace ?

[@oppok5657]

@@RockRemastered probably not because youtube's VP9 compression screws with interlacing

[@RockRemastered]

@@oppok5657 that's pretty right. Resizing is the worst thing. But downloading the h264 video would maybe work.

[@FaZekiller-qe3uf]

"Hex" is representing the color data in base sixteen whilst "RGB" (don't include the alpha channel, it's not a fair comparison) is representing it in base 10. It's the same exact data. There's no space "reduction" if you don't bloat it by storing it in ASCII, but you figured that out. Instead of bloating the file with line breaks you can just have a small header with the height and width.

[@ACactusMan]

I will be using .bruh images as the primary image type on my pc

[@black360d]

Same

[@YoutubePizzer]

avif is actually conceptually really cool: if you guys follow video formats, there’s been a big push to add AV1 support to everything because of how much of a huge leap in quality it is over essentially everything else. So much so, that if you encoded an image as a single frame of an AV1 video, it would be better quality than the other image formats available. So that’s exactly what it is. It makes a tonne of sense to use the same compression algorithms for both video and image and could in theory mean you could make hardware-accelerated images too. Very resource efficient, it would be great if we could just magically convert absolutely everything to use exclusively AVIF from now on

[@neutronpcxt372]

It's not. JXL is better.

[@Yiss8]

JXL better

[@pachinger]

No it actually doesn't make a ton of sense to use the same compression for video and static images. Video codecs usually use the information of multiple frames to be more efficient. Just thinking about P/B/I-frames, chroma subsampling, etc.

[@chonchjohnch]

Hope alphabet sees this bro 🫶🏻

[@waralo191]

You should check out jpegxl, google is blocking it to maintain their monopoly. Since they own AVIF, and want it to become the standart

[@Ahnaf_Shariar]

WOW, we are getting .bruh image file format before GTA 6.

[@marcels.7074]

i wanted to make a JSON image format { "meta": { "size": "69x420" }, {"pos":[1,1], "color":"696969"} .... }

[@FaceDevStuff]

sounds hella inefficient, love it!

[@SIMULATAN]

Should call it "jif" for maximum confusion

[@thefirstuwu8874]

@@SIMULATAN can call it "Jim" - Json IMage

[@bambi186]

Absolute madman

[@mgord9518]

This isn't too far off from plaintext images from the days of old like PPM. Sure, it's absurdly inefficient as far as size goes, but you can edit it with nothing but a text editor, easily understand the format just by looking at it and they're very rarely used for large images anyway

[@per2632]

3:48 hex colors don't even have transparency and you used alpha type opaque for the png, so i'm surprised it showed anything other than complete white before you put a number there.

[@ジンクスSPL]

3:47 "whats causing the problem?" *"I DONT KNOW"* - every programmer ever

[@KryptonTR]

5:08 this song is a masterpiece

[@kevenrodriguesmeirelles2241]

you're in my top 10 Dev KZbinrs, I love your projects!!

[@Potencyfunction]

I dont understand anything from it, I belive I am not for that. My skills and preferences are other, but is always good to have an eye on what is real and in trend with others.

[@thefirstuwu8874]

1:22 I'm not an expert, but one byte should be able to give 256 unique combinations, as it has 8 bits and one bit has 2 states - 2 combinations ^ 8 bits = 256, we even have a place for zero. (an int value usually weights 2-4 bytes, but I don't think we need its extra functionality for storing a number from 0 to 255). HEX uses 6 characters - each character is 1 byte, so 1 * 6 = 6. I think you can do both methods equivalent in bytes, but RGB is more intuitive. Edit: Oh, everyone already commented about this :p

[@maxamillanman9050]

Low-key you explained better than my Prof tho

[@5ersx]

You know what’s worse? WEBP, I HATE IT SO MUCH.

[@RICseries]

true but i hate svg more because only scratch and fandom support it

[@artiitheworld]

why is this video interlaced

[@EchoWorks25]

The .png to .bruh issues was so real

[@kevinchandra280]

Bro spent much hours, energies, and computer memories just for this "meme".

[@yeonfish1962]

Hahaha you said do not use this format. But i''ll use this for our freshman CTF... RIP freshman

[@GalaxinTM]

avif still superior - transparency - better compression than jpeg - can be animated like gifs (comparable to video format quality)

[@official-obama]

according to wikipedia, it is open and royalty free too

[@urisinger3412]

​@@official-obamaPNG and jpeg both are

[@MarkTheCat]

everything about this video (the actual contents and the mad interlacing) is completely and utterly cursed

[@poka26ev2]

This reminds me of the .stalin image I created 3 months ago to send sus photos in case the group chat gets leaked

[@poonamshah3930]

At this rate bros about to make his own programming language to make these in....... oh no wait he already did it

[@Pcexperiments]

you can use regedit ti automatically set how it opens, what icon it has and add it to `right click>new` menu

[@haithem8906]

1:19 RGBA to HEX is actually 8 characters. Last 2 are for opacity(a in RGBA) Also you can easily add compression with gzip. And it decompresses on launch.

[@remboldt03]

You just made a worse bitmap. But I really like it. I love those indi projects

[@AGentooUser]

1:15 that's not how it wor... You are storing it in strings!? Why?!

[@yukiqt]

yeah, JSON would be way easier to parse!

[@AGentooUser]

@yukiqt No, I meant just writing raw i8's into the file, does not have to be openable in notepad

[@IvyTheLeafeon470YT]

I now want to send a .bruh image to my friends.

[@glengal6490]

Though most of your videos are completely useless. It teaches me more than my college. My favorite youtuber so far. Love you brooooo

[@iwillgethagh]

I was waiting for the "This video is in the .bruh format" 🥵🤧🥵

[@alword]

.bruh4 video with .bruh3 sounds

[@chickenspaceprogram]

my man reinvented bitmap images, incredibly based

[@ner0718]

I can not state how happy it made me to hear Nine Nights by 20syl in the outtro. I really enjoyed your editing style.

[@FaceDevStuff]

I love that song 😄

[@cheesepop7175]

*outro

[@KyriproShorts]

What in the.bruh is this. Like what the.bruh

[@attoblaze3395]

I think it worked when you set the alpha to 0.004 because its approximately 1/255. I think the alpha before encoding was stored in the range 0 to 1 but was being encoded as if it was in the range 0 to 255 such that an alpha of 1 became an alpha of 255 when encoded and was therefore being decoded as a value 255 times higher than what it originally was. When you set the alpha to 0.004 it was effectively renormalizing the decoded alpha value so it would be in its original range of 0 to 1 again

[@amynagtegaal6941]

2:20 aren't you storing the hex values as text characters instead of actual hexadecimal?

[@katamari_]

thank you for defeating the monstrosity that is webp files

[@peterweston6588]

If you are storing the hex in ascii, you can zip it like any text file.

[@GameJam230]

If I go to download transparent pngs and find a load of files that are just bruh files pretending to be pngs then I'm actually going to riot. *You did this.*

[@Trayfellow]

Close enough, welcome back carykh

[@MaxCE]

i always had an idea to detect text and store the characters used like as a font. then it would only store the position of the text. this would be useful for text over detailed backgrounds.

[@LiEnby]

I can’t wait until I find png files renamed to bruh

[@Purr-FurryKit1726]

This is your first video that i watched!

[@xFifaEuro271]

man i love this video.Bruh

[@hedgehogsch.7270]

congrats! You just invented the netpbm file format 😊

[@JamesR624]

The who-what now?

[@BaileySimulator]

good vid!! ก้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้

[@technik_hea]

welp, I got a challenge for myself now, take this extension, rewrite it in my own programming language and fix the code for that programming language meanwhile too

[@ToxicMothBoi]

Finaly a good file format, the .bruh format🙏 Like god intended

[@Mats_Games]

1:15 1080i detected

[@TheCongregationGuy]

2:01 WHY IS THERE A SINGLE SPACE

[@glintcoretheprotogen]

i want you to make this more efficient than pngs so we can take over internet

[@Sartfla]

This is actually almost exactly what I wanted.

[@MrBroady02]

Custom HEX bitmap format where every byte takes two bytes to store as Hex in ASCII.

[@Elitsa_27]

this is genius , evil , but genius , you can troll your friends to think the got a virus with one image☠

[@ygypt]

rgba and hex are not mutually exlusive. rgba means ur storing red green blue alpha, and hex just means ur encoding as base 16 instead of base 10. what you did was turn rgba into rgb, because you remove the 7th and 8th hex characters that represent the alpha

[@snowbelldog]

In addition, its format will be significantly larger, since rgba only requires 4 bytes (32 bits)... hex requires 2 bytes per color, which for rgb results in 6 bytes instead of 4 bytes, even without a alpha channel. With the hashtag it's even 7 bytes. I haven't looked any further, but he has no idea what he's doing 😅

[@nbvehbectw5640]

When you talked about storing RGBA in characters and not bytes, I was like.... bruh.

[@RealUniCat]

that's EXACTLY what i wanted to do, except in javascript but i gave up because it's too hard and i wanted to do this in the current year 2024

[@stgigamovement]

BWTC32Key is a homemade file compression program with custom format written in Javascript.

[@RealUniCat]

@polonezzz stalker go away

[@RealUniCat]

@polonezzz I know

[@fahrulrputra2589]

Ah yes, smartest rust programmer

[@MePeterNicholls]

“I’m not an expert…” but does this

[@GdCami]

3:34 Bro just displayed my time (11:34pm for me at the time of writing)

[@redstonewizard08]

RGBA is smaller, it's 4 `u8`s, and hex would be 6 `char`s (which I think are just `u32`s).

[@lancemarchetti8673]

Nice work!

[@rubenvandeven01]

Yes finally, i always hated those optimised efficient image file formats. Finally some file format of which i can probably store 1 or 2 files on my small capacity webserver. :)

[@kibbewater]

Every channel in RGBA are only a byte long. You could fit an entire pixel in the space required for an int. Using string for for the color will double the size for each pixel

[@deva-1711]

I think the issue with the tremendously high file sizes maybe because you are storing the ascii representation of the hex codes where in fact you can store hex codes as raw binary in the .Brun file

[@LambOfDemyelination]

why store the hex as a literal string, a byte can be represented in one character (byte), instead you use two bytes to represent one byte??

[@Fifasher2K]

E in bruh is for efficiency.

[@Internat-doener-federation]

0:25 that's wrong, jpg cam be transparent, but that's pretty uncommon.

[@BruhDOTcam]

Interesting image file format.

[@bits360wastaken]

1:20, Congratz, you made A: An incorrect statement, and B: 50% larger .bmp instead of literally just bmp because you dont know what binary is.

[@adrack]

Now change the exe file format to bruhh. eg. what.bruh Instead of .exe ,you will use . bruh

[@AlanBurr25]

bro reinvented the bitmap image lmao

[@Amogus-i9t]

.bruh

[@SKIENCE-X9PAT]

the disguised file formats are relatable

[@maddsua]

bro reinvented bmp but with extra steps

[@HighFidelityFox]

this is literally the XKCD comic about standards 😂

[@HGStyleOfficiel]

you didnt even bothered trying to compress it using lzma... i love that file format xddd

[@JDoawp]

Sooo, a ppm file but with hex instead of RGB? :p

[@angelocore]

Yo you can try to convert the hex back to binary instead writing it as text, it will make the file size less for sure

[@okunamayanad]

2:28 98% more means like around 1.8~1.9x 98x the size means 9700% more so there is a huge difference in what you say and what it says on the screen.

[@guppy13]

this certainly is a bruh moment

[@slavatar1337]

blazingly fast file format

[@insane.braindamage]

i think the worst time of image file formats when you try to save them is "webm" or "webp"

[@semion-druzh]

Dude, you made the file in text format but didn't take advantage of its biggest advantage! It was necessary to encode colors with their names, for example: blue, darker_blue_than_the first, red, crucian_but_34_tones_more_saturated

[@MaurOwO]

imagine hiding images in the bruh format is s very goood idea

[@codeman99-dev]

2:32 That's not a percentage buddy. "100% more" means to double. Starting at 3mb and then adding 100% more would be 3mb + 3mb.

[@fiddleabout]

"buddy 🤓☝️"

[@SuperCheppy64]

2:01 i screamed because you forgot a spot ☹️

[@miwubunz]

damn

[@LuizDahoraavida]

man not ironically writing hex as ascii text to a file

[@AlbySilly]

3:47 My guess is that the rendering engine uses floating point numbers between 0-1 to display the graphics while the way the file is saved gives an integer of 0-255, try dividing the color value by 255

[@manshenriksson]

Yeah 1/256 ~= 0.004 lol