Sự khác biệt giữa Hình ảnh “JPG” / “JPEG” / “PNG” / “BMP” / “GIF” / “TIFF” là gì?

Tôi đã thấy nhiều loại tiện ích mở rộng hình ảnh nhưng chưa bao giờ hiểu được sự khác biệt thực sự giữa chúng. Có bất kỳ liên kết nào giải thích rõ ràng sự khác biệt của chúng không?

Có tiêu chuẩn nào cần xem xét khi chọn một loại hình ảnh cụ thể để sử dụng trong ứng dụng không? Chúng tôi sử dụng gì cho các ứng dụng web?

Đúng. Chúng là các định dạng tệp khác nhau (và phần mở rộng tệp của chúng).

Các mục nhập Wikipedia cho từng định dạng sẽ cung cấp cho bạn khá nhiều thông tin:

• JPEG (hoặc JPG, đối với phần mở rộng tệp; Nhóm chuyên gia nhiếp ảnh chung)
• PNG (Đồ họa mạng di động)
• BMP (Bitmap)
• GIF (Định dạng trao đổi đồ họa)
• TIFF (hoặc TIF, cho phần mở rộng tệp; Định dạng tệp hình ảnh được gắn thẻ)

Định dạng hình ảnh có thể được chia thành ba loại lớn:

• nén mất mát,
• Nén không mất dữ liệu,
• không nén,

Các định dạng không nén chiếm nhiều dữ liệu nhất, nhưng chúng là hình ảnh đại diện chính xác. Các định dạng bitmap như BMP thường không được nén, mặc dù cũng có các tệp BMP được nén.

Các định dạng nén mất dữ liệu thường thích hợp cho ảnh. Nó không phù hợp với các hình minh họa, bản vẽ và văn bản, vì các tác phẩm nén từ việc nén hình ảnh sẽ nổi bật. Nén mất dữ liệu, như tên gọi của nó, không mã hóa tất cả thông tin của tệp, vì vậy khi nó được khôi phục thành một hình ảnh, nó sẽ không thể hiện chính xác bản gốc. Tuy nhiên, nó có thể nén hình ảnh rất hiệu quả so với các định dạng không mất dữ liệu, vì nó loại bỏ một số thông tin nhất định. Một ví dụ điển hình về định dạng nén mất dữ liệu là JPEG.

Các định dạng nén không mất dữ liệu phù hợp với các hình minh họa, bản vẽ, văn bản và các tài liệu khác trông sẽ không đẹp khi được nén với tính năng nén mất dữ liệu. Như tên của nó, nén không mất dữ liệu sẽ mã hóa tất cả thông tin từ bản gốc, vì vậy khi hình ảnh được giải nén, nó sẽ là một đại diện chính xác của bản gốc. Vì không mất thông tin khi nén không mất dữ liệu, nên trong hầu hết các trường hợp, nó không thể đạt được độ nén cao như nén mất dữ liệu. Ví dụ về nén hình ảnh không mất dữ liệu là PNG và GIF. (GIF chỉ cho phép hình ảnh 8 bit.)

TIFF và BMP đều là định dạng "wrapper", vì dữ liệu bên trong có thể phụ thuộc vào kỹ thuật nén được sử dụng. Nó có thể chứa cả hình ảnh nén và không nén.

Khi nào sử dụng một định dạng nén hình ảnh nhất định thực sự phụ thuộc vào những gì đang được nén.

Câu hỏi liên quan: Nén tàn nhẫn hình ảnh lớn cho web

Bạn nên biết một số yếu tố chính ...

Đầu tiên, có hai kiểu nén: Lossless và Lossy .

Lossless có nghĩa là hình ảnh được làm nhỏ hơn, nhưng không ảnh hưởng đến chất lượng. Lossy có nghĩa là hình ảnh được tạo ra (thậm chí) nhỏ hơn, nhưng có hại cho chất lượng. Nếu bạn lưu ảnh ở định dạng Lossy lặp đi lặp lại, chất lượng ảnh sẽ ngày càng kém hơn.

Ngoài ra còn có các độ sâu màu khác nhau (bảng màu): Màu được lập chỉ mục và Màu trực tiếp .

Với Indexed, nó có nghĩa là hình ảnh chỉ có thể lưu trữ một số màu giới hạn (thường là 256) được chọn bởi tác giả hình ảnh, với Direct, nó có nghĩa là bạn có thể lưu trữ hàng ngàn màu chưa được chọn bởi tác giả.

BMP - Lossless / Indexed và Direct

Đây là một định dạng cũ. Nó là Lossless (không có dữ liệu hình ảnh nào bị mất khi lưu) nhưng cũng có rất ít hoặc hoàn toàn không nén, có nghĩa là lưu dưới dạng BMP dẫn đến kích thước tệp RẤT lớn. Nó có thể có bảng màu của cả Indexed và Direct, nhưng đó là một niềm an ủi nhỏ. Kích thước tệp quá lớn không cần thiết đến nỗi không ai thực sự sử dụng định dạng này.

Tốt cho: Không có gì thực sự. Không có điều gì BMP vượt trội hoặc không được thực hiện tốt hơn bởi các định dạng khác.

GIF - Không mất dữ liệu / Chỉ được lập chỉ mục

GIF sử dụng tính năng nén không mất dữ liệu, có nghĩa là bạn có thể lưu hình ảnh nhiều lần và không bao giờ mất bất kỳ dữ liệu nào. Kích thước tệp nhỏ hơn nhiều so với BMP, vì thực sự đã sử dụng tính năng nén tốt, nhưng nó chỉ có thể lưu trữ một bảng được lập chỉ mục. Điều này có nghĩa là chỉ có thể có tối đa 256 màu khác nhau trong tệp. Nghe có vẻ như là một số tiền khá nhỏ, và đúng như vậy.

Ảnh GIF cũng có thể được làm động và có độ trong suốt.

Phù hợp với: Biểu trưng, ​​hình vẽ đường kẻ và các hình ảnh đơn giản khác cần kích thước nhỏ. Chỉ thực sự được sử dụng cho các trang web.

JPEG - Lossy / Direct

Ảnh JPEG được thiết kế để tạo ra những bức ảnh chụp chi tiết càng nhỏ càng tốt bằng cách loại bỏ thông tin mà mắt người không nhận thấy. Do đó, đó là định dạng Lossy và việc lưu lặp đi lặp lại cùng một tệp sẽ khiến nhiều dữ liệu bị mất hơn theo thời gian. Nó có một bảng màu với hàng nghìn màu sắc và rất tuyệt vời cho các bức ảnh, nhưng nén bị mất có nghĩa là nó không tốt cho các biểu trưng và hình vẽ đường nét: Chúng không chỉ trông mờ mà những hình ảnh như vậy cũng sẽ có kích thước tệp lớn hơn so với GIF!

Tốt cho: Hình ảnh. Ngoài ra, độ dốc.

PNG-8 - Lossless / Indexed

PNG là một định dạng mới hơn và PNG-8 (phiên bản được lập chỉ mục của PNG) thực sự là một sự thay thế tốt cho GIF. Tuy nhiên, đáng buồn thay, nó có một số hạn chế: Thứ nhất là nó không thể hỗ trợ hoạt ảnh như GIF có thể (cũng có thể, nhưng dường như chỉ có Firefox hỗ trợ nó, không giống như hoạt ảnh GIF được hỗ trợ bởi mọi trình duyệt). Thứ hai, nó có một số vấn đề hỗ trợ với các trình duyệt cũ hơn như IE6. Thứ ba, phần mềm quan trọng như Photoshop có khả năng thực thi định dạng rất kém. (Chết tiệt, Adobe!) PNG-8 chỉ có thể lưu trữ 256 màu, giống như GIF.

Tốt cho: Điều chính mà PNG-8 làm tốt hơn GIF là hỗ trợ Alpha Transparency.

Lưu ý quan trọng: Photoshop không hỗ trợ Alpha Transparency cho các tệp PNG-8. (Chết tiệt, Photoshop!) Có nhiều cách để chuyển đổi tệp Photoshop PNG-24 thành PNG-8 mà vẫn giữ được độ trong suốt của chúng. Một phương pháp là PNGQuant , một phương pháp khác là lưu tệp của bạn bằng Fireworks .

PNG-24 - Lossless / Direct

PNG-24 là một định dạng tuyệt vời kết hợp mã hóa Lossless với màu Trực tiếp (hàng nghìn màu, giống như JPEG). Nó rất giống BMP về mặt đó, ngoại trừ PNG thực sự nén hình ảnh, vì vậy nó dẫn đến các tệp nhỏ hơn nhiều. Thật không may, các tệp PNG-24 vẫn sẽ lớn hơn nhiều so với JPEG, GIF và PNG-8, vì vậy bạn vẫn cần cân nhắc nếu thực sự muốn sử dụng.

Mặc dù PNG-24 cho phép hàng nghìn màu trong khi nén, chúng không nhằm thay thế ảnh JPEG. Ảnh được lưu dưới dạng PNG-24 có thể sẽ lớn hơn ít nhất 5 lần so với ảnh JPEG tương đương, điều này giúp cải thiện rất ít về chất lượng hiển thị. (Tất nhiên, đây có thể là một kết quả mong muốn nếu bạn không lo lắng về kích thước tệp và muốn có được hình ảnh chất lượng tốt nhất có thể.)

Cũng giống như PNG-8, PNG-24 cũng hỗ trợ alpha-trong suốt.

Tôi hy vọng rằng sẽ giúp!

Nói chung là:

Nén không mất dữ liệu Các thuật toán nén không mất dữ liệu làm giảm kích thước tệp mà không làm giảm chất lượng hình ảnh, mặc dù chúng không được nén thành một tệp nhỏ như tệp nén mất dữ liệu. Khi chất lượng hình ảnh được đánh giá cao hơn kích thước tệp, các thuật toán không mất dữ liệu thường được chọn.

Nén mất dữ liệu Các thuật toán nén mất dữ liệu tận dụng những hạn chế vốn có của mắt người và loại bỏ thông tin vô hình. Hầu hết các thuật toán nén mất dữ liệu đều cho phép các mức chất lượng thay đổi (nén) và khi các mức này tăng lên, kích thước tệp sẽ giảm. Ở các mức nén cao nhất, sự suy giảm hình ảnh trở nên đáng chú ý là "tác động nén". Các hình ảnh dưới đây chứng minh tác động đáng chú ý của các thuật toán nén mất dữ liệu; chọn hình ảnh thu nhỏ để xem phiên bản kích thước đầy đủ.

Mỗi định dạng khác nhau như được mô tả bên dưới:

Các tệp JPEG JPEG (Nhóm chuyên gia nhiếp ảnh chung) là (trong hầu hết các trường hợp) là định dạng mất dữ liệu; phần mở rộng tên tệp DOS là JPG (hệ điều hành khác có thể sử dụng JPEG). Gần như mọi máy ảnh kỹ thuật số đều có thể lưu ảnh ở định dạng JPEG, hỗ trợ 8 bit mỗi màu (đỏ, xanh lá cây, xanh lam) với tổng số 24 bit, tạo ra các tệp tương đối nhỏ. Khi không quá lớn, việc nén không làm giảm đáng kể chất lượng của hình ảnh, nhưng các tệp JPEG bị suy giảm nhiều thế hệ khi được chỉnh sửa và lưu nhiều lần. Ảnh chụp có thể được lưu trữ tốt hơn ở định dạng không phải JPEG không mất dữ liệu nếu chúng sẽ được chỉnh sửa lại, hoặc nếu các "hiện vật" nhỏ (nhược điểm do thuật toán nén của JPEG gây ra) là không thể chấp nhận được. Định dạng JPEG cũng được sử dụng làm thuật toán nén hình ảnh trong nhiều tệp Adobe PDF.

TIFF TIFF (Định dạng tệp hình ảnh được gắn thẻ) là một định dạng linh hoạt thường tiết kiệm 8 bit hoặc 16 bit cho mỗi màu (đỏ, xanh lá cây, xanh lam) cho tổng 24 bit và 48 bit, tương ứng bằng cách sử dụng tên tệp TIFF hoặc TIF . Tính linh hoạt của TIFF vừa là phước lành vừa là lời nguyền, vì không có trình đọc nào đọc được mọi loại tệp TIFF. TIFF có tổn thất và không mất dữ liệu; một số cung cấp khả năng nén không mất dữ liệu tương đối tốt cho hình ảnh hai cấp (đen trắng). Một số máy ảnh kỹ thuật số có thể lưu ở định dạng TIFF, sử dụng thuật toán nén LZW để lưu trữ không mất dữ liệu. Định dạng hình ảnh TIFF không được hỗ trợ rộng rãi bởi các trình duyệt web. TIFF vẫn được chấp nhận rộng rãi như một tiêu chuẩn tệp ảnh trong kinh doanh in ấn. TIFF có thể xử lý các không gian màu dành riêng cho thiết bị, chẳng hạn như CMYK được xác định bởi một bộ mực in cụ thể.

PNG Định dạng tệp PNG (Đồ họa mạng di động) được tạo như là mã nguồn mở, miễn phí kế thừa cho GIF. Định dạng tệp PNG hỗ trợ truecolor (16 triệu màu) trong khi GIF chỉ hỗ trợ 256 màu. Tệp PNG vượt trội khi hình ảnh có các vùng lớn, có màu đồng nhất. Định dạng PNG không mất dữ liệu là phù hợp nhất để chỉnh sửa ảnh và các định dạng mất dữ liệu, như JPG, là tốt nhất để phân phối cuối cùng của hình ảnh nhiếp ảnh, vì tệp JPG nhỏ hơn tệp PNG. Nhiều trình duyệt cũ hơn hiện không hỗ trợ định dạng tệp PNG, tuy nhiên, với Internet Explorer 7, tất cả các trình duyệt web hiện đại đều hỗ trợ đầy đủ định dạng PNG. Việc xen kẽ Adam7 cho phép xem trước sớm, ngay cả khi chỉ truyền một phần trăm nhỏ dữ liệu hình ảnh.

GIF GIF (Định dạng trao đổi đồ họa) được giới hạn trong bảng màu 8 bit hoặc 256 màu. Điều này làm cho định dạng GIF phù hợp để lưu trữ đồ họa có tương đối ít màu sắc như sơ đồ đơn giản, hình dạng, biểu trưng và hình ảnh phong cách hoạt hình. Định dạng GIF hỗ trợ hình ảnh động và vẫn được sử dụng rộng rãi để cung cấp các hiệu ứng hình ảnh động. Nó cũng sử dụng nén không mất dữ liệu hiệu quả hơn khi các khu vực lớn có một màu duy nhất và không hiệu quả đối với hình ảnh chi tiết hoặc hình ảnh hòa sắc.

BMP Định dạng tệp BMP (bitmap của Windows) xử lý các tệp đồ họa trong Hệ điều hành Microsoft Windows. Thông thường, các tệp BMP không được nén, do đó chúng có dung lượng lớn; ưu điểm của chúng là tính đơn giản, được chấp nhận rộng rãi và được sử dụng trong các chương trình Windows.

Sử dụng cho Trang Web / Ứng dụng Web

Sau đây là tóm tắt ngắn gọn về các định dạng hình ảnh này khi sử dụng chúng với một trang web / ứng dụng.

Nguồn: Định dạng tệp hình ảnh

Vì những người khác đã đề cập đến sự khác biệt, tôi sẽ nhấn vào cách sử dụng.

TIFF thường được sử dụng bởi máy quét. Nó tạo ra các tệp lớn và không thực sự được sử dụng trong các ứng dụng.

BMP không được nén và cũng tạo ra các tệp lớn. Nó cũng không thực sự được sử dụng trong các ứng dụng.

GIF từng có mặt trên khắp các trang web nhưng đã không còn được ưa chuộng vì nó chỉ hỗ trợ một số màu hạn chế và đã được cấp bằng sáng chế.

JPG / JPEG chủ yếu được sử dụng cho bất kỳ thứ gì có chất lượng ảnh, mặc dù không phải cho văn bản. Nén mất dữ liệu được sử dụng có xu hướng tạo ra các đường sắc nét.

PNG không nhỏ như JPEG nhưng không mất dữ liệu nên rất tốt cho hình ảnh có đường nét sắc nét. Nó đang được sử dụng phổ biến trên web bây giờ.

Cá nhân tôi thường sử dụng PNG ở mọi nơi tôi có thể. Đó là một sự thỏa hiệp tốt giữa JPG và GIF.

JPG> Nhóm chuyên gia nhiếp ảnh chung

1 hình ảnh JPG hỗ trợ 16 triệu màu và phù hợp nhất cho các bức ảnh và đồ họa phức tạp

2 JPG không hỗ trợ tính minh bạch.

PNG> Đồ họa mạng di động

1 Nó được sử dụng để thay thế cho định dạng tệp GIF khi công nghệ GIF đã được đăng ký bản quyền và cần có quyền sử dụng.

2 PNG cho phép nén lớn hơn 5 đến 25 phần trăm so với GIF và có phạm vi màu rộng hơn. PNG sử dụng xen kẽ hai chiều, giúp chúng tải nhanh gấp đôi so với ảnh GIF ”.

3 Hình ảnh có nhiều màu hoặc yêu cầu độ trong suốt có thể thay đổi nâng cao, PNG là loại tệp ưu tiên.

GIF> Định dạng trao đổi đồ họa

1 Giảm số màu trong hình ảnh xuống 256.

2 GIF cũng hỗ trợ độ trong suốt.

3 GIF có khả năng duy nhất để hiển thị một chuỗi hình ảnh, tương tự như video, được gọi là GIF động.

4 Nếu hình ảnh có ít màu và không yêu cầu bất kỳ hiệu ứng trong suốt alpha nâng cao nào, thì GIF là lựa chọn phù hợp.

SVG> Đồ họa vector có thể mở rộng

1 SVG là một tiêu chuẩn web dựa trên XML mô tả cả hình ảnh tĩnh và hình ảnh động theo hai chiều.

2 SVG cho phép bạn tạo đồ họa và hoạt ảnh chất lượng rất cao mà không bị mất chi tiết khi kích thước của chúng tăng / giảm.

Những tên này đề cập đến các cách khác nhau để mã hóa dữ liệu hình ảnh pixel (JPG và JPEG giống nhau và TIFF có thể chỉ bao gồm một jpeg với một số siêu dữ liệu bổ sung).

Các định dạng hình ảnh này có thể sử dụng các thuật toán nén khác nhau, biểu diễn màu sắc khác nhau, khả năng khác nhau trong việc mang dữ liệu bổ sung khác với bản thân hình ảnh, v.v.

Đối với các ứng dụng web, tôi muốn nói jpeg hoặc gif là đủ tốt. Jpeg được sử dụng thường xuyên hơn do tỷ lệ nén cao hơn và gif thường được sử dụng cho hoạt ảnh có trọng lượng nhẹ trong đó đèn flash (hoặc một cái gì đó tương tự) là quá mức hoặc những nơi cần nền trong suốt. PNG cũng có thể được sử dụng, nhưng tôi không có nhiều kinh nghiệm về điều đó. BMP và TIFF có lẽ không phải là ứng cử viên sáng giá cho các ứng dụng web.

Những gì coobird và Gerald đã nói.

Ngoài ra, JPEG là tên định dạng tệp. JPG thường được sử dụng là phần mở rộng tệp viết tắt cho định dạng này, vì bạn cần có phần mở rộng tệp gồm 3 chữ cái cho các hệ thống Windows trước đó. Tương tự như vậy với TIFF và TIF.

Các trình duyệt web hiện tại chỉ hiển thị các tệp JPEG, PNG và GIF - vì vậy đó là những tệp có thể được hiển thị trên các trang web.

PNG hỗ trợ độ trong suốt của kênh chữ cái.

TIFF có thể có các tùy chọn mở rộng, tức là tham chiếu địa lý cho các ứng dụng GIS .

Tôi khuyên bạn chỉ nên sử dụng JPEG cho ảnh, không bao giờ cho các hình ảnh như clip art, logo, văn bản, sơ đồ, nghệ thuật đường nét.

Ủng hộ PNG.

Những cái được đặt tên đều là đồ họa raster, nhưng bên cạnh đó đừng quên những vectorgraphics ngày càng quan trọng hơn. Có những loại nén và không nén (theo cách ít nhiều), nhưng tất cả chúng đều không mất dữ liệu. Quan trọng nhất là:

• SVG / SVGZ
• EPS
• EMF / ( WMF )

Phần mở rộng tệp cho bạn biết hình ảnh được lưu như thế nào. Một số định dạng chỉ lưu các bit như chúng vốn có, một số nén hình ảnh theo nhiều cách khác nhau, bao gồm cả các phương pháp không mất dữ liệu và mất dữ liệu. Web có thể cho bạn biết, mặc dù tôi biết một số người trả lời bệnh nhân sẽ phác thảo chúng ở đây.

Web chủ yếu ủng hộ gif, jpg và png. JPEG giống (hoặc rất gần) với jpg.

Đối với sự khác biệt được chỉ định và cách sử dụng giữa các định dạng hình ảnh khác nhau, chúng tôi đã thảo luận ở trên.

Tuy nhiên, tôi muốn thêm một số thứ cho quá trình tổng thể để chụp ảnh và lưu trữ chúng.

Quá trình bắt giữ

Hoặc bạn có thể nói quá trình xây dựng (như chúng ta có thể vẽ hoặc tạo hình bằng máy tính bây giờ). Nếu bạn chụp ảnh bằng máy ảnh, bạn đang sử dụng rất nhiều cảm biến (CCD hoặc CMOS) và các thuật toán (Bộ lọc mẫu Bayer, Lấy mẫu phụ và lượng tử hóa, v.v.) Ngoài ra còn có những thứ như Pixel Formatvà Color Space. Sau khi bạn có thông tin pixel cơ bản, phải có cách để lưu trữ chúng.

Cấu trúc tệp hình ảnh cơ bản

Để lưu trữ thông tin pixel trong một tệp, chúng tôi cần một quy ước và các thuật toán liên quan. Để tiết kiệm không gian, có nén, nhưng về cơ bản vấn đề là mã hóa pixel thành byte và giải mã byte thành pixel để hiển thị.

Một tệp hình ảnh điển hình có thể bao gồm một số phần, về cơ bản là hai: meta data or file headervà pixel data section. Các meta datakể về hình ảnh bản thân, có thể heightvà width, file formatvv Và pixel data sectionlà con người thật của sectionngười giao dịch với các real picture.

Lưu trữ và Hiển thị

Như chúng ta đã nói trước đó, các tệp được lưu trữ trong đĩa cứng và ở dạng byte / bit. Vì vậy, các tệp hình ảnh không có mức độ ưu tiên nhưng thực sự cũng có dòng byte. Để hiển thị, có lẽ chúng ta nên tìm một cái gì đó để biết cách hoạt động của màn hình. Màn hình PC điển hình sử dụng mô hình RGB để hiển thị.

Hi vọng điêu nay co ich:-)