STOP Using JPEG? JPEG vs PNG in Depth!

Sdílet
Vložit
  • čas přidán 24. 07. 2024
  • 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!
    ► Support the Channel & Gain Premium Access: / piximperfect
    ► Recommended Software & Gear:
    ✅ My Graphic Tablet: pix.live/wacom
    ✅ Recommended Budget Tablet: pix.live/wacomlite
    ✅ Try Photoshop for Free: pix.live/photoshop
    ✅ Artificial Intelligence Photo Editor: pix.live/luminarai
    ✅ Unlimited Photoshop Actions, Plugins, and Stock Photos: pix.live/envato
    ✅ Best 300+ High-Quality 50MP Skies for Sky Replacement: pix.live/skykit
    ✅ Primary Microphone: pix.live/mic1
    ✅ Second Microphone: pix.live/mic2
    ✅ Audio Interface: pix.live/audiointerface
    ✅ Filmed with: pix.live/camera
    ✅ Lens: pix.live/lens
    ✅ Music: pix.live/music
    ✅ The App I Use for CZcams Growth: pix.live/ytapp
    ► PiXimperfect Merch Store:
    teespring.com/stores/piximper...
    ► PiXimperfect Actions:
    gumroad.com/piximperfect
    ► Downloads:
    Examples and Chart: pix.live/jpegvspngassets
    ► Share: goo.gl/IUhnUl
    ► Let's Connect:
    Instagram: / piximperfect
    Facebook: / piximperfect
    Twitter: / piximperfect

Komentáře • 1,8K

  • @ASaku_Draw
    @ASaku_Draw Před 2 lety +2777

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

    • @zer0b0t
      @zer0b0t Před 2 lety +32

      yeah if you can use raw or png in your phone you'll notice the difference

    • @adroitws1367
      @adroitws1367 Před 2 lety +6

      @@zer0b0t wtf is raw?

    • @jackmcardlec
      @jackmcardlec Před 2 lety +73

      @@adroitws1367 u aint ever heard of a raw file??? its just a file that contains data that hasnt been compressed, encrypted or processed in any way.

    • @adroitws1367
      @adroitws1367 Před 2 lety +21

      @@jackmcardlec like photograph raw? but that isn't a file format name right?

    • @therealbusta5954
      @therealbusta5954 Před 2 lety +34

      @@adroitws1367 yes, It's not a 'file format name' (or... it depends on how you look at it actually 😅). After what I've learned, so are "raw files" just a term for all image files with uncompressed camera information. I think almost every leading camera manufacturer use their own RAW image format🤔

  • @glyndewis
    @glyndewis Před 2 lety +962

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

    • @PiXimperfect
      @PiXimperfect  Před 2 lety +200

      Your content was the only detailed step by step tutorial that got me out of the print mess I'd made. Thank you so much, and I hope that it helps others too :)

    • @matda
      @matda Před 2 lety

      Ye

    • @Villager6883
      @Villager6883 Před 2 lety

      @@PiXimperfect JPEG JPEG JPEG JPEG is the best

    • @Yeettoinfinity
      @Yeettoinfinity Před 2 lety

      @@Villager6883 give some evidence

    • @Villager6883
      @Villager6883 Před 2 lety +1

      @@Yeettoinfinity Cause it’s more reliable.

  • @Micha-Hil
    @Micha-Hil Před 2 lety +56

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

  • @eddiebreeg3885
    @eddiebreeg3885 Před 2 lety +422

    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.

    • @benjib2691
      @benjib2691 Před 2 lety +9

      Inkscape works great for vectorial images, and is open source. I've used it in the past for doing diagrams

    • @eddiebreeg3885
      @eddiebreeg3885 Před 2 lety +6

      @@benjib2691 I personally cannot stand it but that's just me. There are other alternatives like illustrator or affinity designer (which I use), all of them are perfectly capable of editing vector images. You could even edit them by hand if you wanted too, but that's another story

    • @mattwood8659
      @mattwood8659 Před 2 lety +7

      When deciding between svg and png, I do the png at 4 times the size and compare the file size between the two. Sometimes the svg file size will be bigger so I'll go with the png instead. - this is for Web use

    • @Qui-Gon_Jinn69
      @Qui-Gon_Jinn69 Před 2 lety +1

      *you're

    • @MaxxSkywalker
      @MaxxSkywalker Před 2 lety +6

      SVG is a great format for web applications. I use them all the time. Just don't try and put too much detail into a single file, as you'll likely run into larger file sizes that present render blocking issues. At that point, you might as well use a raster format.

  • @crystanubis
    @crystanubis Před 2 lety +1245

    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.

    • @jonassekondi931
      @jonassekondi931 Před 2 lety +4

      For example: which ones?

    • @marioysikax
      @marioysikax Před 2 lety +72

      With digital arts, you should definitely always use PNG unless you do stuff like add deliberate noise, chromatic aberration, etc. "photo" post processing effects.
      Problem with digital arts is that many artists seem to use twitter these days, so the art gets converted to JPG regardless, it also gets chroma subsampled so the color information is halved. So like said in the video, with specific platforms you still have to use JPG, Twitter did bow to photographers and stopped recompressing JPG uploads under 4096px.

    • @marcopeterson805
      @marcopeterson805 Před 2 lety +2

      Opinions on webp?

    • @marioysikax
      @marioysikax Před 2 lety +14

      @@marcopeterson805 Apple refused to support WebP for longest time so adaptation has been slow, but they do now, maybe because the commercial HEIF adaptation is still at 0%.
      Because it can be both lossless and lossy, it's confusing format to use and I believe it's locked to VP8 standards which with WebM have become obsolete. Not ideal format because of these.
      However many websites now use it because it is still much higher quality for lossy images, especially with high contrast material like text and logos, compared to JPG with always lower filesize and because most modern browsers now support it. After all, with popular websites, 50kb save on single image loaded by millions of users is suddenly hundred megabytes saved on single of hundreds of images.

    • @Gameplayer55055
      @Gameplayer55055 Před 2 lety +1

      JPEG XL sounds promising

  • @codyamory
    @codyamory Před 2 lety +528

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

    • @KBConsulting
      @KBConsulting Před 2 lety

      Would be much better if the answer was well informed and useful.

  • @jake384100
    @jake384100 Před 2 lety +1

    you explain and demonstrate everything exhaustively and efficiently. you are extremely respectful of your viewers time and well spoken, you would make a great professor in a digital media class!

  • @MrTheMighty
    @MrTheMighty Před 2 lety +29

    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.

    • @keralacitizen
      @keralacitizen Před 2 lety +1

      true...its like u have computer and just press some dam keys and out comes perfect image...dont act like you have to sweat it out! :D

  • @booyakasha7197
    @booyakasha7197 Před 2 lety +361

    I am a veteran graphic designer and have watched or read many various tutorials and I must say that you and your CZcams 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!

    • @bonibon6669
      @bonibon6669 Před 2 lety

      How hard is it to start job as a new graphic designer

    • @teeing9355
      @teeing9355 Před 2 lety

      Placing PNG files in to Photoshop is excellent? LMAO

  • @simulatorfantastic90
    @simulatorfantastic90 Před 2 lety +124

    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.

    • @lahcenebelbachir7929
      @lahcenebelbachir7929 Před 2 lety +12

      Same here, but I recently switched to WebP, same quality as PNG with a much lighter file size, sometimes half of PNG.

    • @xorbe2
      @xorbe2 Před 2 lety +5

      @@lahcenebelbachir7929 Why not avif which surpasses webp?

    • @mgord9518
      @mgord9518 Před 2 lety +4

      @@xorbe2 AVIF is only better for complex, photographic images, WEBP is better for simple illustrations.

    • @mar2ck_
      @mar2ck_ Před 2 lety +6

      @@nooneinpart WebP lossless IS a lot better then PNG. It's basically always a smaller size then PNG with the same quality (obviously). The only type of image I've found where PNG is smaller is screenshots of website. For art especially webp basically gets a free win and JPEG XL lossless is ever better

    • @user-og6hl6lv7p
      @user-og6hl6lv7p Před 2 lety

      You might want to consider using OpenEXR. It supports high dynamic range and is lossless.

  • @volt8ge
    @volt8ge Před 2 lety +1

    Job well done! I’ve been doing digital illustration forever and never realized the difference when it comes to 8 vs 16 bit and all that goes with that! Thank you!

  • @sorma007
    @sorma007 Před 2 lety +11

    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!

  • @MirukuRyuu
    @MirukuRyuu Před 2 lety +42

    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.

  • @SiempreAndres
    @SiempreAndres Před 2 lety +163

    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 😞

    • @akenji47
      @akenji47 Před 2 lety +16

      Me too, the good thing is that his English is easy to understand

    • @toku5829
      @toku5829 Před 2 lety +20

      Indians English is easy to understand than Americans 😂

    • @SiempreAndres
      @SiempreAndres Před 2 lety

      @@toku5829 really? Sorry for the question, what is the difference with American English?
      I am learning English at my own pace, so I may not yet be aware of other types of English than American and British English.

    • @SiempreAndres
      @SiempreAndres Před 2 lety +4

      Postscript: ñ

    • @SounDTrack007
      @SounDTrack007 Před 2 lety +9

      @@SiempreAndres India also has a separate "version" of English. The accent as well as, some of the words are different in Indian and British/American English.

  • @SkepticalCaveman
    @SkepticalCaveman Před 2 lety +136

    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.

    • @rashidisw
      @rashidisw Před 2 lety +5

      If you really want even smaller file for .PNG you can use PNGOUT by Ken Silverman.
      The pngout program do its job on deflate compression layer level, so the resulting output will be treated normally as any usual .png (s).

    • @muellerhans
      @muellerhans Před 2 lety +4

      "converting between two lossless formats is lossless"
      That statement is not really true. You can still lose bits. Try it out: Get a hash from the original, convert it to another lossless format and convert it back and get another hash. Is the hash the same? However, the lossless JPEG XL has backwards compatiblity with JPEG so when you convert back from JPEG XL to a JPEG you should get the same JPEG.

    • @Kualinar
      @Kualinar Před 2 lety +1

      Even at the highest compression setting, it's still lossless. It just takes more time to encode.

    • @dandydan01
      @dandydan01 Před 2 lety +6

      You have both options available, so you don't need to choose. You can use both. That's why we all use both. Of course PNG is great but even a relatively small 4K res photo in PNG is impractical in todays internet speeds in most places of the world. JPG is absolutely incredible for photography, so as everyone already knows: each has its use, and you can use both.

    • @af7119
      @af7119 Před 2 lety

      that's not how lossless works.

  • @Michallote
    @Michallote Před 2 lety +4

    I really love deep dives into the details we take for granted. I love using vector graphics in all my reports as it lowers the file size dramatically

  • @MiguelQuilesJr
    @MiguelQuilesJr Před 2 lety +115

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

    • @PiXimperfect
      @PiXimperfect  Před 2 lety +1

      Thank you for watching! Hope to see you again soon :)

    • @KaitouKaiju
      @KaitouKaiju Před 2 lety +10

      @Goody Morillas They compress the images further. So if you start with an compressed image, it'll look worse and worse as image data is lost with each compression

    • @Deolgraphy
      @Deolgraphy Před 2 lety +5

      But the problem is no one will ever tell u their secrets 😂

  • @leniroussel9938
    @leniroussel9938 Před 2 lety +7

    Really interesting! I don't know much about photoshop and was wondering why sometimes there was banding now everything is clear. Good explanation.

  • @lyalas
    @lyalas Před 2 lety

    this video is so high quality, a delight to watch , the info is clear and easy to understand, subscribed

  • @ultratooby
    @ultratooby Před 2 lety

    I rarely saw such a well made and interesting video O_O Well done, mate!

  • @KamiNosane
    @KamiNosane Před 2 lety +3

    That's top tier content, editing and understanding of youtube algorithm, one of your best video to me!

  • @rhyboy1
    @rhyboy1 Před 2 lety +6

    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…

  • @flvmmes
    @flvmmes Před rokem

    I loved the way you just started the video without advertising, intro or what else. keep the good work, you gained my attention.

  • @alessandroaggio
    @alessandroaggio Před 2 lety +1

    Always incredible stuff. Extreme gratitude for all the work and passion you share

  • @HR-wd6cw
    @HR-wd6cw Před 2 lety +64

    When it comes to bit mode I've always heard that it's best to work in the highest quality (16-bit or 32-bit if you can) and largest color space possible and "take your losses" (take losses from going from say 16-bit to 8-bit or ProPhoto RGB to sRGB) when you are exporting. But work in the highest bit range and color space possible for the most flexibility (of course not all photoshop tools will work in 16-bit mode, some only work in 8-bit mode). But this example of PNG vs JPEG does make sense, as PNG is 16-bit by default and JPEG is only 8-bit. However, I suspect that when the JPEG-XL spec is finalized and more widely used, this will change things or even the score since JPEG XL I believe will be 16-bit.

    • @thomasmaughan4798
      @thomasmaughan4798 Před 2 lety +6

      You can see on the screenshots that he is using 16 bit PNG and comparing it to 8 bit JPEG. If you use 8 bit PNG you'll get nearly the same banding problem.

    • @ChrisD__
      @ChrisD__ Před 2 lety +1

      PNG's are 16 bit by default in PS? That's weird AF. I'm playing my cards on lossless 16bpp WebP though.

    • @muellerhans
      @muellerhans Před 2 lety

      From wikipedia: ,,The file format (bitstream) was frozen on 25 December 2020 and formally standardized on 13 October 2021. Any file compliant to this standard is guaranteed to be decodable by all future releases."
      Btw. the standard was formally approved in december 2021. And when you go to the twitter account of Jon you can see they are working on ,,the 2nd edition of the spec, which will be just editorial improvements and clarifications, and some very minor technical details - nothing bitstream-breaking."

    • @Quarassou
      @Quarassou Před 2 lety

      JPEG is design to compress image for sharing purpose, not graphist work.

    • @ChrisD__
      @ChrisD__ Před 2 lety

      @@Quarassou Nope, it just happens to be good at that.

  • @monish05m
    @monish05m Před 2 lety +114

    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.

    • @caty863
      @caty863 Před 2 lety +2

      Actually, I always use .tif when saving EO satellite images I work with. I weirdly associate .png with photographs. I don't know why.

    • @defenestrated23
      @defenestrated23 Před 2 lety +2

      TIFF is great for saving arbitrary metadata as well. Also has the most data types (uint8, 16, 32, float, etc). So many options.

    • @hehefunnysharkgoa9515
      @hehefunnysharkgoa9515 Před 2 lety +15

      Internally, TIFF is just storing PNG and JPEGs with metadata, so this isn't an entirely apple to oranges comparison. Also, TIFF's ability to hold different formats is a double-edged sword I ended up learning the hard way when I tried to use a TIFF file that contained a format that an application didn't know how to handle. Just because something accepts a TIFF, doesn't mean it accepts the image formats inside it.

    • @monish05m
      @monish05m Před 2 lety

      @@hehefunnysharkgoa9515 very true about internal storing in jpg and png, curious which software was it

    • @thomasmaughan4798
      @thomasmaughan4798 Před 2 lety +6

      As others point out, TIFF is a *wrapper* and the actual image encoding could be any of a great many things. Your ability to share images using TIFF is consequently somewhat uncertain whether the person you send it to, or even yourself at a future date, is going to work. PNG also has some subformats but not nearly as many. JPEG also has subformats but it seems everyone uses JFIF.

  • @deeesher
    @deeesher Před 2 lety

    Because I'm self-taught, I've been struggling with my Photoshop skills for a few years now. I know enough to do what I need and usually just look up anything unusual I need to do for my pictures. This video appeared in my suggestions and quickly answered a bunch of questions I've always wondered about! Thanks for posting and making it all very easy to understand. I'm definitely planning to check out some more from your channel!

  • @samikshamulik7928
    @samikshamulik7928 Před 2 lety

    You always amaze me, Unmesh! Thank you for this video.

  • @postandfly
    @postandfly Před 2 lety +33

    As always amazing info thanks and best regards from Mexico

  • @DandeSaft
    @DandeSaft Před 2 lety +6

    for my illustrations, i usually mostly export in jpeg. they are meant to be seen digitally first and foremost and bc of their high resolution, they cause artifacts as PNG when uploaded to twitter (where i mostly post art). I always save a PNG version as well tho for the best quality locally

  • @RenShiba
    @RenShiba Před 2 lety

    Your teaching style is honestly one of the best, thanks a lot!!!!

  • @nikrusty
    @nikrusty Před 2 lety +1

    Nice, simple, clean, good delivery and lovely soothing for the eyes setup. You are AWESOME!

  • @ratnesh8297
    @ratnesh8297 Před 2 lety +9

    I Never noticed the difference, thank you Unmesh for telling us all about it. your are a great creator

  • @NorthBorders
    @NorthBorders Před 2 lety +422

    You are an absolute legend bro ❤️

    • @beanieweanie535
      @beanieweanie535 Před 2 lety +6

      Never thought I’d see you here :0
      Hope you’re having a shit one 😼

    • @de_g0od
      @de_g0od Před 2 lety +2

      He's a literal robot lol

    • @JohnPaulBuce
      @JohnPaulBuce Před 2 lety +1

      tf is happening here

    • @de_g0od
      @de_g0od Před 2 lety +1

      @@JohnPaulBuce wdym?

    • @NorthBorders
      @NorthBorders Před 2 lety +3

      @@de_g0od just cause im aussie doesn't mean im a robot :(

  • @Yamapico
    @Yamapico Před 2 lety +1

    なるほど!勉強になりました!ありがとうございます!

  • @steprockmedia
    @steprockmedia Před 2 lety

    Great info and very well made vid.
    PS: your pronunciation of exaggerated was correct and your English is so clear that CZcams auto closed captions was perfect

  • @SSHK237
    @SSHK237 Před 2 lety +4

    Great Topic! PNG is also useful when anyone wants to place their logo on MS Word Document or PowerPoint, but CMYK doesn't support PNG, therefore I convert my PNGs to TIFF on the Artwork sent for printing.

  • @arunprakash821
    @arunprakash821 Před 2 lety +23

    I was always confused in this topic, I used to have a lot of problem, Really it's amazing content and you solved my problem, Thank you so much.

  • @aaronre29
    @aaronre29 Před 2 lety

    Not a boring gift at all! Thank you! I was wondering if I’d remember to pay attention to the difference.

  • @frosch6484
    @frosch6484 Před 2 lety

    Wow thats the first video i watched from your channel. I love your quality, not only the studio (video) but especially the voice with that amazing flow. Plus the great information all in all a great experience to watch.

  • @PiTdeLyX
    @PiTdeLyX Před 2 lety +8

    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!

  • @Qpenz
    @Qpenz Před 2 lety +3

    I've watched so many of this channel's videos and only just now realized the face cam window is edited into the Navigator. Man thinks about all the details.

  • @adrianmcnally6006
    @adrianmcnally6006 Před 2 lety

    Cracking job you did here, great info and well presented, thank you

  • @Nylphinx
    @Nylphinx Před 2 lety

    The best Photoshop tutorial channel on CZcams!

  • @araeos
    @araeos Před 2 lety +40

    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 :)

    • @mar2ck_
      @mar2ck_ Před 2 lety +5

      JPEG XL by far the best at lossless compression but I've found that for lossy compression AVIF gives better results with less noise artifacts

    • @micky2be
      @micky2be Před 2 lety

      There is also the JPEG XS, for ultimate lossless compression. But not sure how it plays along the JPEG XL.

    • @araeos
      @araeos Před 2 lety +1

      @@mar2ck_ Yes I'd like to think that using AVIF for photo images is a good idea due to the higher compression with good appeal, but a lot of content like screenshot or webcontent with sharp text and such would be better compressed by JPEG XL due to some features it has and its focus of fidelity instead of appeal. Its also better as a general exchange and storage format for production by far since AVIF has a rather limiting feature set: e.g. 12 bit maximum per channel and not in RGB space iirc.

    • @araeos
      @araeos Před 2 lety +3

      Using the correct tool for the job does imply having tools to choose from in the first place

    • @muellerhans
      @muellerhans Před 2 lety +1

      ​@@micky2be XS is not releavant. Can't even find a comparision between XS and XL and there is no software for it in repos. XL is the new standard, period. Most applications that can be used to edit or display images can already display it and yes I can safely claim this cause on GNU/Linux the support can be baked into the GUI toolkits that are used by almost any application that has a GUI. GTK ships with support per default and Qt has a plugin.

  • @TatoLopez
    @TatoLopez Před 2 lety +32

    Great content, i love it and clear me a lot of questions, but i still have one: If you always want the best quality of your photos, you still use png in 16 bit? because it's only matter jpeg if you want less space

    • @PiXimperfect
      @PiXimperfect  Před 2 lety +12

      Of course! But again, if you're just looking for storage, there are other formats too, like TIFF. Because TIFF (along with PSD) support layers! But for social media, it depends. Most mainstream platforms convert to JPEG after upload, so it makes sense that you do the compression instead of letting the platform do it for you.

    • @martin2do
      @martin2do Před 2 lety

      If you're willing to print photographs with a serious lab they will ask you for tiff files. Jpeg is compressed, it's better for digital.
      Also for offset print you'll "always" get better results with tiff than with jpeg.
      For the web of course the tiff is not even handled and you need small files.

    • @ruffsnap
      @ruffsnap Před 2 lety

      @@strixcz You don't have the final final say when uploading to social sites, but it's still smart to do SOME prepping yourself compression-wise, it helps some!

    • @thomasmaughan4798
      @thomasmaughan4798 Před 2 lety

      @@martin2do "If you're willing to print photographs with a serious lab they will ask you for tiff files."
      And they'll want it in CMYK colorspace, not sRGB.

    • @martin2do
      @martin2do Před 2 lety

      @@thomasmaughan4798 depends on the machinery some photo gear use rgb or lab. Offset press yep cmyk and/or direct tones

  • @augustedrifande6017
    @augustedrifande6017 Před 2 lety

    Thanks, mec. You redefine the background for me and sharing well.

  • @wuggman
    @wuggman Před 2 lety

    Wow this was amazing and so helpful! Thanks! Also your English is absolutely great

  • @narussell780
    @narussell780 Před 2 lety +4

    That was very helpful and interesting you are great at explaining these things

  • @francomartini4328
    @francomartini4328 Před 2 lety +5

    Although I know that Photoshop does not officially support it, since 2017 I have installed Google's WEBP plug-in with each annual update because Photoshop won't open images in that format otherwise. I believe that Google issued WEBP in 2013 and as time has gone on, I am finding that more and more images that I download from the Web, particularly from news sites, may be labelled as JPGs in the address bar but when downloaded to my computer are actually WEBP.
    I can see no difference between the two beyond file size. JPEGs are 2 to 3 times the file size of the same image with the same dimensions in WEBP despite both being 8 bit at 72 ppi. I would really like a full rundown on WEBP and whether it is something that is more than just a format that came about for space-saving reasons on cloud storage.

  • @danielslusarz1
    @danielslusarz1 Před 2 lety

    I am not your ordinary spectator. but every time i accidentally find your video i am very impressed with your video. Great picture quality, great studio. Confidence and enthusiasm in speaking. And high skil of spreathing knowledge.

  • @wordeye
    @wordeye Před 2 lety

    man this is more than excellent! and the flow chart is a great bonus. thank you.

  • @peterbreis5407
    @peterbreis5407 Před 2 lety +8

    Puppy:
    PDF/SVG vector with transparency: 3kb (Infinitely scalable)
    HEIC with transparency: 288kb
    JPEG: 823kb
    PNG with transparency: 917kb
    JP2 with transparency 1.3Mb
    Affinity Photo : 1.7mb
    Photoshop: 3.8Mb
    The 24.8Mb Photoshop gradient converts to a 9kb .heic file with no banding. (incorrect on recheck- it has banding, just subtle)
    The 59Mb Photoshop paperclip photo converts to a 3Mb .heic file with no visible loss of quality.

  • @peteriskrumings8771
    @peteriskrumings8771 Před 2 lety +3

    2:58 this works well on simple small drawings that's why webpages uses png as default but there is a reason jpg is standard for larger, more complex images. I just tried to save a photo taken in jpeg reulting in 2.29MB for default 84 quality or 4.95MB for highest 100 quality and png rsulting in 16.5MB with default (6) compression settings. So PNG is more than 3x bigger in file size and it takes longer to decompress (switch between images).
    But I actually found something new. I always thought that format like .tif is looseless but .png same a jpeg is loosy. Learned something new today.

  • @AdityaSharma001
    @AdityaSharma001 Před 2 lety

    Amazing presentation!
    As always, great content!!

  • @jalnaidu3088
    @jalnaidu3088 Před 2 lety

    You got a very clear explanation and very clear in your conversation, pleasant background, excellent presentation, your doing a fantastic job

  • @mikepeligro
    @mikepeligro Před 2 lety +3

    Great video! Finally I can appreciate the PNG format a little more.
    I currently save my photos in the TIF format. Can you do a comparison between TIF and PNG? Which format is better between the two? Thank you very much and more power to your channel!

    • @thomasmaughan4798
      @thomasmaughan4798 Před 2 lety +1

      TIF and PNG are lossless, which means they will be identical insofar as opening it, saving, opening, saving as many times as you like without deterioration. TIFF has many subformats; TIFF is a *wrapper* and can be 8 bits 16 bits per channel; it can be interleaved or all one channel then all the next channel. It might be *indexed* 8 bit where you choose 256 colors out of a 24 bit colorspace. There's also 15 bit and 16 bit indexes.
      What that means is you can share a PNG with pretty good expectation the recipient can open it; but a lot less assurance using TIFF.

  • @KaitouKaiju
    @KaitouKaiju Před 2 lety +8

    I typically use png by default, jpeg for saving space, webp wherever possible for web assets

  • @бтц
    @бтц Před 2 lety

    Damn, man! Saw your old videos and now... You're growing so fast! You pronunciation and accent much better, voice work to great and really love your mic, you sounds amazing with u87. Such a work... Good luck!

  • @oouje
    @oouje Před 2 lety

    Your channel is amazing, been helping me for a long time now! Great content

  • @umanoid1523
    @umanoid1523 Před 2 lety +7

    Great tech tutorial, i only occasionally use png and usually use jpeg at 100%. Banding is definitely an issue with gradients. Its good to see when on is better than the other.

    • @thomasmaughan4798
      @thomasmaughan4798 Před 2 lety

      16 bit PNG has essentially zero banding, 8 bit JPEG has severe banding IF you perform the demonstration. It is not expected that anyone will expand the color space of JPEG to deliberately cause banding.

  • @jerodmcallister1974
    @jerodmcallister1974 Před 2 lety +8

    I'm sure BMP(bitmaps) might have a purpose too if you ever taiked about that. I've almost exclusively used PNGs for just about everything.

  • @ekhks
    @ekhks Před 2 lety +1

    I have a question regarding pixelation (stair steps) on a PNG export if the subject has a straight edge but at an angle. Is there a way to decrease the stair step or at least decrease it?

  • @youtubeshorts7373
    @youtubeshorts7373 Před 2 lety

    Everything is awesome in your video, your voice, studio, and content 🌹❤️

  • @LittleDreamExplorer
    @LittleDreamExplorer Před 2 lety +56

    When I worked at a print shop, we had to go from PNG back to JPEG when proofing graphics before printing as the colors were often off.

    • @pilsyppah
      @pilsyppah Před 2 lety +12

      @@humandroid53 There are no benefits of using png when it comes to print. Everything in this video where png was better should have been a vector format for print. Png stands its ground for digital applications. Hence the name, Portable Network Graphic.

    • @brianfriedman101
      @brianfriedman101 Před 2 lety +2

      png cannot be saved in cmyk color mode

    • @StorytellingHeadshots
      @StorytellingHeadshots Před 2 lety

      Thank you. Yes. Exactly. ✅

    • @StorytellingHeadshots
      @StorytellingHeadshots Před 2 lety

      @strickzcs Yes, 🙌🏻 Exactly! This video should BEGIN with this comment as a disclaimer! 🤦🏼‍♀️

  • @sammyp2427
    @sammyp2427 Před 2 lety +3

    Great content as ever 😭✨

  • @levi_exiled8579
    @levi_exiled8579 Před 2 lety

    Your room looks sick. You are like a photoshop guru. That's amazing. Lighting is perfect as well. I have to subscribe.

  • @LordDaedalusTelvanni
    @LordDaedalusTelvanni Před 2 lety

    No idea who you are, or why CZcams recommend me this but man am I glad it did. This was a really well done video, and it explained something that I never really understood fully. Thanks!

  • @nroose
    @nroose Před 2 lety +4

    Use jpeg for photos, png for computer drawings, gif for animations, and svg for things that need to work at very different sizes without being re-rendered.

  • @Raspse7en
    @Raspse7en Před 2 lety +32

    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.

    • @Liggliluff
      @Liggliluff Před 2 lety +2

      I've seen some sprite sheets saved in JPG, and that just ruins the whole sheet, making it basically useless. It's a shame that so many people default to JPG so often without thinking.

    • @Raspse7en
      @Raspse7en Před 2 lety +1

      @@Liggliluff Yeah. I guest most people don't understand the quality difference between JPEGs and PNGs.

  • @laaaika
    @laaaika Před 2 lety

    Wow, that's a lot of cool and useful information. Also, props to you, the explanations were just perfect! ❤️

  • @logankevin2790
    @logankevin2790 Před 2 lety +1

    Precisely explained in a relevantly easy to understand way. Love your videos brother. Simply Brilliant. You are single handedly destroying the formidable learning curve for all of us, one tutorial at a time.

  • @SteltekOne
    @SteltekOne Před 2 lety +90

    JPEG is just like MP3 these days: Vastly surpassed by newer standards, but so ubiquitous that it's impossible to kill. (Even if you need smaller sizes and therefore a lossy format, JPEG is no longer the format to use. Thankfully WebP seems to be making at least some headway these days.)

    • @leucome
      @leucome Před 2 lety +4

      THe crazy thing is that JPEG 2000 was meant to replace Jpeg 20 years ago and it just barely begin to be used. I hope it wont be that slow to get proper Webp support.

    • @christianschroder7408
      @christianschroder7408 Před 2 lety +6

      I think jpeg 2000 had weird licensing, that made it basically useless. The jpeg foundation released jpeg xl recently. That looks quite promising.

    • @czos9239
      @czos9239 Před 2 lety +5

      Bad 'ole geocities days with lime buttons (on busy pink backgrounds) were compressed so high so couldn't easily read what they said. People didn't know when to use gif over jpg either. lol

    • @mgord9518
      @mgord9518 Před 2 lety +3

      I think WEBP is a better replacement for PNG, AVIF should replace JPEG

    • @oliver24x
      @oliver24x Před 2 lety +3

      @@mgord9518 No JPEG XL should replace JPEG.

  • @trhongphong
    @trhongphong Před 2 lety +4

    Let me share some other fact relating to that. To have smooth gradient of 16-bit to 8-bit jpg, you could trick Photoshop by make gradient in 16-bit jpg and change mode 8-bit at final step before save, export, export as. You still have very smooth gradient without any banding issue.
    For above trick you still have smooth gradient from both PNG, JPG. But the PNG was double the file size.

    • @clintshidwood4511
      @clintshidwood4511 Před 2 lety

      are you for real?? thats not how it works, son

    • @beardymcbeardface69
      @beardymcbeardface69 Před 2 lety

      @@clintshidwood4511 Although it's true that there is no such thing as 16-bit JPG, the technique Phong is referring to still has merit.
      The perceptibility of banding and other artefacts in an image, becoming compounded with each process made to an image, if that image is edited in 8-bit per channel. To minimise this compounding of artefacts and prevent them from being visible in the final image, editing in 16-bit is worthwhile, as the compounding error per image process is minimised and generally not perceptible.
      I would not bother switching to 8-bit as the final step though, since the export essentially does that for you during the creation of the final saved image.
      When I create gradients in 16-bit and then export that image, I don't see any banding at all in both PNG or JPG formats. None.
      JPG artefacts are still present, if you go looking for them and of course their severity is based on the amount of JPG compression you choose at export.

  • @Visigoth_
    @Visigoth_ Před 2 lety +1

    No bs, just information, quickly and clearly presented... 🧐
    I'm totally Subscribing

  • @melissam731
    @melissam731 Před 2 lety

    I had been wondering why some of my images had the banding. Thanks so much for this video. It really helps. I'm big on quality images.

  • @Midaspl
    @Midaspl Před 2 lety +2

    "You can see no banding here..." CZcams compression says Hi!

  • @pankajmohanta2307
    @pankajmohanta2307 Před 2 lety +4

    Sir provide your brand t shirts on Flipkart or amazon also.... Plzzz😥😥

  • @artsline604
    @artsline604 Před 2 lety

    Good vid man, and thanks from an old pre-press guy for recognizing to everyone a difference in print vs dig. keep up the good work.

  • @ilalighieri9093
    @ilalighieri9093 Před 2 lety +1

    this is a great video! it's very informative and useful. thanks for the information.

  • @AlbertBuckinghamEllison
    @AlbertBuckinghamEllison Před 2 lety +3

    One of the biggest problems I've found with using PNG's for final outputs (in this case renders), is file size. When I'm sending a pack of still renders to a client, over email they easily exceed the 30mb limit. Other than that PNG is mighty!!

    • @CybearBox
      @CybearBox Před 2 lety

      There is a reason, why ftp is still a thing ..

  • @gobosMommy
    @gobosMommy Před 2 lety +4

    is there much of a different exporting vs saving as? i have reverted to just exporting as png since it's quicker and my clients dont need anything more than an emailable file

    • @PiXimperfect
      @PiXimperfect  Před 2 lety

      czcams.com/video/ytsip27O72I/video.html Here's a video explaining that.

  • @beepbeepgamer1305
    @beepbeepgamer1305 Před 2 lety +1

    I just recommended this video to my friend who wanted to start learning texturing for 3D models. He now got a quite good understanding about it :)

  • @youoweadamn
    @youoweadamn Před 2 lety

    This is the first video I've seen from you. I already knew everything you talked about, but I watched the whole thing because I was entranced with your presentation.
    You blew this totally out of the park, man. Such a good video.
    I've subscribed now because I'm sure you can teach me something in the future and I'll surely enjoy watching the video.

  • @RadOo
    @RadOo Před 2 lety +24

    As far as I know, JPEG is lossy vs PNG is lossless.. It's difficult to compare those, it's the same as FLAC vs MP3. The main point of JPEG nowadays is to send pictures efficiently on social media. Saving up network bandwidth and data usage for people on limited data access. If you seriously need 100% quality, then go with either lossless PNG, or non-compressed at all BMP. For vector graphics, I don't know much that since I don't use it personally. But I would just stick with SVG.

    • @justingolden21
      @justingolden21 Před 2 lety +5

      Exactly, it's a meaningless comparison, and for vectors you should use a vector format.

  • @scottframe7809
    @scottframe7809 Před 2 lety +3

    The difference is the jpeg is 287 kb and the png is 1263 kb. This may not look like a huge difference but it scales exponentially when you begin to create more complex imaging.

  • @radughiordunescu6650
    @radughiordunescu6650 Před 2 lety

    the bonus was definitely usefull!! Thank you so much!

  • @rubenjwz
    @rubenjwz Před 2 lety

    What a way to start off a video. You have a way of engaging the viewer, and it is very natural

  • @spoilerboy3845
    @spoilerboy3845 Před 2 lety +5

    I always use and have used png just because i thought it was cooler since it can do the transparency

    • @zer0b0t
      @zer0b0t Před 2 lety +2

      Can also do animated PNGs APNG, but unfortunately is not a standard right now

  • @davidtsmith33
    @davidtsmith33 Před 2 lety +20

    Yeah but while PNG might be great for web use or other uses requiring RGB it's not so good for print use requiring CMYK since PNG's colour mode is RGB and print requires CMYK outputting generally.

    • @dreamrabbits5072
      @dreamrabbits5072 Před 2 lety +3

      Thank you!! This affects me as an artist who makes prints.

    • @vibaj16
      @vibaj16 Před 2 lety +6

      He literally had a disclaimer in the video saying that he wasn't talking about printing

    • @MLWJ1993
      @MLWJ1993 Před 2 lety +2

      There are other formats for that though, not to mention any PC these days can easily convert RGB > CMYK anyway. Not really a downside to PNG so long as you don't use it as the output format. I wouldn't use JPEG for printing either though...

    • @MLWJ1993
      @MLWJ1993 Před 2 lety +2

      @@heroninja1125 probably .TIFF

  • @cryptosfool
    @cryptosfool Před 2 lety

    Excellent info! I thought i knew a lot..no. wrong. I learned so much from you.

  • @1God1Fury
    @1God1Fury Před 2 lety

    wow, thanks for explaining! Now I actually know the difference and in what format save images. I might have to re-download/resave so many art files in my gallery now... x_x

  • @99Vood99
    @99Vood99 Před 2 lety +3

    I'm almost 40 and grew up with dial up internet so I have respect for the JPEG file format. It was necessary for the time, but with higher bandwidth internet it is deprecated and that's to be expected.

  • @taosifmalladihalli2378
    @taosifmalladihalli2378 Před 2 lety +4

    I’m e commerce Images editor I’m learning much and more from you

    • @PiXimperfect
      @PiXimperfect  Před 2 lety +1

      That's one of the most challenging tasks, especially editing in bulk! Salutes to you, and thanks so much for watching :)

    • @taosifmalladihalli2378
      @taosifmalladihalli2378 Před 2 lety

      😊

  • @konatea
    @konatea Před 2 lety

    I love that the start goes straight into it

  • @sergio_henrique
    @sergio_henrique Před 2 lety

    First video I watched of this channel. The way this guy communicates and presents himself is superb. Very enjoyable to watch.

  • @uchihayusop7561
    @uchihayusop7561 Před 2 lety +26

    A small tip: If you want even smaller png files, just go to the TinyPNG website and compress it. Sometimes it gets even ~75% smaller :)

    • @bastje
      @bastje Před 2 lety +2

      I always use the free small program Pngyu which does the exact same. It's perfect. However TinyPNG has the option to integrate it into your website which is interesting for big websites who need smaller files but still good looking.

    • @mgord9518
      @mgord9518 Před 2 lety

      Oxipng has an option for Zopfli compression, which takes significantly longer but is able to milk out the last few % to make PNGs as small as possible

    • @Razumen
      @Razumen Před 2 lety +3

      You could, but then that defeats the purpose of using a lossless format in the first place.

  • @TimoKanal
    @TimoKanal Před 2 lety +12

    I just wish there was a JPEG 10/12/16 bit option. Because PNG files are awesome, but the file size of big resolution files are way too big for web usage.

  • @Daniel-vu4qu
    @Daniel-vu4qu Před 2 lety

    I've been a graphic designer for over 10 years, and i still love to watch your videos cause of your bubbly personality and some little tips!

  • @sabitastisch9228
    @sabitastisch9228 Před rokem

    Loved this video, thanks alot! :)