Định dạng ảnh JPG, JPEG, GIF, PNG và SVG khác gì nhau? – Tin 24h

Trên Internet mỗi ngày sở hữu hàng triệu triệu dữ liệu được truyền đi dưới dạng hình ảnh kỹ thuật số. JPG, JPEG, GIF, PNG hay SVG là những định dạng hình ảnh được sử dụng nhiều nhất trên Internet hiện nay. Trong bài viết này, chúng ta sẽ tìm hiểu về những định dạng ảnh phổ biến, biết được sự khác nhau giữa những định dạng ảnh và nên sử dụng chúng trong những trường hợp nào.

Infographic sau sẽ giúp chúng ta hiểu rõ hơn về những định dạng trên. Từ nguồn gốc định dạng, nhữngh phát âm và cả phương thức nén dữ liệu của chúng, qua đó giúp ta hiểu rõ hơn tính chất của từng định dạng cho từng làm việc, mục đích phù hợp. Hãy cùng tìm hiểu đâu là định dạng file thích hợp nhất cho bạn!

Định dạng ảnh JPG hay JPEG (Joint Photographic Experts Group)

JPG (tên gốc là JPEG – viết tắt của 4 từ Joint Photographic Experts Group). Không sở hữu sự ko giống nhau gì giữa JPG và JPEG ngoại trừ 1 mẫu sở hữu 3 ký tự, 1 mẫu sở hữu 4 ký tự. Ban đầu lúc định dạng này được Joint Photographic Experts Group tạo ra, gọi tắt là JPEG, nhưng vì MS DOS lúc đó chỉ sở hữu thể xử lý hoặc đọc những file sở hữu phần tăng thể tích gồm 3 ký tự, nên JPEG được rút gọn thành JPG. Ngày nay, JPEG được sử dụng để cung cấp tên viết tắt hoàn chỉnh hơn cho thuật ngữ Joint Photographic Experts Group. Từ đây, trong bài viết sẽ sử dụng JPEG.

JPEG là định dạng ảnh 16bit, sở hữu thể kết hợp ánh sáng đỏ, xanh dương, xanh lá để hiển thị hàng triệu màu. Điều này làm cho JPEG trở nên “thân thiện” với hình ảnh và là định dạng tiêu chuẩn cho hầu hết những máy ảnh kỹ thuật số hiện nay.

JPEG cho phép nén ảnh linh hoạt từ 0% (nén tối đa) tới 100% (ko nén). Thông thường, cài đặt nén ảnh JPEG sẽ được để ở mức 60-75% để làm giảm đáng kể dung lượng file ảnh nhưng ảnh trông vẫn đẹp trên hầu hết những màn hình.

JPEG thuộc loại nén làm mất dữ liệu (lossy) nên ko được tiêu dùng lúc chỉnh sửa ảnh liên tục. Việc xuất ảnh ra định dạng JPEG sẽ làm giảm chất lượng và nếu xuất nhập liên tiếp sẽ làm cho chất lượng ảnh tệ đi. Đây là nguyên do vì sao những nhiếp ảnh gia nhiều năm kinh nghiệm thường chụp ở định dạng RAW để ảnh ko mất chất lượng.

JPEG ko thể bảo tồn được độ trong suốt của ảnh.

JPEG thường được tiêu dùng cho:

• Hình ảnh tĩnh
• Nhiếp ảnh
• Ảnh với màu sắc phức tạp

Định dạng ảnh GIF (Graphic Interchange Format)

GIF là một file màu 8bit, nó bị giới hạn trong một bảng màu tối đa 256 màu. Về cơ bản, mỗi ảnh GIF chứa “một hộp bút màu” được cài đặt trước và ko sở hữu nhữngh nào để thực sự kết hợp những màu đó thành màu mới.

Con số 256 màu nghe thì sở hữu vẻ nhiều, nhưng những bức ảnh phức tạp thường sở hữu hàng nghìn tông màu. Dải màu này bị mất trong quá trình chuyển đổi thành ảnh GIF và đây là nguyên do chính làm cho GIF ko được sử dụng cho những bức ảnh màu.

Dù ko phải là lựa tìm tốt cho ảnh màu, nhưng giới hạn 256 màu sở hữu thể giúp file ảnh sở hữu dung lượng nhỏ hơn, lý tưởng cho những tình huống vận tốc Internet quá chậm. GIF là định dạng duy trì độ trong suốt của ảnh trong nhiều năm, dù PNG và SVG cũng cung cấp tùy tìm này.

Ngoài tư vấn cho ảnh trong suốt, GIF cũng tư vấn cho ảnh động, giới hạn mọi khung hình trong 256 màu được tìm trước. GIF là định dạng nén ko làm mất dữ liệu, nên nó được sử dụng để giữ những đường thẳng trên typography và hình dạng hình học, dù những mục tiêu này phù hợp với những file đồ họa vector như SVG, hay định dạng AI của Adobe Illustrator.

GIF ko lý tưởng cho nhiếp ảnh tiên tiến cũng như lưu trữ hình ảnh. Khi ở kích thước nhỏ, ảnh GIF sở hữu thể sở hữu dung lượng nhỏ hơn ảnh JPEG do bảng màu rất hạn chế, nhưng ở những kích thước ảnh thông thường, ảnh nén JPEG sẽ tạo ra một hình ảnh sở hữu dung lượng nhỏ hơn. Ảnh GIF hiện nay đã khá lỗi thời, thường được tiêu dùng để tạo những ảnh động vui nhộn hoặc ảnh trong suốt thô mà thôi.

Ảnh GIF được tiêu dùng cho:

• Ảnh động đơn thuần
• Icon nhỏ
• Đồ họa với những biến thể pixel-to-pixel thấp (nhiều màu phẳng như logo và cờ).

Định dạng ảnh PNG ( Portable Network Graphics)

Một định dạng ảnh mới hơn GIF và JPEG là PNG. PNG được ví như là “cuộc hôn nhân” của GIF và JPEG nhờ sở hữu được những tính năng tốt nhất từ 2 định dạng ảnh này. PNG sử dụng thuật toán nén LZW ko làm mất chất lượng ảnh, tư vấn trong suốt nên nó là định dạng tuyệt vời cho đồ họa Internet.

PNG tư vấn màu 8bit tương tự GIF, nhưng cũng tư vấn màu RGB 24bit như JPEG. PNG thuộc loại nén lossless, ko làm giảm chất lượng của ảnh. Dung lượng file PNG thường lớn hơn so với JPEG, GIF và ko được tư vấn bởi một số trình duyệt (thường là trình duyệt cổ).

• PNG-8: Tương tự như GIF và sử dụng cùng bảng màu 256 màu, nó tư vấn những tùy tìm trong suốt tốt hơn, và thường xuất file với dung lượng nhỏ hơn, nhưng PNG-8 ko sở hữu chức năng hoạt ảnh.
• PNG-24: Cho phép hiển thị hình ảnh với hàng triệu màu – tương tự JPEG – nhưng cung cấp thêm khả năng bảo tồn độ trong suốt. Đây cũng là định dạng ảnh sở hữu dung lượng lớn nhất, nếu chất lượng ảnh rất cần thiết hơn kích thước file ảnh thì PNG-24 là lựa tìm tốt nhất cho bạn. Nếu vẫn để tâm tới dung lượng file, bạn sở hữu thể thử tiêu dùng TinyPNG.com để nén xem nhé.

So với JPEG, PNG-24 ko tương thích với mọi ứng dụng và nền tảng, nên ko phải là định dạng lý tưởng lúc chia sẻ trên web. Tuy nhiên, nếu bạn cần chỉnh sửa ảnh nhiều lần, mà ko muốn làm giảm chất lượng ảnh thì đó chính là những gì PNG sở hữu thể làm.

PNG được sử dụng cho:

• Đồ họa web yêu cầu độ trong suốt
• Bức hình hoặc đồ họa sở hữu nhiều màu với độ phức tạp cao
• Hình ảnh cần chỉnh sửa, xuất nhiều lần

Infographic tóm tắt về JPEG, PNG và GIF

Định dạng SVG (Scalable Vector Graphics)

Không tương tự 3 định dạng kể trên, SVG ko phải là một định dạng bitmap thuần túy. Nó là một định dạng vectơ – họ hàng sắp với EPS (file sở hữu thể chứa văn bản, hình ảnh đồ họa, đang trở thành lựa tìm hấp dẫn cho những nhà thiết kế web và UI) và định dạng AI của Adobe Illustrator. Bạn sở hữu thể tưởng tượng SVG tương tự “HTML cho Illustrator” và cần phải nghĩ về SVG khác với những định dạng ảnh khác.

SVG phù hợp nhất để hiển thị logo, icon, bản đồ, cờ, biểu đồ và những đồ họa khác được tạo trong những ứng dụng đồ họa vector như Illustrator, Sketch và Inkscape. Được viết trong markup dựa trên XML, file SVG sở hữu thể được chỉnh sửa trong bất kỳ trình soạn thảo văn bản nào, sở hữu thể sửa đổi bằng JavaScript hay CSS. Vì vector sở hữu thể được thu nhỏ theo kích thước bất kỳ trong lúc vẫn giữ được chất lượng hình ảnh sắc nét, chúng lý tưởng cho những thiết kế hoàn thành (responsive design).

Bạn sở hữu thể nhúng đồ họa bitmap vào file SVG tương tự nhúng những ảnh JPEG vào HTML, bằng nhữngh liên kết tới nguồn ảnh thông qua URL hoặc đóng gói ảnh dưới dạng Data URI. Tính năng này giúp cho SVG linh hoạt và mạnh mẽ hơn những định dạng ảnh khác.

SVG được tiêu dùng cho:

• Logo, icon với thiết kế mạnh mẽ, thiết kế dạng hình học, vectơ
• Đồ họa cần hiển thị ở nhiều kích thước và màn hình khác nhau
• Đồ họa tương thích với nhiều thiết bị
• Đồ họa cần được biên tập, cập nhật và triển khai lại

Mời bạn tham khảo thêm:

Chúc những bạn vui vẻ!