I made my own Image File Format 

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

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

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

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

bro made a .bmp

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

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

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.

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.

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

the interlacing on this video is making me crazy

1:21 delusion on a next level

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

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

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

"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.

Now make a .huh file that is an audio format

congrats! You just invented the netpbm file format 😊

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.

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

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

You can make the image of color layers. For example: if it's just the background you determine the color of single pixel and then paste this pixel into different location instead of finding out the color of each pixel. Repeat that multiple times with doffirent colors and you get and image! It will be VERY light no matter how many pixels are there on X and Y coordinates while the image contains only 1 color.

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

why this video is 1080i?

5:08 this song is a masterpiece

how'd you export this as interlaced? in this year?

Nice work!

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

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

thank you for defeating the monstrosity that is webp files

congrats you invented .bmp

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.

normal people: png is good FaceDev fans: .Bruh files

man i love this video.Bruh

you're in my top 10 Dev RU-vidrs, I love your projects!!

Close enough, welcome back carykh

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

3:21 interesting background song choice

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.

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

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??

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

subscribed 👍🏻 you are amazing good quality creator

3:24 OH MAN NOT RAM RANCH 💀

When i did this, i turned an png from 250kb to 10mb, the png took 1.2 s to load, the custom imagr took bout 0.02s. Nice

the disguised file formats are relatable

This is somehow so captivating

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

how does this video have interlacing aberration?

bro reinvented the bitmap image lmao

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

your conversion algo can be useful to show images on oled displays

Facedev, i love to learn this stuff that's not easily found online, cuz i have to use them. But i do not know where to look. If you reply to comments, can you tell where to look for?

Oh, how I understand you, saying twelve instead of twenty...

I gonna use your format from now on

as a unity developer .jfif is my 1# opp when importing textures

Thanks! Now, I need to make a color format like hex but with 4 digits. First and second are oranges, third and fourth are greens. After that, I can make an image format that uses it called .ttp (two toned picture)

JFIF is a bitmap graphic that uses JPEG compression.

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

this certainly is a bruh moment

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

"I made my own operating system in Rust" is coming eventually

BWTC32Key is a homemade compression format.

I did this once, but it had a really low color amount, probably around 8 colors, a locked really low resolution, and would have to be decoded by hand (it was binary numbers in .txt. REALLY inflexible format)

I’m using it stonks 📈

how do you convert the .png files to .bruh files

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

We should make it more better.

If I remember hearing right, everything that can be made in JavaScript, will eventually be made in JavaScript. I can make that happen for ya! .bruh files in the browser, will keep you updated!

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

this dealt psychic damage :

how did you export with interlacing i wanna do that

hey i’ll take it over .webp

You are a genius

I bet you will make an entire OS haha

Next video:i made my own planet

Definitely using .bruh from now on

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

You and I have similar problems, i tried to make a file extension thing and I spent like 3 hours trying to find the problem. The problem was I put the original file extension rather than my file extension.

you really bought finzar's editing pack 💡

When you see it

Making a file format is easy (i guess). Engeneering how it actually stores, how to parse it, and other stuff is the hard part

Why does it seems like the video is interlaced?

What a legend

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

3:21 18 naked scripters in the formats at file ranch

rgba is ten characters 📝

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.*

if you just store the rgba values as 0-255 in binary (ie the actual bytes are 0x00 through 0xff for each channel), it's more efficient than storing ascii hex characters, and more efficient than storing ascii digits aswell

Now i can hide my pictures!!!!

did you know that the full name of gif is actually giffle?

Have you ever thought of lossless compression?

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

cool

0:11 JFIF stands for JPEG File Interchange Format It is apparently better than JPG/JPEG and some windows 10 updates cna cause browsers to save in .jfif instead of .jpg or .jpeg

🔥

Wait a minute thats just bmp but even less efficient

just a heads up avif supports transparency

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

the fact it works 💀😭