Explaining Image File Formats
HTML-код
- Опубликовано: 27 июл 2024
- Image file formats and related concepts explained, including raster vs vector graphics, colour spaces and alpha channels, and bit depth. File formats covered include JPEG, PNG, GIF, TIFF, PSD, RAW, AI, SVG, EPS and PDF.
If you find this video useful, you may also like my episode “Explaining Digital Video: Formats, Codecs and Containers”: • Explaining Digital Vid...
Also of interest may be my latest video on the DaVinci Resolve free video editor:
• DaVinci Resolve 17: Th...
. . . on the Inkscape and Affinity Designer vector illustration packages:
• Adobe Illustrator Alte...
And on Linux Photopshop alternatives:
• Linux Photoshop Altern...
More videos on computing and related topics can be found at / explainingcomputers
You may also like my ExplainingTheFuture channel at: / explainingthefuture
Chapters:
00:00 Introduction
00:44 Key concepts
04:47 JPEG
05:59 PNG
06:57 GIF
07:33 TIFF
08:26 PSD
09:15 RAW
10:31 Other Raster Formats
11:06 Vector Formats
12:55 The Best Format
#ImageFormats #FileFormats #ExplainingComputers 
Наука
![How are Images Compressed? [46MB ↘↘ 4.07MB] JPEG In Depth](http://i.ytimg.com/vi/Kv1Hiv3ox8I/mqdefault.jpg)
![How are Images Compressed? [46MB ↘↘ 4.07MB] JPEG In Depth](/img/tr.png)
You have a god-given talent for breaking down the complicated into simpler conceptual parts. I have been working with image files for the past 50 years and although I understand the difference there is no way I could explain it as well as you have in this video. Thank you!
I agree wholeheartedly!
Perfectly put.
Yes
He absolutely does explain it well.
It is still very hard for me to understand all this.
WOW
But I am trying.
This guy's bucket is always full of content and it will never empty..
Thank you for sharing your never ending knowledge with us..😍😍
And he has a virtual cat 😸
Nice thing about SVG is it’s an XML text tag based document, which means it has a DOM that can be manipulated via scripting (JavaScript most likely) or even CSS. Very useful for the web. Several JavaScript libraries exists to do so.
Yes, agreed -- SVG is a really great format.
Whenever I download a SVG and open it in CorelDRAW, I have to ungroup [unlock] it - and then have to remember to remove some empty objects [clutter]. Thus I really do not like that format, as I also had some issues exporting my Corel works to it
Bare in mind what vector program one uses to open files. Inkscape will ignore non spec svg-xml markup, while Ai and Draw will delete. I have add-ons that store info in the markup, if I open in Ai/Draw etc and re-save that info is lost. Inkscape will just ignore. Keep that in mind if using add-ons from Inkscape, but Ai and others are used in the pipeline as well.
It’s also a really great format for icons, since you can embed an SVG image in an HTML document. No additional download required, and no data: URI needed.
@@HPerrin also can use JS for interactivity as well. I had created audio player controls once using SVG. So much better compared to the built in ones.
This video is timeless. People will continue seeking this particular condensed, informative content for years to come
Fantastic to finally understand the typical use cases for each file format. I work with pngs a lot, it's good to finally understand what the "alpha channel" actually means.
I missed these explaining videos... Please make more and more :) They are one of the reasons i fell in love with the channel some 7 years ago :)
Thanks! I always like returning to this type of content.
Professor Barnatt, this content not only was as informative on a grand scale as always, but gave me a good start to my day. I've needed to engage my brain. Despite being in the imaging industry for over 40 years, I had never heard image file formats explained so well. Thank you.
I wonder how many subscribers unsubscribed when they heard, that Chris is in the "GIF" camp, not "JIF" :P
SVG is awesome, this format can do a lot of tricks that are not widely known, especially in web development. It's worth mentioning that SVG is basically a text file, you can open it with a notepad and embed in your website without using the file and later animate it by manipulating the data over time with scripts.
Chris is correct!
@@alliejr No one is correct. The author of the GIF file format prefers jif, but the oxford english dictionary says both are acceptable.
@@TheRenHoek You're right that both ways are acceptable, but personally, I don't really care what that author of the GIF file format prefers. Some people think that whatever he says is the law. However, in my opinion, there are two even greater laws that supersede what he prefers, and those are the fact that "Graphics" has that "hard G" sound, and the "hard G" also agrees with general English phonology. Thus, I find it nonsensical to veer from that and make it sound like a "J", despite what the author thinks. I could come up with the "Conscious Algorithm Technique", or "CAT" for short, and if I try to get people to pronounce "CAT" as "Sat" ("C" as in "Cindy"), then I'm the weirdo.
@@Rationalific People are always right about how their own names are pronounced, and so by extension you could say the giver of a name is also always right. But if you expect consistency in English spelling, and so consistency in the pronunciation of words that start in written form, I'm afraid you're making a giant mistake, as gigantic as putting ginger in your gin.
Whenever I download a SVG and open it in CorelDRAW, I have to ungroup [unlock] it - and then have to remember to remove some empty objects [clutter]. Thus I really do not like that format, as I also had some issues exporting my Corel works to it
Very informative video!
PNG format is very versatile, it actually supports 16 bits per channel. Additionally, it supports low bit depths down to 1 bit per pixel for images consisting of fewer colours.
TIFF provides some interesting features too. For the most interesting feature, TIFF may include more pictures (pages) in a single file.
I think .png supports layers. This wasn't mentioned in the video.
@@MichaelGustavsonArchitect it was mentioned
Mr. Scissors always gets a moment in the spotlight. Love it!
My favorite part in these videos is that even when I know everything, it's still interesting and deserves watching until the end. Great job as usual with this video.
Surprised that Webp wasn't mentioned, given that it's the only relatively-common format, as far as I know, that has been invented recently.
You're like the Techmoan of computer topics, thank you so much for putting out basic explainers like this!
Thanks for being the most straight to the point tech tuber.
Excellent, interesting and well presented. Information I needed right about now. Thanks from my 3D printer lab in Orlando Florida 👍👍
I take is that 3D printing is going well then?! :)
@@ExplainingComputers- yes thank you. I’ve even printed a design I created in fusion 360.
@@MicrobyteAlan Cool. I'm starting to work on my photogrammetry video (photos to 3D models) -- I think you may well experiment with this too!
@@ExplainingComputers - excellent, looking forward to that. 😊
@@MicrobyteAlan @ExplainingComputers I will follow by near to see what you will be creating. A good subject to working on is more 3d printing.
👍Excellent summary and personal story at the end. I had a similar png epiphany years ago.
Everything you ever wanted to know about image file formats but were to intimidated to ask. Very useful for we the confused.
My favourite moment of the day! Thanks again for another awesomely instructive and entertaining video, Chris.
I found understanding image formats on different platforms challenging, but your tutorial made it easy. Thank you.
I am Really really Happy 😃 & satisfied 😌 to see 👀 that u don't miss anything at all in your video 🎥
Another great video. Been dealing with these formats since windows 95 and you still educate me with clarity and thorough explanation . Thank you
This forum about digital imaging makes me appreciate the microcomputer more and more. I am beginning to acquire some desire to work with photographs like I do working with text. Thank you for presenting this forum on RUclips.
Interesting video Chris. As someone who works with images, it's nice to see this topic greatly explained particularly the lossy compression.
BTW, isn't it Leica and not *Lecia* ?
Thanks for this. Looks like I got Lecia wrong -- I think there is a law that whenever I make one of these types of video, a typo sneaks in somewhere.
@@ExplainingComputers well we're all a bit dyslexic due to video creation stress ;-)
A great collection of information that is hard to find in one place - thanks Chris
A perfect way to relax on a Sunday evening, an Explaining Computers video. :) I always look forward to these.
Mr. Scissors getting some much needed screen time. 😄
:)
@@ExplainingComputers Mr scissors made the cut...:)
What an excellent and understandable presentation of such a complex subject!
This channel is absurdly useful and informative. Thanks for the great and important content!
Excellent overview of file formats and a very good selection to narrow down the important points. I could easily use this video as a reference starting point for new hires. Having worked in the print industry for over 20 years and now healthcare (radiology IT) for the past 15, a good understanding of image file formats and lossless vs lossy compression as well as RGB vs CMYK knowledge is indispensable. Well done, Chris!
Thanks for this. :)
For educational purposes XPM and PPM file formats are great. They both can be opened by text editors one can easily inspect and alter the color of every single pixel. XPM has an added bonus that one can easily create ASCII art with it.
As always a nice video that I can send around friends who were wondering what the difference of all those file formats actually are! Thank you Chris and please stay healthy in those weird times!
My favourite part of the video is when Chris pronounces "gif" correctly.
Did he now? Oh yes, of course he did. If he'd pronounced it wrongly, I'd remember. My eyes and ears are like that, they notice errors best. I'm really good in proofreading, except for my own text. So sad.
It's been a long time since I did my graphic design training and then work (starting in 1992), but from working at a printers, that did its own design work and processing of customers work, you soon learnt which raster & vector formats were industry standard and favoured. If a customer was supplying photos or vector images, you indicated that it would be best to supply them as a specific format for reasons like CMYK for full colour printing and having the alpha channel which was often used to make masks if there was further processing needed. I'm a general RAW, PNG and SVG user these days when I do work as they can be processed or converted all across the board by a number of programs with no further quality losses. Another great vid 👍
So nice explanation! Thanks so much every time is a joy to see a video from you!
Really excellent Chris. You've covered video file formats and now this for graphics... The two together make a 'can't miss' reference for content creation. Thanks for another great video. 👍
Thanks Steve. At some point I'll add audio formats, and maybe 3D ones too.
@@ExplainingComputersYes, please!!
So glad I could learn several new things from this video, despite believing I already knew this stuff pretty well!
Mr Christopher, just wanted to say you always bring very interesting videos here on RUclips ! I am hooked on your channel !
Great to hear - thanks! :)
GREAT EPISODE! As Always! HOWEVER i really missed getting to see "Stanley, The Knife" today! lol Best Sidekick EVER !!! hahaha! - Cheers! - Judson & Buddy!!!
I love how you had to say that "most" image editing programs can read JPEG files because somewhere someone hates JPEGs and intentionally wrote an image editor that wont read them.
:)
I know some 32 bit programs that love .jpg but hate .jpeg.
I hadn't realized that JPEG was such a "recent" invention. By recent I mean that it came out a couple of years _after_ we got our first PC. But now that I think about it, the plain standard VGA in our then PC couldn't even show 24-bit colors at all; it could show 16 colors at 640x480 resolution or 256 colors at 320x200 resolution. And I remember even the few (scanned) photos of the time being usually GIFs, so up to 256 colors in total anyway.
I don't know how common or rare it was, but when drawing (raster) images, in my memory we saved them mostly in BMP or PCX format, sometimes also in TIFF. For some reason I don't have many self-drawn GIFs from the first years of using PC.
I too find it amazing to reflect on how recent JPEG is. What you describe saving files in BMP or PCX was very common not that many years ago. :)
I remember that before JPEG, almost all images were in 320x200 or 640x480 GIF, especially those from BBS :D
Yet another "keeper" video from Chris. These educational videos are so very useful and allow me to go into more detail if required. What would be really great would be a complete set of Chris' videos in a set of DVDs. Any thoughts?
An interesting idea . . .
I feel so much smarter after watching your videos. Thanks for the knowledge!
Chris. Excellent presentation, as always. I did not have an epiphany about image formats, however congratulations on a well researched presentation. I have taught image processing to graduate students for 13 years (I'm now retired) and one of the lectures covered image formats. Had i access to this presentation, I would have given my students the link.
Best
Thank you for pronouncing GIF correctly. 😊
Thankyou, very useful! I've been using alpha channels without realising what they are!
While it seems very easy and simple, understanding these concepts and how they work often are the cornerstone if a project is going to work or not!! I recently got a new monitor, using most of my computer time editing photos. The monitor I chose was the BenQ3200 which has a 10 bit depth RGB perfect for me to see as close as I can the product before it prints. Now this monitor is no good at all for a gamer of someone who watches lots of streaming it has been spectacular at representing my printed product to a very high degree. I also want to congratulate you for giving "Mr. Scissors" a staring role in this video!!!!!!
Thank you Chris for all you do!!!!
Rich
Outstanding overview --- much thanks. This should be required viewing for every visual artist.
Always a pleasure to learn with such clear explanations. Thanks as always for your content.
Just so glad that I found your channel. Thanks again.
Now I'm going to get a coffee and watch another of your video tutorials.
Great stuff
well explained in a non-complicated way. I am an old IT tech but still learned some details I had not considered. Thank you for offering a layman's description of file formats!
A great Explaining Computers episode. I always wondered about these different file formats 🤔 Thank you 😊
Hello Christopher,
Thank you for the excellent explanation. It is sad that such good quality and informative videos like yours are rare, but your videos offer superb value.
You just touched the surface, but who can watch a seven hour video that explains the history of digital image generation starting from the first pixel! I hope this video gets more people interested in digging deeper, and thank you for making it.
Another great video from Chris, thank you so much!
9:58 I think you are referring to the distinguished camera and lens manufacturer Leica (Pronounced 'lye-ka')
I am indeed! My bad.
Is that where Lyekka from Lexx got her name ?
Another great video as usual, this time on photo extensions. Thank You, As Always, Be Smart and Stay Safe.
Very well explained and accurate - I've been a digital prepress tech for over 20 years and have come in contact with all of those and more!
Great video as usual, Chris. What would be fantastic at some point would be a video dedicated to looking at various open file formats and codecs for images, audio and video.
Fantastic depth yet easy to follow and a joy to watch.
And yes agree, you have a true talent. Your videos remind me of the early to mid 80s Computer courses on tv, yet with modern technology; whilst still mentioning core/origin tech which is handy too!
There's a clear knowledge and passion in your delivery and on reading your about section, I can see that your ease of knowledge comes from a thorough grounding in it all as a longterm teacher and author.
It's truely amazing to not be overloaded with facts but just to soak up so much information duing easy listening. I knew some of this but this was so concise and flowed it all together in a fascinating way.
Thanks again for a wonderful channel, instant sub and will from now on will most likely just thumbs-up, but I did want to post this thanks.
Thanks for the sub -- and welcome aboard! :)
Well that explained a great deal. Another great one Chris. Thank You!
Thank you for taking the time to teach us the wonderful world of computers
Thank you! This video is an excellent overview on the image formats out there!
Excellent video as always, with clear explanation of the various formats. I ran afoul of the CDR format some years ago, when the Italian parent company of my UK, and then US, employer decided to produce drawings using Corel. Unfortunately, my employer wouldn’t spring for multiple copies of Corel Draw, so I was reduced to begging every time I needed something edited or printed.
I confess I came for the pronunciation of 'GIF'. I was not disappointed 😁😁
As a bonus, I learned a lot of stuff I thought I already knew. This guy is amazing!
Another great video. So much information in a great format. Thanks.
Nice way to explain different formats. I use lots of SVG as we need the image to be sharp when zoom in. Most of my email i use jpg or png as email tend to limited attachment size. Thanks for another great show.
Another great video I need to watch several times and share with colleagues.
Thanks -- and share away! :)
Very clear and interesting. I always enjoy your content.
Great overview Chris. I'm au fait with the minutiae of the audio world but graphics file formats were always a bit of a mystery - until now! Cheers.
And so again without making effort I became an expert in a computer subject of which until just before I knew nothing. 🙏🤗
I learnt about image format in Photoshop school .
Thank you for going in depth I appreciate that .
Excellent concise guide on image file formats.
So much information. So many questions answered. Thank you.
Good to know information. Thank you for having it all in one video.
Extremely useful information! Thanks Chris!
Incredibly useful and well done!
This video lit up a few LEDs in my mind. Thanks again!
This is what explaining computers is all about!
Yes, exactly. :)
Very nice video. Thanks for the simplicity.
Wonderful simple explanations of a difficult topic. Always enjoy the videos and have learnt a lot about the digital world. Keep up the good work.
Very informative, concise, Excellent! Thanks.
It's very helptful to learn File Format the way easily understand and without putting any effort. Thank you, Christ to showing us and teach us like a guidelines that is much appreciated and delivered certain knowledge with us. 😊😍😍
Love how simple you explain how to do things in your videos. I would really like it if you could do a series on how to make a home server and what uses it has. I have 6 PC's in our house, my wife , 4 children and myself all have our own gaming PC. I would like to learn how to 'link' them all up.
Always the best computer oriented content 👌😃
Thanks for another great explanation video - nicely broken down.
Hi Lesie. I hope all is OK with you.
The thing about the alpha channel is that it is not an on-or-off thing in formats which support it fully. A pixel can be partially transparent in, say, PNG. I actually used this effect in a web design class one time. Professor was simultaneously amazed and perplexed at how I did it.
Thank you for another great video. This is very helpful for us non-computer people!
What about WebP?
Very helpful video as always!
Fantastic information as always, very interesting thank you.
Thanks for all this info. I've used files in most of these formats, but never knew the differences. Now I do (forgetfulness coming in 9,...8,...7,...). Well, anyway, I can (and probably will) use this as a reference manual later on.
Great video. I'm surprised you didn't mention WebP. It was made for the Web and drastically reduces file sizes while maintaining high quality images. Then there's HEIF.
Thanks for the video. Keep up with the great work.
Excellent. Well done. Certainly shed more light on my images.
The first format I used were ILBM(typically with .iff extension, but in true Amiga fashion, didn't require an extension) which I made in Deluxe Paint, which was amazingly by the same EA that is now a video games behemoth.
They allowed files to be stored in as little as 2 bits per pixel, up to 8bpp, with their own unique palette. There were also other modes such as HAM which was a special mode which allowed the use of all the Amiga's 4096(or over 2 million on later models) by holding 2 of the colour values like the hold function of a slot machine and gradually shifting colours as you move to the next pixel. Wasn't very good, except for high resolution photographs, looked similar to a very low quality JPEG, but we had to work within the memory limitations of the systems we had back then.
I too started with those formats on an Amiga -- Photon Paint was my first paint program. Happy days! :)
@@ExplainingComputers Beat me too it, was going to say what about the Amiga and .iff, i had lightwave 3d on my Amiga (Which i still have and use) but got a few more amigas now for my collection
ILBM stood for 'interlaced bitmap', even though most of the images displayed on the Amiga weren't using interlaced modes.
@@ceptimus It was interleaved. Was due to the fact the file was stored in an interleaved(bytes, or sequences of bytes, arranged in chunks that may not always been in the right order) format.
The Amiga could also do interlaced modes if required, but it looked awful and used a lot of video RAM, so no one used them.
@@fattomandeibu Thanks. I'd misremembered. :(
I like the overview. It reminded my coding RLE and BMP support in Turbo Pascal deep in 20th century 😀. I missed one format, not that I like it but popular on one mobile platform - HEIC. Almost JPEG but not ;)
Snap! I did that too in turbo pascal circa 1994/5. Coded up a BMP to RLE converter to reduce image sizes.
Thank you for another informative & interesting video, a good subject to help us expand our knowledge further.
Love your channel. I’m learning so many things!
Thanks for watching!
…another fantastic video…thanks again, Chris…
Yay finally Sunday I'm ready have a nice week.
I was waiting for this video after the video on Explaining Video formats and this video finally came :-)
I always get there in the end! :) Audio formats remains on the list. And then maybe 3D file formats.