Lesson – 30 : เชตเชฟเชตเชฟเชง เช‡เชฎเซ‡เชœ เชซเซ‹เชฐเซเชฎเซ‡เชŸเซเชธ เช…เชจเซ‡ เชคเซ‡เชฎเชจเซ‹ เช‰เชชเชฏเซ‹เช— โ€“ เชชเชฐเชฟเชšเชฏ

เชกเชฟเชœเชฟเชŸเชฒ เชฆเซเชจเชฟเชฏเชพเชฎเชพเช‚ เช‡เชฎเซ‡เชœเชจเซเช‚ เชฎเชนเชคเซเชต เชฌเชนเซ เชฎเซ‹เชŸเซเช‚ เช›เซ‡. เชชเช›เซ€ เชคเซ‡ เชธเซ‹เชถเชฟเชฏเชฒ เชฎเซ€เชกเชฟเชฏเชพ เชนเซ‹เชฏ, เชตเซ‡เชฌเชธเชพเช‡เชŸ เชนเซ‹เชฏ, เชกเชฟเชเชพเช‡เชจเชฟเช‚เช— เชนเซ‹เชฏ เช•เซ‡ เชชเซเชฐเชฟเชจเซเชŸเชฟเช‚เช—โ€”เชฌเชงเซ‡ เชฏเซ‹เช—เซเชฏ เช‡เชฎเซ‡เชœ เชซเซ‹เชฐเซเชฎเซ‡เชŸ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚ เชœเชฐเซ‚เชฐเซ€ เช›เซ‡. เชฆเชฐเซ‡เช• เช‡เชฎเซ‡เชœ เชซเซ‹เชฐเซเชฎเซ‡เชŸเชจเซ€ เชชเซ‹เชคเชพเชจเซ€ เช–เชพเชธเชฟเชฏเชคเซ‹, เช—เซเชฃเชตเชคเซเชคเชพ, เชธเชพเช‡เช เช…เชจเซ‡ เช‰เชชเชฏเซ‹เช—เชจเชพ เช•เซเชทเซ‡เชคเซเชฐ เชนเซ‹เชฏ เช›เซ‡.ย 


๐Ÿ”น 1. JPEG / JPG (Joint Photographic Experts Group)

โœ” เชฎเซเช–เซเชฏ เชตเชฟเชถเซ‡เชทเชคเชพ:
  • เชฒเซ‰เชธเซ€ เช•เซ‹เชฎเซเชชเซเชฐเซ‡เชถเชจ (Lossy Compression)

  • เชซเชพเช‡เชฒ เชธเชพเช‡เช เชจเชพเชจเซ€

  • เช•เชฒเชฐเชซเซเชฒ เชซเซ‹เชŸเชพเช“ เชฎเชพเชŸเซ‡ เชฌเซ‡เชธเซเชŸ

โœ” เช•เซเชฏเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€?
  • เชฎเซ‹เชฌเชพเช‡เชฒ เชซเซ‹เชŸเซ‹เช—เซเชฐเชพเชซเซ€

  • เชตเซ‡เชฌเชธเชพเช‡เชŸเชฎเชพเช‚ เช‡เชฎเซ‡เชœ เช…เชชเชฒเซ‹เชก

  • เชธเซ‹เชถเชฟเชฏเชฒ เชฎเซ€เชกเชฟเชฏเชพ

  • เชฌเซเชฒเซ‹เช— เชชเซ‹เชธเซเชŸ เช…เชจเซ‡ เช†เชฐเซเชŸเชฟเช•เชฒ เชฅเช‚เชฌเชจเซ‡เชฒ

โœ” เช•เซ‡เชฎ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚?

เชคเซเชฏเชพเชฐ เชธเซเชงเซ€ เช—เซเชฃเชตเชคเซเชคเชพ เช“เช›เซ€ เชจเชนเซ€เช‚ เชฒเชพเช—เซ‡ เชคเซเชฏเชพเช‚ เชธเซเชงเซ€ เชซเชพเช‡เชฒ เชธเชพเช‡เช เชจเชพเชจเซ€ เชฐเชพเช–เซ€เชจเซ‡ เชเชกเชชเชฅเซ€ เชฒเซ‹เชก เชฅเชพเชฏ เช›เซ‡.


๐Ÿ”น 2. PNG (Portable Network Graphics)

โœ” เชฎเซเช–เซเชฏ เชตเชฟเชถเซ‡เชทเชคเชพ:
  • เชฒเซ‹เชธเชฒเซ‡เชธ เช•เซ‹เชฎเซเชชเซเชฐเซ‡เชถเชจ

  • เชŸเซเชฐเชพเชจเซเชธเชชเชฐเชจเซเชŸ เชฌเซ‡เช•เช—เซเชฐเชพเช‰เชจเซเชก เชธเชชเซ‹เชฐเซเชŸ

  • เช‰เชšเซเชš เช—เซเชฃเชตเชคเซเชคเชพเชจเซ€ เช‡เชฎเซ‡เชœ

โœ” เช•เซเชฏเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€?
  • เชฒเซ‹เช—เซ‹

  • เช†เช‡เช•เชจ

  • เช—เซเชฐเชพเชซเชฟเช•เซเชธ เช…เชจเซ‡ เช‡เชฒเชธเซเชŸเซเชฐเซ‡เชถเชจ

  • เชธเซเชŸเชฟเช•เชฐเซเชธ เช…เชฅเชตเชพ เชชเชพเชฐเชฆเชฐเซเชถเช• เชชเซƒเชทเซเช เชญเซ‚เชฎเชฟเชจเซ€ เชœเชฐเซ‚เชฐ เชนเซ‹เชฏ เชคเซ‡เชตเซเช‚ เช•เชพเชฎ

โœ” เช•เซ‡เชฎ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚?

เช—เซเชฃเชตเชคเซเชคเชพ เชœเชพเชณเชตเซ€ เชฐเชพเช–เชตเซ€ เชนเซ‹เชฏ เช…เชฅเชตเชพ เชฌเซ‡เช•เช—เซเชฐเชพเช‰เชจเซเชก เชฆเซ‚เชฐ เชนเซ‹เชฏ เชคเซ‡เชตเซ€ เช‡เชฎเซ‡เชœ เชฎเชพเชŸเซ‡ PNG เชฌเซ‡เชธเซเชŸ เช›เซ‡.


๐Ÿ”น 3. GIF (Graphics Interchange Format)

โœ” เชฎเซเช–เซเชฏ เชตเชฟเชถเซ‡เชทเชคเชพ:
  • เชเชจเชฟเชฎเซ‡เชŸเซ‡เชก เช‡เชฎเซ‡เชœ เชธเชชเซ‹เชฐเซเชŸ

  • 256 เช•เชฒเชฐเซเชธเชจเซ€ เชฒเชฟเชฎเชฟเชŸ

  • เชฒเซ‹เชธเชฒเซ‡เชธ เช•เซ‹เชฎเซเชชเซเชฐเซ‡เชถเชจ

โœ” เช•เซเชฏเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€?
  • เชเชจเชฟเชฎเซ‡เชŸเซ‡เชก เชธเซเชŸเชฟเช•เชฐเซเชธ

  • เชจเชพเชจเชพ เชเชจเชฟเชตเซ‡เชถเชจ

  • เชฎเซ€เชฎ

  • เชตเซ‡เชฌ เชฌเซ‡เชจเชฐ

โœ” เช•เซ‡เชฎ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚?

เชœเซ‹ เชคเชฎเชจเซ‡ เชจเชพเชจเชพ, เชนเชณเชตเชพ เช…เชจเซ‡ เชเชจเชฟเชฎเซ‡เชถเชจเชตเชพเชณเชพ เช‡เชฎเซ‡เชœ เชซเซ‹เชฐเซเชฎเซ‡เชŸเชจเซ€ เชœเชฐเซ‚เชฐ เชนเซ‹เชฏ เชคเซ‹ GIF เชธเซŒเชฅเซ€ เช‰เชคเซเชคเชฎ เช›เซ‡.


๐Ÿ”น 4. WEBP (Google WebP Format)

โœ” เชฎเซเช–เซเชฏ เชตเชฟเชถเซ‡เชทเชคเชพ:
  • เชฒเซ‰เชธเซ€ เช…เชจเซ‡ เชฒเซ‹เชธเชฒเซ‡เชธ เชฌเช‚เชจเซ‡ เชธเชชเซ‹เชฐเซเชŸ เช•เชฐเซ‡

  • PNG เช…เชจเซ‡ JPEG เช•เชฐเชคเชพเช‚ 25โ€“35% เชจเชพเชจเซเช‚

  • เชŸเซเชฐเชพเชจเซเชธเชชเชฐเชจเซเชธเซ€ + เชเชจเชฟเชฎเซ‡เชถเชจ เชฌเช‚เชจเซ‡ เชธเชชเซ‹เชฐเซเชŸ

โœ” เช•เซเชฏเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€?
  • เชตเซ‡เชฌเชธเชพเช‡เชŸ

  • เชฌเซเชฒเซ‹เช—

  • SEO เชซเซเชฐเซ‡เชจเซเชกเชฒเซ€ เช‡เชฎเซ‡เชœ

  • เชธเซเชชเซ€เชก เช“เชชเซเชŸเชฟเชฎเชพเช‡เชเซ‡เชถเชจ

โœ” เช•เซ‡เชฎ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚?

เชœเซ€เชตเชจเชฎเชพเช‚ เชเชกเชช เชฎเชนเชคเซเชตเชจเซ€ เช›เซ‡โ€”เชฎเซ‹เชŸเชพเชญเชพเช—เซ‡ เชตเซ‡เชฌเชธเชพเช‡เชŸ เชฎเชพเชŸเซ‡ WEBP เชฌเซ‡เชธเซเชŸ เช…เชจเซ‡ เชจเชตเซ€ เชœเชจเชฐเซ‡เชถเชจ เช‡เชฎเซ‡เชœ เชซเซ‹เชฐเซเชฎเซ‡เชŸ เช›เซ‡.


๐Ÿ”น 5. SVG (Scalable Vector Graphics)

โœ” เชฎเซเช–เซเชฏ เชตเชฟเชถเซ‡เชทเชคเชพ:
  • เชตเซ‡เช•เซเชŸเชฐ เชฌเซ‡เชเซเชก

  • เชธเซเช•เซ‡เชฒ เช•เชฐเชตเชพเชฅเซ€ เช—เซเชฃเชตเชคเซเชคเชพ เช–เชฐเชพเชฌ เชจ เชฅเชพเชฏ

  • เชฌเชนเซ เชนเชณเชตเซเช‚ เช…เชจเซ‡ SEO เชซเซเชฐเซ‡เชจเซเชกเชฒเซ€

โœ” เช•เซเชฏเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€?
  • เชฒเซ‹เช—เซ‹

  • เช†เช‡เช•เชจ

  • เช‡เชฒเชธเซเชŸเซเชฐเซ‡เชถเชจ

  • เชตเซ‡เชฌ UI/UX เชกเชฟเชเชพเช‡เชจ

โœ” เช•เซ‡เชฎ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚?

เช—เซเชฃเชตเชคเซเชคเชพ เช•เซเชฏเชพเชฐเซ‡เชฏ เชจเชนเซ€เช‚ เช˜เชŸเซ‡ เช…เชจเซ‡ เชธเชพเช‡เช เช–เซ‚เชฌ เชจเชพเชจเซ€ เชฐเชนเซ‡โ€”เชตเซ‡เช•เซเชŸเชฐ เช—เซเชฐเชพเชซเชฟเช•เซเชธ เชฎเชพเชŸเซ‡ เชฌเซ‡เชธเซเชŸ.


๐Ÿ”น 6. TIFF (Tagged Image File Format)

โœ” เชฎเซเช–เซเชฏ เชตเชฟเชถเซ‡เชทเชคเชพ:
  • เชฒเซ‹เชธเชฒเซ‡เชธ เชซเซ‹เชฐเซเชฎเซ‡เชŸ

  • เชชเซเชฐเชฟเชจเซเชŸเชฟเช‚เช— เชฎเชพเชŸเซ‡ เช‰เชšเซเชš เช—เซเชฃเชตเชคเซเชคเชพ

  • เชซเซ‹เชŸเซ‹เช—เซเชฐเชพเชซเชฐเซเชธ เชฎเชพเชŸเซ‡ เชฌเซ‡เชธเซเชŸ

โœ” เช•เซเชฏเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€?
  • เชชเซเชฐเซ‹เชซเซ‡เชถเชจเชฒ เชชเซเชฐเชฟเชจเซเชŸเชฟเช‚เช—

  • เชนเชพเชˆ เช•เซเชตเซ‹เชฒเชฟเชŸเซ€ เชธเซเช•เซ‡เชจ

  • เชซเซ‹เชŸเซ‹ เชเชกเชฟเชŸเชฐเซเชธ

โœ” เช•เซ‡เชฎ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚?

เช‰เชšเซเชš เช—เซเชฃเชตเชคเซเชคเชพ เชœเชพเชณเชตเชตเชพเชฎเชพเช‚ TIFF unmatched เช›เซ‡.


๐Ÿ”น 7. RAW (Camera RAW)

โœ” เชฎเซเช–เซเชฏ เชตเชฟเชถเซ‡เชทเชคเชพ:
  • เช•เซ‡เชฎเซ‡เชฐเชพเชจเซ€ เช“เชฐเชฟเชœเชฟเชจเชฒ เชกเซ‡เชŸเชพ เชซเชพเช‡เชฒ

  • เชธเซŒเชฅเซ€ เชตเชงเซ เชเชกเชฟเชŸเชฟเช‚เช— เชธเซเช•เซ‹เชช

  • เช•เซ‹เชˆ เช•เซ‹เชฎเซเชชเซเชฐเซ‡เชถเชจ เชจเชนเซ€เช‚

โœ” เช•เซเชฏเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€?
  • DSLR/เชฎเชฟเชฐเชฐเชฒเซ‡เชธ เชซเซ‹เชŸเซ‹เช—เซเชฐเชพเชซเซ€

  • เชฐเซ€เชŸเชšเชฟเช‚เช—

  • เชธเซเชŸเซเชกเชฟเชฏเซ‹ เชตเชฐเซเช•

โœ” เช•เซ‡เชฎ เชชเชธเช‚เชฆ เช•เชฐเชตเซเช‚?

เชฎเชนเชคเซเชคเชฎ เชตเชฟเช—เชค เชธเชพเชฅเซ‡ เช•เชพเชฎ เช•เชฐเชตเซเช‚ เชนเซ‹เชฏ เชคเซเชฏเชพเชฐเซ‡ RAW เชธเซŒเชฅเซ€ เช‰เชคเซเชคเชฎ เช›เซ‡.


เชฏเซ‹เช—เซเชฏ เชซเซ‹เชฐเซเชฎเซ‡เชŸ เชชเชธเช‚เชฆ เช•เชฐเชตเชพเชฅเซ€ :

โœ” เชตเซ‡เชฌเชธเชพเช‡เชŸ เชเชกเชชเชฅเซ€ เชฒเซ‹เชก เชฅเชถเซ‡
โœ” เช—เซเชฃเชตเชคเซเชคเชพ เชธเชพเชฐเซ€ เชฎเชณเชถเซ‡
โœ” เชธเซเชŸเซ‹เชฐเซ‡เชœ เชฌเชšเชถเซ‡
โœ” เชฏเซเชเชฐ เชเช•เซเชธเชชเชฟเชฐเซ€เชฏเชจเซเชธ เชธเซเชงเชฐเชถเซ‡