🔥 รู้หรือไม่ ?! เดี๋ยวนี้ Image Format ที่เขาใช้กันบนเว็บไม่ได้มีแค่ JPEG, PNG และ GIF แล้วนะ
.
แล้วมันมีแบบไหนบ้างล่ะ ? แต่ละแบบเหมาะกับงานแบบใด ? เก็บคำถามเหล่านี้ไว้ แล้วมาหาคำตอบไปพร้อม ๆ กับแอดได้ในโพสต์นี้เลยจ้า !!
.
ก่อนอื่นเรามารู้จักแบบที่เราคุ้นเคยกันก่อน นั่นคือ JPEG, PNG และ GIF
.
📷 JPEG
.
ย่อมาจาก Joint Photographic Experts Group เป็นไฟล์ที่อยู่คู่กับคนทำเว็บมานานมาก ๆ โดยมีไฟล์ขนาด คุณภาพดี แต่หากมีการบีบอัดอาจจะทำให้สูญเสียคุณภาพลงได้ จึงไม่เหมาะกับงานที่ต้องการความละเอียดสูง รองรับการแสดงผลได้ทุกเบราว์เซอร์
.
📷 PNG
.
ย่อมาจาก Portable Network Graphics เป็น Format ที่มีคุณภาพดีกว่า JPEG แต่จะมีขนาดไฟล์ใหญ่กว่า เหมาะกับการแสดงผลโลโก้ ภาพถ่าย หรือข้อความ ที่ต้องการความละเอียดสูง รองรับได้ทุกเบราว์เซอร์
.
📷 GIF
.
ย่อมาจาก Graphic Interchange Format เป็นไฟล์ภาพแบบเคลื่อนไหว แสดงค่าสีได้สูงสุดเพียง 256 มีไฟล์ขนาดเล็ก เหมาะสำหรับการทำภาพเคลื่อนไหว หรือกราฟิกแบบง่าย ๆ บนเว็บ รองรับการแสดงผลได้ทุกเบราว์เซอร์
.
📷 SVG
.
ย่อมาจาก Scalable Vector Graphics เป็น Image Format แบบกราฟิก 2 มิติ สร้างขึ้นด้วยสมการทางคณิตศาสตร์ ทำให้แสดงผลได้คมชัด และมีคุณภาพสูง ย่อ/ขยายได้ไม่แตก มีขนาดไฟล์มากกว่า Format อื่น ๆ ถ้าใช้เยอะ ๆ อาจจะทำให้เว็บโหลดช้าลงได้ เหมาะกับการแสดงผลรูปภาพที่ต้องการความละเอียดสูง ซึ่งเจ้า SVG รองรับการแสดงผลบนเบราว์เซอร์รุ่นใหม่ ๆ ไม่ว่าจะเป็น Chrome, Firefox, Opera และ Microsoft Edge เป็นต้น
.
มาต่อกันที่ Format ใหม่ ๆ ที่เราไม่คุ้นเคยกันบ้าง
.
📷 WebP
.
เป็นมาตรฐานไฟล์ภาพจาก Google ซึ่งเป็นการบีบอัดไฟล์ภาพให้เล็กลงกว่าเดิม (เล็กกว่า JPEG ถึง 25-34%) แต่คุณภาพยังดีเหมือนเดิมนั่นเอง ซึ่งถ้าใช้แสดงผลบนเว็บจะทำให้เว็บสามารถโหลดได้ไวมากขึ้นด้วย รองรับการแสดงผลบนเบราว์เซอร์ ได้แก่ Chrome, Firefox, Opera mini และ Microsoft Edge เป็นทางเลือกใหม่สำหรับคนที่ไม่อยากใช้ JPEG และ PNG
.
📷 AVIF
.
ชื่อเต็ม ๆ ของมันก็คือ AV1 Image File Format พัฒนาโดย Alliance for Open Media (AOMedia) ไฟล์ภาพเล็กลงกว่าเดิมโดยคุณภาพยังเหมือนเดิม ถ้าเทียบกับ JPEG แล้วจะลดลงถึง 50% และเทียบกับ WebP จะลดลง 30% รองรับการแสดงผลบน Google Chrome, Firefox และ Android ซึ่งมันเป็น Image Format รูปแบบใหม่จึงมีเบราว์เซอร์รองรับไม่เยอะ ซึ่งในอนาคตอาจจะใช้แทน JPEG ได้นั่นเอง
.
ก็จบกันไปแล้วกับ Image Format ที่สามารถใช้ทำ Web Application เพื่อน ๆ ก็ไปเลือกใช้ให้เหมาะกับงานของตัวเองได้เลย และหวังว่าโพสต์นี้จะเป็นประโยชน์กับเพื่อน ๆ นะคะ ❤️
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#webdeveloper #imageformat #BorntoDev

可商用的 SVG 或 PNG 免費插圖，除了提供單一顏色還有可自訂多種顏色組合的插圖，提供 SVG 與 PNG 的圖檔格式，無須著名出處，幾乎每天都會更新圖庫，近期也因應 COVID-19 疫情，插圖中的人物還能選擇是否要戴上口罩，非常好用。

Giải Tốc chiến cho nữ Đông Nam Á
Trận 1 VEC vs DR (đương kim vô địch mùa giải trc)
Trận 2: VEC vs SVG (đương kim vô địch nữ thần tốc chiến)

請你訂閲我的頻道！
IG：@yuanyuanintaiwan
FB：www.facebook.com/yuanyuanintaiwan

我終於開了YouTube頻道會員的功能！你如果想更瞭解頻道會員到底是什麽，你可以去看這裏：https://www.youtube.com/channel/UCj1uvaVv-iHtFvSCFoiLpYw/join

一下是我所有常用的裝備【你如果對Insta360的相機有興趣的話，可以用我的連結去買，我會收到小費，謝謝你～】
Insta360 GO 2: https://www.insta360.com/sal/go_2?insrc=INRTDOF
Insta360 ONE X2: https://www.insta360.com/sal/one_x2?insrc=INRTDOF
Insta360 ONE R：https://www.insta360.com/sal/one_r?insrc=INRTDOF
Canon M6 Mark II: https://amzn.to/2NtCFJP
Saramonic Blink500 Pro: https://amzn.to/3cZlhWj
DJI Mini 2: https://amzn.to/38SAqHH
Canon EF-M 55-200: https://amzn.to/3eSbdRl
Canon EF-M 22mm: https://amzn.to/3bVxeN6
Manfrotto PIXI EVO 2: https://amzn.to/3qYUZsb
GoPro Hero 9: https://amzn.to/3twdc1N

Using Samwingkit's Cangjie image https://commons.wikimedia.org/wiki/File:%E5%80%89%E9%A0%A1%E8%BC%B8%E5%85%A5%E6%B3%95_%E6%8B%86%E7%A2%BC.jpg
Using Boshiamy image from https://en.wikipedia.org/wiki/File:Boshiamy_decomposed2.svg

在評論家及專業車手的萬眾矚目下，標準設定的模擬越野賽車已改頭換面！登上2021賽季的領獎台，慶祝競賽50週年，重溫傳奇車種過去的精采瞬間。《WRC》前所未有的刺激體驗！快來迎接挑戰吧！

周城會MeWe https://mewe.com/group/5fd8df742b3e657ab416804e
成為周城會會員 https://www.youtube.com/channel/UCBw1PFydwjjmLZlSjZ8P6cw/join
小周odysee https://odysee.com/@RaidenSan:2
小周Facebook專頁 https://www.facebook.com/raidensan13137
instagram https://instagram.com/raidensan/

#WRC #Yaris #ToyotaYaris

QC แผน Luna ที่ชอบใช้ + NA gameplay OG ในโหมดใหม่ Axe Carry โหมด PSG.OGD ไม่เป็นแล้วผู้นำ meta ลอกแชมป์ Major ดีกว่า

ทัวร์ ?ESL One Summer 2021 พบกันระหว่าง OG⚔️Quincy Crew (patch 7.29d)

เริ่มดราฟ - 01:19
เริ่มเกม - 11:29

► รายชื่อผู้เล่น

OG
Carry - SumaiL // Mid - Topson // Offlane - Ceb // Sup 4 - Saksa // Sup 5 - N0tail

Quincy Crew
Carry - YawaR // Mid - Quinn // Offlane - Lelis // Sup 4 - MSS // Sup 5 - SVG

► อย่าแค่จดแล้วทำตาม เรียนรู้ Dota2 จากความเข้าใจ ผ่านคอร์สสอนจาก Pro Player ชื่อดังระดับโลก ได้ที่ GamerzClass ➡️ https://gamerzclass.com/?rfsn=5394884.252b2c​ (สมัครใหม่ดูฟรี 3 วัน !!!)

►สมัครเป็นสมาชิกของช่องนี้เพื่อเข้าถึงสิทธิพิเศษต่างๆ
https://www.youtube.com/channel/UCyZuvgP1t2vvZHgb8gsl3zw/join

#Dota2 #พากย์ไทย #LightFuryLF

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

► ติดตามผมได้ที่
LF แฟนเพจ ➡️ https://www.facebook.com/lightfuryth/
Discord ของช่อง ➡️ https://discord.gg/AGyAFAE

► ติดตามการสตรีมของ LightFury ใน Twitch ➡️ https://www.twitch.tv/lightfurylf
Twitter ของ LF ➡️ https://twitter.com/LightFuryLF
กลุ่ม Facebook หมู่บ้านหลังเขางาคุเระของ LF ➡️ https://www.facebook.com/groups/311645886304343/

► สนับสนุน LF
โอนธนาคาร [KBank] ➡️บัญชีธนาคารกสิกรไทย นายนรุตม์ ไผทสิทธิกุล เลขที่บัญชี : 3912748064