"จะอัพรูปลงเว็บทั้งที ใช้ไฟล์ประเภทไหนถึงเหมาะสมนะ !?" <3
.
กับคำถามในหัวช่วงแรก ๆ ของการทำเว็บ (จนไปถึงแอปพลิเคชัน) ว่า ถ้าเราอยากอัพภาพให้คมชัด จนไปถึง อยากให้ภาพของเราขนาดเล็ก โหลดเพจไว ๆ
.
"ควรใช้ไฟล์ภาพประเภทไหนดี ?" วันนี้แอดจะพาทุกคนไปรู้จักทุกประเภทสำคัญ สำหรับงานเว็บไปพร้อมกัน ^_^
.
✅ JPEG (Joint Photographic Experts Group image)
.
รูปที่ใช้กันโดยทั่วไป JPEG เป็นไฟล์ประเภท lossy หมายความว่าไฟล์ประเภทนี้จะลดทอนข้อมูลบางส่วนที่ไม่สำคัญของภาพออกไปอย่างถาวร แต่ได้ไฟล์เล็กกว่า
.
เหมาะใช้กับภาพถ่ายหรือรูปที่ไม่จำเป็นต้องมีรายละเอียดครบ แต่ถ้าใช้กับกราฟหรือแผนภาพต่างๆ ที่ต้องการความละเอียดสูง อาจจะได้ผลลัพธ์ที่ไม่ดีนัก
.
✅ PNG (Portable Network Graphics)
PNG นั้นขึ้นชื่อเรื่องคำว่า lossless เหมาะใช้กับรูปทั่วไปบนเว็บไซต์ การบีบอัดที่คงรายละเอียดดีกว่า JPEG
.
และมีสีที่ดีกว่า GIF แต่ก็แลกมากับไฟล์ขนาดใหญ่กว่า ที่สำคัญ PNG ยังสามารถสร้างภาพเคลื่อนไหวได้ด้วย ซึ่งหลักการก็จะคล้ายๆกับ GIF เรียกว่า APNG (Animated)
.
✅ GIF (Graphics Interchange Format)
เป็นที่นิยมมากใน social media, ด้วยความเรียบง่ายของมัน และจุดเด่นที่สามารถสร้างภาพเคลื่อนไหวแบบง่ายๆได้
.
โดย GIF เป็นไฟล์ภาพที่มีมาตั้งแต่ปี 1987โดยสมัยนั้น GIF ถูกผลิตมาเป็นไฟล์ภาพที่แบบ Lossless แต่ก็เพียง 8-bit color เท่านั้น ซึ่งปัจจุบันถ้าต้องการความละเอียดใช้ PNG จะดีกว่า
.
✅ SVG (Scalable Vector Graphics)
เป็นไฟล์ภาพที่ใช้รองรับภาพแบบ Vector ที่จะคงข้อมูลการวาดไว้อย่างครบถ้วนไม่ว่าจะเป็น รูปร่าง เส้น และสี
.
ดังนั้นซูมแค่ไหนก็ไม่แตกแน่นอน เหมาะจะใช้กับ แผนภาพ และ icon ต่างๆ และเราสามารถนำไฟล์ SVG มาเปิดใน text editor แล้วเราจะได้
「social icon svg」的推薦目錄:
- 關於social icon svg 在 BorntoDev Facebook 的精選貼文
- 關於social icon svg 在 Facebook Social Media Vector SVG Icon - SVG Repo 的評價
- 關於social icon svg 在 jaketrent/react-social-icons: svg social icons in react - GitHub 的評價
- 關於social icon svg 在 Free 48 Social Media Icons Vector - TitanUI - Pinterest 的評價
- 關於social icon svg 在 Add custom SVG icons to Social Icon MENU in WordPress ... 的評價
- 關於social icon svg 在 File:YouTube social white circle (2017).svg - 维基百科 的評價
- 關於social icon svg 在 Facebook fb social icon - SVG Viewer 的評價
- 關於social icon svg 在 React Fontawesome doesn't have free-brands-svg-icons, so ... 的評價
- 關於social icon svg 在 svg-social-icons 的評價
- 關於social icon svg 在 YouTube Brand Resources and Guidelines 的評價
social icon svg 在 jaketrent/react-social-icons: svg social icons in react - GitHub 的推薦與評價
svg social icons in react. Contribute to jaketrent/react-social-icons development by creating an account on GitHub. ... <看更多>
social icon svg 在 Free 48 Social Media Icons Vector - TitanUI - Pinterest 的推薦與評價
Oct 22, 2016 - A set of 48 social media icons in multiple formats: eps, sketch, svg, pdf. ... <看更多>
social icon svg 在 Facebook Social Media Vector SVG Icon - SVG Repo 的推薦與評價
Free Download Facebook Social Media SVG vector file in monocolor and multicolor type for Sketch and Figma from Facebook Social Media Vectors svg vector ... ... <看更多>