🔥 รู้หรือไม่ ?! เดี๋ยวนี้ 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
同時也有2部Youtube影片,追蹤數超過11萬的網紅馮韋元Francois Devatine,也在其Youtube影片中提到,請你訂閲我的頻道! IG:@yuanyuanintaiwan FB:www.facebook.com/yuanyuanintaiwan 我終於開了YouTube頻道會員的功能!你如果想更瞭解頻道會員到底是什麽,你可以去看這裏:https://www.youtube.com/channel/UCj1...
「svg file」的推薦目錄:
- 關於svg file 在 BorntoDev Facebook 的精選貼文
- 關於svg file 在 Scholarship for Vietnamese students Facebook 的最讚貼文
- 關於svg file 在 紀老師程式教學網 Facebook 的精選貼文
- 關於svg file 在 馮韋元Francois Devatine Youtube 的最佳解答
- 關於svg file 在 肥佬周Raiden San Youtube 的最讚貼文
- 關於svg file 在 Do I use ,
- 關於svg file 在 dompdf/php-svg-lib: SVG file parsing / rendering library - GitHub 的評價
- 關於svg file 在 How can I edit an .SVG file? - Graphic Design Stack Exchange 的評價
svg file 在 Scholarship for Vietnamese students Facebook 的最讚貼文
VÀI TRANG WEB HAY HO CÓ THỂ BẠN SẼ THÍCH?
Sáng nay chị giới thiệu cho cả nhà một số website có ích trong cuộc sống hàng ngày nhé. Tổng hợp và lược dịch từ: https://bit.ly/389l2Fd bởi bạn Zu Tree
1. https://www.slant.co/
Slant là một trang web có thể giúp bạn tìm đến những sản phẩm hay công cụ tốt nhất như các phần cứng, website, app, phần mềm, game
Ví dụ như: Ứng dụng viết đa nền tảng tốt nhất là gì? Chuột dùng chơi game tốt nhất là? Phần mềm gì chặn quảng cáo tốt nhất? Trình phát nhạc nào ổn nhất trên Windows? App xem file PDF tốt nhất cho Andriod là gì?
Mỗi một câu hỏi đưa ra đều sẽ có các gợi ý cho bạn, kèm theo đó là thời gian update và các thông tin mô tả. Thêm vào đó khi đưa ra các phần mềm đề xuất thì website này cũng sẽ hiển thị thêm các ưu khuyết điểm, đánh giá người dùng thực tế để người tìm kiếm có thể dễ dàng chọn được phần mềm mình thấy phù hợp nhất.
2. https://www.remove.bg/
Đây là một trang web giúp tách nền khỏi các đối tượng với tốc độ rất nhanh (chỉ trong vòng 5 giây) và hiệu quả tốt không kém. Tất cả việc bạn cần làm là tải hình ảnh lên và nó sẽ làm phần còn lại cho bạn. Với hiệu quả tức thì có lẽ không cần nói quá nhiều về website này nữa.
3. https://bz.zzzmh.cn/
Hình nền tối giản là một 1 trang web hiếm có cung cấp wallpaper với chất lượng cao và cực kỳ đa dạng. Giao diện tổng thể của website vô cùng đơn giản, mới mẻ và chỉ tập trung vào wallpaper nên hình ảnh được chia sẻ có độ phân giải cao. Wallpaper được chọn lọc theo các chế độ hot nhất, mới nhất, theo các nhãn, định dạng, độ phân giải, màu sắc….nên cũng dễ sử dụng. Website này cũng hỗ trợ tải hình ảnh miễn phí và có thể lưu tất cả wallpaper.
4: https://www.dimensions.com/
Lý do đề xuất: đây là một kho tàng về kích thước các đối tượng.
Những người làm thiết kế thường xuyên cần đến số liệu kích thước của các đồ vật khác nhau chẳng hạn như điện thoại di động hoặc máy tính. Các thao tác tường lệ sẽ là tìm kiếm các thông số trên mạng, nhưng làm như vậy không hiệu quả chút nào. Và website được đề xuất ở đây có thể giải quyết hoàn hảo các khó khăn trên bởi lẽ nó là một kho tàng dữ liệu.
Thêm một ưu điểm đáng nói nữa từ trang web này là số liệu luôn được update kịp thời. Ví dụ: kích thước iPhone XS Max của Apple cũng đã có đầy đủ.
Ngoài số liệu về các sản phẩm điện tử, website này cũng cung cấp thông tin về con người, động thực vật và cả các tòa nhà. Số liệu của từng đối tượng đều rất chi tiết. Tuy nhiên, nếu hình ảnh gốc muốn sử dụng cho mục đích thương mại thì cần được cấp phép.
Điểm đáng nói khác là trang web này hỗ trợ tải ảnh với định dạng SVG, nghĩa là nếu bạn có PPT phiên bản cao (như Office 2016, Office 365) thì có thể kéo ảnh trực tiếp vào PPT mà không cần dùng đến Ai để đổi màu.
5. https://www.ehow.com
Ehow là một trang web chia sẻ về các kỹ năng trong cuộc sống với chất lượng rất cao, tất cả thông tin đều miễn phí nên thông qua website này bạn có thể thoải mái học hỏi các mẹo vặt cuộc sống, kĩ năng sống, kiến thức DIY...để khiến cuộc sống hàng ngày trở nên thú vị và dễ dàng hơn...
6. https://www.tunefind.com/
Không biết các bạn đã từng trải qua cảm giác này, xem một bộ phim hay một chương trình truyền hình hoặc game rồi bị cuốn hút bởi nhạc nền của chúng, nhiều lúc bị ấn tượng tới mức để tìm được bài hát thì phải lật tung toàn bộ internet?!
Nếu như là các ca khúc tiếng Anh thì giờ không cần phiền toái như thế nữa vì tunefind đã giúp bạn làm việc này rồi.
7. https://igfonts.io/
Đây là trang web giúp thay đổi các đoạn văn bản đăng tải lên mạng xã hội thành nhiều font chữ đặc biệt.
8. https://en.gallerix.ru/
Bạn là người nghiên cứu một câu chuyện để hiểu được họa sĩ, rồi sau mới hiểu tác phẩm của họ, hay là người từ tác phẩm mà sau mới thích đến họa sĩ tạo ra nó, sau đó mới tìm hiểu toàn bộ tác phẩm của tác gia? Nếu là một trong 2 đối tượng trên thì bạn sẽ thấy thích thú với website này.
Đây là một phòng trưng bày nghệ thuật tranh vẽ trực tuyến chứa đến hơn 160.000 bức tranh của các họa sĩ nổi tiếng thế giới, chủ yếu là các họa sĩ nước ngoài và tất cả hình ảnh đều có độ phân giải cao.
9. https://xoio-air.de/
Đây một kho tài liệu được xem miễn phí cung cấp một lượng lớn dữ liệu về các chủ thể khác nhau.
Không những các chủ thể vô cùng đa dạng từ đối tượng, vật liệu, kết cấu…mà website này còn cung cấp thông tin ở tình trạng ánh sáng khác nhau vật thể sẽ thế nào.
10. https://geektyper.com/
Chúng ta đã xem nhiều phim mà hacker chỉ cần nhấn phím 2 lần là 1 loạt mã sẽ nổi lên trong một của sổ, rồi sau đó cả một hệ thống bị bẻ khóa,… Trang web này sẽ cho phép bạn trải nghiệm cảm giác trở thành một hacker ngầu như trái bầu thế nào. Ngoài ra còn rất nhiều giao diện khác để bạn có thể thử như SHIELD, Umbrella Corp, Matrix, Anonymous...
11. English Club HEC toàn kiến thức, kinh nghiệm chọn lọc về Tiếng Anh và IELTS. Không join phí cả cuộc đời!
<3 Like page, tag và share bạn bè nhé <3
#HannahEd #sanhocbong #scholarshipforVietnamesestudents
svg file 在 紀老師程式教學網 Facebook 的精選貼文
[WebTech] Day 4:今天會輕鬆點,並且把 HTML5 做個結尾
大家早!經過 3 天的 HTML5 洗禮,大家是否對 HTML5 又多了一些認識呢?到目前為止,我們發了 47 篇 HTML5 文章,討論過基本標籤、
svg file 在 馮韋元Francois Devatine Youtube 的最佳解答
請你訂閲我的頻道!
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
svg file 在 肥佬周Raiden San Youtube 的最讚貼文
BGM :【弾いてみた】PUI PUI モルカー BGMメドレー / Rockギターアレンジ PUI PUI MOLCAR Theme Guitar Cover Rock Remix (つぐジローTsugu)
https://www.youtube.com/watch?v=B0GHCbRQ_nM&ab_channel=%E3%81%A4%E3%81%90%E3%82%B8%E3%83%AD%E3%83%BCTsugu
MOD : https://drive.google.com/file/d/1ndkUwUQcLtfOcUHsx_OhXPZ85WLvma9P/view
周城會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/
#マカオグランプリ #澳門格蘭puipui天竺鼠大賽車 #PUIPUIMOLCAR
svg file 在 dompdf/php-svg-lib: SVG file parsing / rendering library - GitHub 的推薦與評價
SVG file parsing / rendering library. Contribute to dompdf/php-svg-lib development by creating an account on GitHub. ... <看更多>
svg file 在 How can I edit an .SVG file? - Graphic Design Stack Exchange 的推薦與評價
An .SVG file IS a source file. It isn't layers in the Photoshop/Gimp sense but it absolutely can be picked apart. Use an SVG editor - that would be ... ... <看更多>
svg file 在 Do I use <img>, <object>, or <embed> for SVG files? - Stack ... 的推薦與評價
... <看更多>