STOP Using JPEG? JPEG vs PNG in Depth!

Beyond transparency, in this video, we will decode concerning differences between JPEG and PNG image formats. Right from the size and image quality to essential aspects like color banding, we will find out what's the best format for you and in what situation. We'll use Photoshop to export the sample documents and understand how we can optimize our images.

I hope you enjoy this video. Thank you so much for watching :)

► TIMESTAMPS:
00:00 Does JPEG Have a Problem?
01:59 Image Size and Image Quality
06:26 Bandings and Bits
08:54 Transparency and Beyond
10:47 Quick Important Fact
10:55 Disclaimer: What About Printing?
11:36 BONUS: An Essential Guideline
13:41 Thank You!

► Recommended Software & Gear:

► PiXimperfect Merch Store:

► PiXimperfect Actions:

► Downloads:

► Let's Connect:

[ASaku_Draw]

I never really thought about the differences except for transparency, but these formats are actually quite different

[Micha-Hil]

png: flat art, vectors, transparency
jpeg: real photos, exif data, compression

[crystanubis]

I've been using PNG's for my art for years. It was initially because of the alpha channel, but its other advantages have revealed themselves over those years.

[eddiebreeg]

If your working with icons/logos etc you're most likely using vector tools (illustrator and what not), in which case PNG isn't even the right move. Assuming the target platform supports it, formats like SVG would be better. That said if it doesn't then yes PNG is a great choice, and you might even get away with 8-bit colors if you don't have gradients.

[glyndewis]

Hey Unmesh...Thanks so much for the mention...very kind of you 👍

[SkepticalCaveman]

The lossless quality of PNG is worth the larger file size, in my opinion. Lossless compression makes the files future proof since converting between two lossless formats is lossless, obviously, while converting between two lossy formats degrades the quality every conversion. I also prefer lossless audio for the same reason.

[codyamory]

Never stop doing what you do. I can’t tell you how helpful your channel has been in answering questions like this.

[sorma]

In a nutshell, from what I learned.
JPEG: Really good for IRL photos, NO TRANSPARENCY, NO 16-Bit Channel for Banding
PNG: Really good for Digital arts, YES TRANSPARENCY, YES 16 Bit Channel for Banding

Thanks for your lesson!

[booyakasha]

I am a veteran graphic designer and have watched or read many various tutorials and I must say that you and your YouTube channel are simply the best. I thank you and compliment you on how gifted you are as a teacher and tutor for us all. Excellent!

[araeos]

Well JPEG XL (jxl) has higher bit depth (8, 16, 32, int/float) layer support, transparency, animation support (thank god, bye GIF) and of course better lossless compression than PNG and better (more efficient) lossy compression than jpg and much more, so lets hope that it gets the adoption it deserves when the standard is published :)

[simulatorfantastic]

Even since 2012 or 2013, I knew and found out that PNGs hold TONS of more quality than JPEGs. That's why I ALWAYS export my art into PNGs.

[MrTheMighty]

Extremely informative! I've been in graphic design at a sign company in the US for 7 years, and I wish every single person I work with outside of the graphics department could have a basic understanding of this and related subjects. You did mention that print and digital applications are very different, but often we will receive files that aren't even close to being usable for either and are expected to just "make it work."

I'm not bitter.

[SiempreAndres]

I always used "save as" to finish my photoshop jobs. I also thought that png was only for backgroundless images and you just taught me a lot. Even though I have to use subtitling to understand since I don't speak English 😞

[MiguelQuilesJr]

Fantastic video! I've been posting PNG files to social media for years now and always get compliments on how well they hold up. :)

[PiTdeLyX]

Such a perfect video. Aside from no stuttering and not a single brake where he "needs to think" or "needs to find a button", just overall smooth explanation. And I love your video background, so thoughtful on the colours, orange candles on the blue side, etc... Absolutely love this video and will recommend it!

[jonarRyuu]

I never know the main different between PNG and JPEG until I watch this Videos. It really helpful for me. I love how you describe both PNG or JPEG and talk about the different simply and very easy to undestand. And not only this video, all your contents are very helpful anyway. Hope you always make this kind of photoshop tutorial, etc.

[Raspseen]

I've been saving my art in PNG for years due to it being higher quality than JPEGs. It's great for making a sprite sheet because of said higher quality and alpha channel.

[monishm]

When in doubt use tiff. Better than PNG in every way, compression can be adjusted as per your preference, much better memory usage than png on most 3d and rendering software, Use LZW or Zip compression with RLE or Zip if you have layers on or discard if you don't want layers. Also can save ICC profiles so no colour change from one software to another.
Oh also, you can save layers in the image so photoshop can open it with layers by default or discard all layers and save flat image.

[Nylphinx]

The best Photoshop tutorial channel on YouTube!

[rhyboy]

Everything about these tutorials is amazing… no hype, no bs.. “boring but important”…. “Pause to learn more”… it’s all of what we want and none of what we don’t….. getting these for free feels illegal sometimes…