Image File Formats - JPEG, GIF, PNG
HTML-код
- Опубликовано: 29 июл 2024
- What's the difference between a JPEG, PNG, GIF, etc...?
TunnelBear message: TunnelBear is the easy-to-use VPN app for mobile and desktop. Visit tunnelbear.com/linus to try it free and save 10% when you sign up for unlimited TunnelBear data.
Techquickie Merch Store: www.designbyhumans.com/shop/L...
Techquickie Movie Poster: shop.crowdmade.com/collection...
Leave a comment with your requests for future episodes, or tweet them here: / jmart604
Follow: / linustech
Join the community: linustechtips.com Наука
Summary:
* *JPEG*: tiny file size, lossy compression. Bad at sharp edges/curves.
* *GIF*: lossless compression, animatable. Only 256 colours.
* *PNG*: lossless compression, no compression artifacts, transparency. Larger file size.
* *TIFF*: supports any colour palette and compression as it's a container format, popular among photographers. Very large file size.
* *SVG*: scalable without any quality loss. File size depends on how complex the image is, rather than the amount of pixels.
* *RAW*: raw, minimally processed data from camera.
* *HEIF*: supports animation and is higher quality than JPEG and GIF.
* *BMP*: stores each pixel individually. Supports transparency. Very large file size.
Note: file sizes aren't always smaller or larger; some formats are optimised for certain types of images. For example, PNG is smallest if you use few different colours.
Edit: updated with information from the replies.
they forgot HEIF :-(
To add, TIFFs are much bigger, SVG size is dependent on complexity of shape rather than amount of "stuff" in the image - i.e. an SVG of a simple rectangle with a simple image gradient works extremely well in an SVG, a photo would be terrible, and RAW files are minimally rather than unprocessed.
So which one is good??
png for sure
png compression is lossless or lossy. depends on settings you choose. most png files are encoded in lossy format
I'd like to see videos about the different file formats for audio and video as well, or even different types of media or documents if possible.
second that
me too!
+
same here
AlFas same
"A RAW files isn't an actual picture, but it just contains the information to create one."
I'm pretty sure that's true of all digital image formats.
So you too did watch the squish the cat over the shoulder video. HAHA
@Li Feng Yes. The difference is they store all the information, whereas lossy formats only store a percentage of the information.
You are all JPEG images
Correction: "A RAW file doesn't just contain the information to create a picture, it contains the information needed to create the information needed to create one"
How many days in a year= look likes
Discovering png was one of the greatest things in my life
Me too
Yep. They're versatile. I first loved them when I was designing a header and realized that I could put my png logo over the background color of the header. Everything that was not the png logo itself was transparent. Blew me away and looked so cool!
True!
IKR, just don't forget to turn on compression. I was using wkhtmltoimage and the damn thing doesn't turn on compression by default, and I didn't notice it until my php script ran out of memory one day.
better than DNG files?
Do an episode on MP3, OGG, WAV and FLAC
OGGod, they'd get such FLAC for making that video... :p
badum tssss....
You don't want to go there son - you don't want to go there.
There are still people retarded enough to claim that vinyl or cassettes sound better than CD.
ocelot667, And AAC
ocelot667 and AIFF
audio changes around 1:16
it's nothing extreme, but it sounded weird
The video editing felt very different for some reason, maybe a new hire made this video.
Hiram Cota noticed too
Yea, I noticed that too.
Thank you, was worried it might have been my ears.
Sounds like he hit 2nd puberty.
I only use JPEG to deep fry images with ungodly amounts of compression
Same
You are a chad
How?
Nvm i think if figured it out
Just crank up the saturation and compression in the photo editor right?
Please END JPG on logos, graphics or cliparts. It's just awful to see people using JPG-compressed logos all over the place.
I have never worked with jpgs. Even at the highest qualities its still too lossy. I HATE jpeg artifacts
I always use png lol
How about JPEG2000? Anybody? Is wavelet compression a dud?
If I may pop in on this, JPEGs can actually be very high quality (95+%) and even truly Lossless (which many people don't know) - however, the file sizes would then be in the same realm as low-compression PNGs or BMPs.
If I may explain further, part of the reason why you are seeing sooo many JPEGs online, is because many companies/servers/etc post-compress submitted images as JPGs to save server space.
Sadly though, this results in many nice art/logos/etc appearing online as artifact-full-JPEGs, as you say, 'all over the place'.
If you don't know anything about images, then .png should be your default. You can never go wrong with .png unless you're an expert and know what you need.
.jpg is generally the best format for photographs, but you can often save the same photos as .png in only slightly more space and it's technically lossless which .jpg is not.
.bmp is a generally awful format to use. The only excusable time to use .bmp is when you're making very tiny images such as icons or oldschool-type graphics, and even then there are alternative image formats such as .ico or .pck.
Jhon is like Linus's VSauce
It's called Jon and its Vsauce.
also, Linus'
You're probably right Zahid. Thanks for the clarification!
Zahid Shabir actually, you are allowed to do it. But it just looks a whole lot better without it. Technically he was grammatically correct.
Elastico345 Does he also "out of topic" when explaining something?
The blue dot that floats when the guy talks is bothering me
Jeah, just bought a new monitor and thougt i got a bad pixle
Oh boi, I think the 8k camera might be broken, lmao
dang it, I never would have seen that if you hadn't pointed it out! >:(
blue dot? where?
Hahahaha
1:13 Woah that sounds change in his voice
It's been a solid few months since I watched a Techquickie video. Quality is noticeably improved. Great work Jon and editors keep it up 👍
Any one else notice a blue pixel on his chest most of the video? Would that be a dead pixel? Seems a bit large for one.
i see it too
you have to go in fullscreen 1080p to see it
Trotsky I'm in full possible on 4k
Bad color reproduction for your monitor? Maybe the contrast/brightness? I see it for sure, watching on an IPS 1080P screen.
Wah?
Great Video. Can you guys do "Audio Formats" next? Thank you!
My favorite image format is actually PNG for a few reasons:
1. It supports transparency, and that’s a great feature to have for me especially, since I’m a graphics designer for myself.
2. The quality of images PNG provides are actually very good! Unlike JPEGs which have those “JPEG Artifacts”, as I like to call them, when viewed up close, and it looks absolutely terrible!
3. PNGs don’t take up that much space. I mean, JPEGs do take up a lot less space than PNGs, but mostly due to the JPEG Compression Artifacts, but PNGs still don’t take up that much more space than JPEGs anyways, since you’ll be getting a much better quality image with just a general file size increase.
And you’ll probably notice that I compared PNGs to JPEGs, and in case you haven’t figured it out yet, I despise JPEGs for the reasons I stated above. Additionally, I’ll use TIFF images exclusively for Desktop Pictures & Wallpapers.
Don't forget about APNG, which is so much better than GIF.
Cba cba
JPEG artifacts only appear on high compression. I upload all my images (photos taken with my DSLR) to flickr as jpg (highest quality setting).
I did a comparison between 16-bit TIFF (no compression at all, 150 MB file size) and a highest-quality jpg (15 MB file size).
It's impossible to tell the difference. I really tried, going into 100% view. Looks exactly the same. At a fraction of the size.EDIT: I was wrong. I had another look. If you zoom deep into the pictures, the jpeg that the nikon raw converter exports has some strange "pixel regions" and has less resolution that the tif. However, I highly doubt one zooms into the image like that.
The problem with tif is, you cannot upload it to flickr, and that makes sense - one single file is 100 MB...
@@marcozg77 That's because jpeg is designed for pictures. You would not look professional if you tried to use jpegs for graphic design on websites, it looks awful no matter how low the compression is, and also doesn't support transparency.
the better format nowadays is webp as it's both as compressable as jpeg (lossy) and as high quality as png (lossless) while also being the same size as a jpeg. You can also have animated pictures in full quality with it, although webm is better for this when it comes to filesize. Only downside at the moment is iOS and safari doesn't support webp, but it will be more common in the future when more applications support it. Once safari and ios browsers support webp we can expect all major companies to adopt it, but for now it's either serving jpeg for safari/ios users and webp for the rest, or just waiting to adopt it until everyone can use webp.
101ToonLink me too
Was this the guy that got fired?
according to linked in he still works there
Seen this video pop up but haven't seen him in any other recent videos and thought the same.
Video format, codec, container video please!
For example, mkv (container) x264 (video codec), h.264 (video format)... and of course the audio and subtitles side
x264 is an h.264 encoder.
x264 isn't a codec. It's an open source compression library, just like x265. h.264 IS a codec, along with h.265, VC-1, MPEG2, MPEG4, DNxHR, ProRes, etc.
it's pronounced gif
no. it's actually pronounced gif not gif.
youre BOTH wrong
LOLed :D thank You
lies its pronounced my name is jeff
you can vank me later instead of tanking me later
Yeah that sounds right. Since that's cleared up I'll jo to the zoo to look a the jorillas. Then I'll jo walk my jolden retriever to the park and play my juitar.
This went over my head. I need to watch it again
PNG - Best general purpose format. Lossless compression, so good image quality for photos, text, graphics etc.
JPEG - Bullshit. Should only be used when nothing matters. Doesn't work at all for text or graphics due to lossy compression.
SVG - Good for graphics. Scaleable, so no limited resolutions. Doesn't work for photos.
GIF - Outdated. Completely replaced by PNG. Shouldn't be used anymore due to limited resolution and colors.
BMP - Old, but very simple. PNG is superior for general use, but BMP is marvelous for integration into custom programs.
TIFF - Can contain lots of different formats. Don't use it unless you know what you are doing. If you do know it is great for keeping image quality, specifically higher than 8bit per color channel (R,G,B). Supports different color spaces, thus very useful for professional printing (CMYK).
RAW - Best for editing. Not useful for any other purpose.
thanks dude your a life saver
Most of my photos are saved in JPEG and so are most photos on the web.
They save a lot more space on my hard disk, and I can barely tell the image quality difference from PNG.
I use PNG for project files that must retain 100% quality though many saves.
thanks man, how can i convert my raw photoshoot images to png
@@shwenstanya1369 You might like the specific sowtware from your camera manufacturer, or just try Adobe Lightroom.
GIF has only 256 colors, but supports animations. If only it were able to combine it with PNG... Oh wait, that's called APNG. (animated png)
Definitely an episode for MOV, MP4, M4A and such formats.
They did one, if you didn't catch it. It's from 2018. ruclips.net/video/hvgxn8v--8Q/видео.html
You prune,those are Video File Formats and there is also a Techquickie on that as well
@@stephensnell5707 Imagine insulting someone's knowledge from 7 YEARS ago..
GIF's use indexed colours or palette, meaning a GIF can only have up to 256 colours but you can chose what colours to have in the palette from 24-bit RGB color space. Animated GIF's can have different pallete for each frame. Also GIFs can have one color defined as a transparency. but making it a pixely edged transparency. PNG's can have a fourth layer of color witch is aplha (or RGBA), giving more smoother transparency edges. PNG's can be smaller than JPEG's if the image has lot of same color surfaces. Company logos, witch are in two colors can be much smaller filesize and better in quality when saved in PNG and larger and with artifacts if in JPEG's. Canon new cameras have a RAW format with Double Pixel data (DP) witch gives new option to make small focus adjustments after the photo is taken.
Definitely do more videos like this, this is crazy helpful.
This was crazy helpful. I'll be looking for the audio and video versions next
John did a great job in this video, don't get the negative comments about that. On a completely different note, he reminds a lot of Michael Swaim (from After Hours) in this video for some reason - maybe it's the facial hair (not used to seeing him with it).
Colour spaces explained!!
yeah.
I have no idea what 4:2:2 means... and what sRGB is exaclty :(
Or... how to set up my computer to work in 10bit with my 10bit TV... is it even possible?
(someone said that 10bit cannot even go through on hdmi in some color spaces...)
To display anything in 10bit you HAVE to use profesional graphic cards (such as RadeonPro or Nvidia Quadro) and a monitor that actually can display so many colors + use new version of displayport.
Yeah!
4:2:2? Search Wikipedia for "chroma subsampling" and you're done. Vast majority of what consumers get is 4:2:0 and is, when done properly, quite good.
Yes, we want more videos like this !!!
Keep up the good work guys !!
Clear, precise and straight to the point. I love it!
*YES!* More please. Typically it's difficult to find a quick, fun fact YoutTube video which teaches the view of digital file formats and how they came to be -- very odd given that we all use computers and mobile devices to view content on RUclips. There are so many different file types that I think this channel could again -- as has always -- exceeded my expectations. I look forward to more of these types of videos in the future! Thanks.
Yes! More videos like this, please. I'm a self-taught/still learning web dev and graphic designer and clear and concise information about all of the things you could cover is really lacking on the internet. It's there, but it's from tons of different sources, often times they're long articles that take while to read, blah blah blah. You should definitely do an audio formats video and probably not even stop there.
Go to lynda.com
ys. I would like more episodes. I always wonderd which format is better and this video solved it. thanks
Great video with best explanations I have seen in a very concise timeframe. Well done!
PNG Masterace !!!
Yeah! JPEG peasants
You plebs, I only look at raw images.
Adam FromFin I don't think you understood what raw image is
Kaustubh Chaudhary
Yeah boi!
PNG all the way!
PNG sucks because it doesn't support CMYK colors, JPG let's you print in CMYK.
1:15 when the bass drops
I was hoping someone else noticed that!
?рорггг
Woah that's d e e p. I mean smooth lol
Looking forward to hear about those audio formats!
One of the best informational videos out there on this topic.
I like John. You can honestly do whatever you want I came here for the information.
This was soooooo understandable.
The way you explain makes it seem so easy! It really helped me! Thank you!
Def enjoyed this video and made it much easier to understand. I've always had a fascination towards all file extensions be it very specific ones, branded / company owned ones, and even obsolete ones,
An idea?: start a mini series that go over ALL the file extensions that have ever existed in vids with the same style and manner you did here, there pros, cons, how they came about, there demise, room for improvements, and future potential replacers, that would be a really cool lil mini series you guys can start. I think
Really great video John
BLUE DOT!!!! what is it? Is it on purpose or an issue with the RED cameras?
Ryan Mercier I don't see a blue dot
Oh it's there. other people have noticed it as well. very very small. some people suspect the sensor has been damaged from an over exposure at some point. someone said that they have seen that before due to a laser light (but it was a purple dot). who knows. I'm sure LTT is looking into it.
wouldn't call it small it's huge...
I shouldn't have looked. Now all I see is the blue dot!!!
where is it? i dont see any blue dots --"
watching from 5" phone
To be honest I'd love to see more photo formats. This was a very interesting episode.
JPEG: cuts out useless info to save space
Also JPEG: saves your location for others to stalk you
@baconmedia93 JPEG photos taken in cameras normally store metadata too, like the location where the photo was taken, the hour and date, the camera used, etc.
If someone has a bit of a brain they can know your location by seeing this metadata from a phtoo you send
@alroightmaite No, you didn't understand the joke because it was not funny. Saving your location only adds a few bytes of extra space, virtually nothing.
@@sogerc1 the joke is your location is useless info too
@@gerardonavarro3400 this is called EXIF data and can be cleared in a third party
Linus got tanned? I almost didn't recognize him
Linus looks weird today
That is because it is not Linus talking in this Video
Really useful, thanks a ton guys. All these videos are incredibly informational.
Thanks man. Super helpful
0:04
WTF!!! I searched the whole comments section!! No one noticed Linus's face there?! He looks better this way tho.
Nice
First comment talks about Linus
0:08 is actually a pretty touching story.
Ye
Thanks to give your knowledge
Made it clearer for me I until now after watching this video I was unsure about the different file formats and what they had in common
linus with make-up what a change. 1st?
Great video!!
Glad I found this channel. So helpful
i love these tech videos
It's GIF, not GIF.
boi
🎁 jift
agreed
I always thought it was GIF
It's Gif, with a silent G.
More file formats!!!
Thanks for the info. Very helpful and clear
This video was awesome! I'm so better informed now! They did not even explain these things so well in art school. More please.
That dead blue pixel on his jacket is beginning to bother me...
Now that you mentioned it, me too. ':D
Watch bait? xD
Yup :P
Jack Le Is it visible at 480p? It's as high I can watch with on my mobile.
Lexyvil yeah but you have to squint your eyes really hard -.-
Mpeg , MP4 , AVI , WAV ,MP3 , MIDI and many others files here we come.....
Midi isn't audio ;-)
Mpeg, mp4 and avi arent audio files either? Op didnt even say they are :D
never said it is . shot in the foot troll?
good concise explanations
I love your videos keep them
Coming
Now i know, this is where I always struggle is, when saving a photo
WHAT DID YOU DO TO TO LUKE?!
Very very helpful. Thank you.
Very well explained, thanks.
I thought for a second they hired someone new.
It's the ginger beard :)
But nope its just Asian luke
Very helpful. 8.5/10
I would love more videos on different file types!
RAW images are amazing, editing them is so much helpful, then converting them to PNG or JPEG help.
5:19, i would like to know more about file types.
I usually save my photos as TIFFs so I can re-edit the photo without saving it as PSD.
Very helpful. Thanks a lot
Beautiful explanation
needs more JPEG
an Intel Core i7 Quad-core Processor , i need you
an Intel Core i7 Quad-core Processor I have you
I hear Ryzen's been kicking your ass. Quad-core's just don't have the muscle to fight back
why my smartphone camera don't allow another format than JPG??? And why is JPG and not JPEG?? I'm confused
jpg is the prefix of jpeg and you phone software has a problem if it doesn't accept other formats.
you can download a different camera app
Its the same so chillllll.
@Tournel Henry You can always download a camera app (I recommend Open Camera) that will let you choose a different save format (unless your phone manufacturer locks their phone down). The JPG saving is not determined by hardware but by software.
@Tournel Henry maybe your specs were too low (like not enough RAM to load the whole image at once or too slow memory to save it)
as for png not being geotagged, some apps can even save it to a second file (like xml)
Excellent video, very informative... And please do the other videos you suggested.
I still use BMP for certain kinds of editing like making glitch art, as it allows pretty awesome techniques you can't use in compressed formats.
Lossy compression is for plebs, png master race
Jabberwockxeno .DDS anyday because dxt compression masterrace....
Roman society reference
BPG is already dead because of high encoding time. FLIF is the best solution coming up. It throws WebP under the bus as well.
PNG is only 8-bit, though. DNG ftw!
Tiff MASTER RACE!
This just popped up in my recommendations. Where is this guy? lol haven't seen him in a while.
YEAH!! Does he still work for Linus? Inquiring minds need to know!
Wow - so clearly explained. Thank you.
What an awesome video ! For years...I never knew ...Thanks !
1:13 that bass drop, dang. 🤣
It pisses me off they didn't mention PNGs are animatable just like GIFs, at lower file sizes for the same quality, making GIF completely useless. It is only used because of popularity.
You are an awesome speaker !
Keep um coming this is so useful for content creation
I love your videos. You talk like an actual person and your voice is calming and not fatiguing like Linus'
Yeah he did good
SWTH71 Think he has an accent...
I can't tell.
How is a voice stressful, that makes no sense what so ever. He's also reading from a script, just like the rest of the boys do. You just rarely hear the others chat so when you hear someone new its a change. Don't say silly crap like calming and stressful when it means nothing.
Yes, he does talk with a higher pitched voice, and talks faster and like hes always in a hurry. However I would never say that someone sounds stressful because it simply doesn't make sense. Everyone is entitled to their own opinions and i'm not trying to say otherwise. And no hes not screaming or yelling. That's just his voice, maybe its how he is only in videos who knows, I don't.
People are just so used to hearing Linus speak that its a change, some welcome this change, some don't. It is what it is, nothing more.
Mike Palko ok sorry I just couldn't the right word to describe it. Also I don't get why stressful wouldn't work? It's an adjective
It's not that I dislike Linus or Luke, I really don't. I just really like John!
Keep it up John.
4moreYears!
aka American Linus
I know LTT is in Canada but what is this guy's accent? It sounds kind of Mid-Atlantic, like he's from Baltimore, Philly or D.C. Is he one of a 'fellow American' that successfully emigrated north?
awesome and informative!
Exceptionally informative!!!!
Audio please, like if you want it too
Easy, there's MP3, FLAC, and WRONG
MP3 is a thing of the past. We AAC now.
WAV IS BETTER THAN FLAC
Flac Or Gtfo. Flac uses checksums.
I heard him fine ;)
I love tunnel bear yaayyy~ also, I love Nick !! NVB!!
Thank you! Very enlightening!
Thanks helped a lot!
" *T U N N E L B E A R V P N !* "
😂😂😂
hashtag bluedot
Where is this bluedot I have heard of? Can't see it in any of the videos.
I thought you were talking about the festival
I have to watch this a couple times and send it to everyone.
Learned a lot from this!