Explaining Image File Formats
Вставка
- Опубліковано 26 лип 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](/img/n.gif)
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.
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.
This video is timeless. People will continue seeking this particular condensed, informative content for years to come
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 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.
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
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!
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
Mr. Scissors always gets a moment in the spotlight. Love it!
Thanks for being the most straight to the point tech tuber.
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 UA-cam.
Everything you ever wanted to know about image file formats but were to intimidated to ask. Very useful for we the confused.
Another great video. Been dealing with these formats since windows 95 and you still educate me with clarity and thorough explanation . Thank you
I am Really really Happy 😃 & satisfied 😌 to see 👀 that u don't miss anything at all in your video 🎥
My favourite moment of the day! Thanks again for another awesomely instructive and entertaining video, Chris.
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.
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 👍
A great collection of information that is hard to find in one place - thanks Chris
👍Excellent summary and personal story at the end. I had a similar png epiphany years ago.
So nice explanation! Thanks so much every time is a joy to see a video from you!
What an excellent and understandable presentation of such a complex subject!
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 ;-)
This channel is absurdly useful and informative. Thanks for the great and important content!
A perfect way to relax on a Sunday evening, an Explaining Computers video. :) I always look forward to these.
I found understanding image formats on different platforms challenging, but your tutorial made it easy. Thank you.
GREAT EPISODE! As Always! HOWEVER i really missed getting to see "Stanley, The Knife" today! lol Best Sidekick EVER !!! hahaha! - Cheers! - Judson & Buddy!!!
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!
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!!
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. :)
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
Mr Christopher, just wanted to say you always bring very interesting videos here on UA-cam ! I am hooked on your channel !
Great to hear - thanks! :)
Another great video from Chris, thank you so much!
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
Outstanding overview --- much thanks. This should be required viewing for every visual artist.
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.
So glad I could learn several new things from this video, despite believing I already knew this stuff pretty well!
And so again without making effort I became an expert in a computer subject of which until just before I knew nothing. 🙏🤗
I feel so much smarter after watching your videos. Thanks for the knowledge!
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.
A great Explaining Computers episode. I always wondered about these different file formats 🤔 Thank you 😊
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!
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.
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
Thankyou, very useful! I've been using alpha channels without realising what they are!
Always a pleasure to learn with such clear explanations. Thanks as always for your content.
Another great video. So much information in a great format. Thanks.
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!
Well that explained a great deal. Another great one Chris. Thank You!
Another great video as usual, this time on photo extensions. Thank You, As Always, Be Smart and Stay Safe.
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 . . .
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!
Excellent concise guide on image file formats.
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! :)
Thank you for pronouncing GIF correctly. 😊
Extremely useful information! Thanks Chris!
Very clear and interesting. I always enjoy your content.
So much information. So many questions answered. Thank you.
Another great video I need to watch several times and share with colleagues.
Thanks -- and share away! :)
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!
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 ?
Very informative, concise, Excellent! Thanks.
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.
Very nice video. Thanks for the simplicity.
Good to know information. Thank you for having it all in one video.
Incredibly useful and well done!
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.
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.
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.
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.
Thanks for another great explanation video - nicely broken down.
Hi Lesie. I hope all is OK with you.
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.
Excellent. Well done. Certainly shed more light on my images.
Love your channel. I’m learning so many things!
Thanks for watching!
This video lit up a few LEDs in my mind. Thanks again!
I learnt about image format in Photoshop school .
Thank you for going in depth I appreciate that .
Very helpful video as always!
Thank you for another great video. This is very helpful for us non-computer people!
Fantastic information as always, very interesting thank you.
Always the best computer oriented content 👌😃
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
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. 😊😍😍
Thanks for the video. Keep up with the great work.
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.
Thank you for another informative & interesting video, a good subject to help us expand our knowledge further.
Mr. Scissors getting some much needed screen time. 😄
:)
@@ExplainingComputers Mr scissors made the cut...:)
…another fantastic video…thanks again, Chris…
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.
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.
Thank you for the lecture Chris, you are always awesome 😎
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.
Thanks for sharing the knowledge !
Thanks
Wonderful explanations, I learned a lot. Thank you
:)
Yay finally Sunday I'm ready have a nice week.
Outstandingly well done!
Thanks!
I use canon cameras. The cr2 format is how I store my photos. I can quickly convert to jpg any photos I post online. Good video.
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.