Định dạng hình ảnh nhỏ nhất. Định dạng đồ họa. JPEG, GIF và PNG là những định dạng hình ảnh phổ biến nhất

15.06.2014

Khi tạo trang web ở giai đoạn bố cục, luôn có nhiệm vụ chọn định dạng này hoặc định dạng khác để lưu trữ hình ảnh. Hình ảnh có thể được lưu ở mọi định dạng PNG, JPEG, GIF và hàng tá định dạng khác, nhưng bạn nên chọn định dạng nào để chuyển? Chất lượng tốt hơn Với kích cỡ nhỏ nhất tập tin hình ảnh kết quả?

Tôi nên chọn định dạng tập tin nào?

định dạng GIF giới hạn ở 256 màu. Đây là định dạng không mất dữ liệu và khi sử dụng sẽ đạt được độ nén hình ảnh tối thiểu. Định dạng GIF hỗ trợ hoạt ảnh (định dạng duy nhất trong tất cả các định dạng) và độ trong suốt, nhưng không thể lưu hình ảnh mờ trong đó. Do đặc thù của thuật toán, nó nén hình ảnh có đường thẳng đứng rất tốt (đối với web chẳng hạn, đây có thể là các sọc phân chia dọc, biểu tượng một màu, dấu chấm đồ họa, v.v.). Nó có thể được sử dụng để lưu trữ các bản vẽ, văn bản và biểu tượng trong một kích thước tệp nhỏ.

định dạng PNG là một định dạng trong đó việc nén xảy ra mà không bị mất. Ở định dạng này, mỗi pixel có 3 kênh màu(RGB - đỏ, lục, lam), từ đó hiện thực hóa hình ảnh đầy đủ màu sắc mà không bị biến dạng. Theo chất lượng hiển thị màu sắc định dạng PNG có thể lớn hơn JPG nhưng kích thước tệp cũng sẽ lớn hơn. Hỗ trợ định dạng PNG cấp độ khác nhau trong suốt (trong suốt). Do đặc thù của thuật toán nên nó nén ảnh rất tốt, chứa đường ngang. Và khi nhiệm vụ là chọn lưu file vào định dạng GIF hoặc PNG, đối với trường hợp hình ảnh bao gồm các đường nét nguyên thủy, bạn nên chú ý đến vị trí của các đường này - tức là. Bạn nên lưu hình ảnh ở định dạng GIF từ đường thẳng đứng , ở dạng PNG - ngang. PNG là sự lựa chọn tốtđể lưu trữ bản vẽ, văn bản và đồ họa mang tính biểu tượng ở kích thước tệp nhỏ.

định dạng JPG là một định dạng bị mất màu. Thuật toán làm việc ở định dạng này sao cho nó nén hình ảnh có độ dốc rất tốt (màu sắc của pixel đầu tiên trong gradient và pixel cuối cùng được lưu lại và khi hiển thị hình ảnh, tất cả các màu trung gian giữa các điểm này đều được tính toán), điều này giúp ích cho việc lưu trữ hình ảnh ở kích thước nhỏ hơn so với ở dạng định dạng BMP. Tốt hơn là lưu ảnh, tràn, logo, hình nền, v.v. ở định dạng JPG.

Vì vậy, khi phát triển trang web, bạn có thể đạt được rất nhiều kết quả tốt về tốc độ do sự lựa chọn đúng đắn dạng lưu trữ hình ảnh.

Nếu bạn thích tài liệu này, vui lòng nhấp vào nút =)

Tất cả chúng ta đều tải lên hình ảnh, tạo ảnh, tạo "memes" để chia sẻ trên trong mạng xã hội. Nhiều người đăng hình ảnh mà không hề suy nghĩ xem định dạng tệp đồ họa nào phù hợp nhất cho một trường hợp cụ thể. Bài viết này không áp dụng cho các chuyên gia đồ họa raster và vector. Đối với phần còn lại, phân tích ngắn gọn về các định dạng đồ họa này sẽ hữu ích để hiểu rõ hơn về mục đích sử dụng định dạng này hoặc định dạng khác. Vì vậy, hãy bắt đầu.

Phân tích ngắn gọn các định dạng tệp đồ họa

1. JPG/JPEG/JFIF
2. TIF/TIFF

Raster và vector

Trước khi chúng ta đi vào năm định dạng tệp đã chọn, thật tốt khi biết rằng có hai họ đồ họa chính: raster và vector, và tất cả các định dạng tệp hình ảnh được liệt kê bên dưới đều là một phần của họ raster.

Trong đồ họa raster, một hình ảnh được tạo thành từ các pixel, trong khi Đồ họa vectorđược ghép lại từ các đường dẫn, được gọi là các đoạn thẳng.

Nén tập tin

Ngoài ra, các định dạng tệp hình ảnh có thể được phân biệt dựa trên hiệu ứng nén được gọi là nén. Có đủ loại phương án nén một số lượng lớn, nhưng bản chất của sự tồn tại của chúng có thể được rút gọn thành một nhiệm vụ - nén tệp raster một cách hiệu quả nhất có thể. nén tập tin đồ họa không có ý nghĩa gì, vì kích thước của nó không phụ thuộc vào tỷ lệ mà phụ thuộc vào số lượng đường dẫn trong đó.

Tính năng nén có thể nén hình ảnh rất hiệu quả từ hai lần trở lên. Nhưng điều này hầu như luôn dẫn đến giảm chất lượng, vì thuật toán nén chính là chọn một số pixel và thay thế chúng bằng một hoặc hai pixel có màu tương tự. Tệp nén sẽ không bao giờ thể hiện chính xác tệp gốc, trừ một số ngoại lệ. Hãy nói về điều này hơn nữa. Nén file thường phù hợp với những bức ảnh nhỏ và không phù hợp với những bức ảnh chuyên nghiệp. những bức vẽ hoặc những hình ảnh minh họa, thuyết trình chất lượng cao.

Nén mà không giảm chất lượng là như nhau tập tin gốc, vì nén không nén là sự thể hiện chính xác của bản gốc.

Hình ảnh JPG/JPEG/JFIF

Viết tắt cho: Joint Photographic Experts Group - Nhóm chuyên gia nhiếp ảnh chung.

Phần mở rộng tập tin: .jpg / .jpeg

Định dạng phổ biến nhất trong số tập tin raster hình ảnh. Máy ảnh kỹ thuật số lưu hình ảnh của họ ở định dạng này. tập tin JPEG sử dụng phương pháp nén tổn thất có thể giảm đáng kể kích thước tệp mà không ảnh hưởng đáng kể đến chất lượng.

Nhược điểm: Định dạng này không được bảo vệ khỏi sự suy thoái thế hệ. Điều này có nghĩa là mỗi khi bạn chỉnh sửa và lưu lại, chất lượng hình ảnh sẽ được cải thiện. phiên bản mới tập tin sẽ xấu đi.

Khả năng ứng dụng: hình ảnh mờ, thiết bị chụp ảnh (thiết bị, máy ảnh, camera hành động).

định dạng hình ảnh PNG

Viết tắt cho: Đồ họa mạng di động - đồ họa mạng di động.

Phần mở rộng tập tin: .png

Cái này thay thế miễn phí GIF mở mã nguồn, hỗ trợ 16 triệu màu, trái ngược với GIF, có tối đa 256 màu. Cái này định dạng tốt nhất tập tin cho hình ảnh trong khi vẫn giữ được nguồn màu. Định dạng phù hợp để truyền cân bằng hoàn hảoâm. hoạt hình tập tin PNG có sẵn ở định dạng APNG. Những tập tin này thường có nền trong suốt.

Nhược điểm: Phù hợp nhất cho kích thước tập tin lớn. Bản thân định dạng PNG không hỗ trợ đồ họa động.

Khả năng ứng dụng: Chỉnh sửa hình ảnh, hình ảnh web, hình ảnh có tính đến các lớp như hiệu ứng trong suốt hoặc mờ dần.

Phần mở rộng tệp TIF

Viết tắt cho: Định dạng tệp hình ảnh được gắn thẻ - một định dạng để lưu trữ hình ảnh đồ họa raster.

Phần mở rộng tập tin: .tif / .tiff

Một định dạng tệp linh hoạt và dễ mở rộng có khả năng lưu trữ các tệp có độ sâu màu cao. Những tập tin này có nền trong suốt. Chúng rất lý tưởng cho logo của công ty.

Nhược điểm: Không lý tưởng cho các trình duyệt web.

Khả năng ứng dụng: Giai đoạn đầu của tập tin ảnh trong quá trình in ấn. Gói phần mềm OCR.

định dạng tệp GIF

Viết tắt cho: Định dạng trao đổi đồ họa - một định dạng để trao đổi hình ảnh.

Phần mở rộng tập tin: .gif

Mặc dù GIF có tỷ lệ nén thấp so với hầu hết các định dạng video nhưng đây là định dạng phổ biến nhất đối với người dùng đối với ảnh động.

Nhược điểm: Định dạng bị giới hạn ở 8 bit (256 màu) và không phù hợp với hình ảnh chụp ảnh hoặc khử răng cưa.

Khả năng ứng dụng: Đồ họa yêu cầu nhiều màu, chẳng hạn như sơ đồ đơn giản, biểu trưng và hoạt ảnh có hơn 50% màu đơn.

Định dạng tệp hình ảnh BMP

Viết tắt cho: Ảnh Bitmap - nghĩa đen là một định dạng để lưu trữ ảnh bitmap

Phần mở rộng tập tin: .bmp

Định dạng này được phát triển bởi Microsoft và được thiết kế để lưu trữ các tệp không nén lớn bên trong Windows.

Nhược điểm: Định dạng này không sử dụng tính năng nén.

Khả năng ứng dụng: cấu trúc định dạng đơn giản hóa làm cho tập tin bmp lý tưởng cho các chương trình Windows.

Đây là những định dạng tệp hình ảnh phổ biến nhất được người dùng sử dụng hiện nay. Bây giờ bạn đã biết cái nào lý tưởng cho một mục đích cụ thể, bạn có thể hiểu rõ hơn nên sử dụng định dạng tệp đồ họa nào cho chính mình.

Phổ biến nhất định dạng đồ họa, điều mà người dùng Internet phải đối mặt - JPEG, GIF và PNG. Hãy nói về các tính năng của từng người trong số họ, hãy đưa ra mô tả ngắn gọn và nêu phạm vi áp dụng. Chúng ta cũng hãy xem cách bạn có thể nhanh chóng định dạng lại hình ảnh bằng cách sử dụng các chương trình khác nhau và ngay cả biên tập viên đồ họa, vì không phải thiết bị nào cũng có thể đọc được các định dạng hình ảnh mới hoặc ít phổ biến hơn.

Một định dạng đồ họa là gì?

Để bắt đầu, hãy nói một vài từ về chính khái niệm định dạng đồ họa, để làm rõ hơn chính xác những gì chúng ta đang giải quyết. Định nghĩa này đề cập đến phương pháp lưu trữ, nghĩa là tất cả các loại hình ảnh và hình ảnh. Mỗi định dạng đồ họa có phương pháp, tính năng và phạm vi ứng dụng riêng. Tùy thuộc vào điều này, cùng một hình ảnh có phần mở rộng khác nhau, có thể có kích cỡ khác nhau, độ sâu màu sắc, tính năng sử dụng.

Có các định dạng raster, vector và thậm chí phức tạp. Nhưng trong bài viết này, chúng ta sẽ chỉ nói về đồ họa raster và các phương pháp lưu trữ chúng, vì hầu hết các tệp đều có phần mở rộng cho biết hình ảnh thuộc về nó.

JPEG - cũ và đáng tin cậy

Hãy bắt đầu với phần mở rộng phổ biến và phổ biến nhất. Do đó, JPEG (còn được biểu thị bằng một chữ viết tắt khác - JPG) được tìm thấy thường xuyên nhất trên Internet. Hãy nhớ: ngay cả ảnh bạn chụp bằng máy ảnh hoặc điện thoại cũng có phần mở rộng .jpeg.

Định dạng này sử dụng rộng rãi phương pháp này, điều này đôi khi ảnh hưởng đến chất lượng của hình ảnh. Nó khá phổ biến, mặc dù thực tế là phải có giấy phép để sử dụng nó. Độ sâu màu đạt 24 bit.

GIF - được tạo để lưu trữ hình ảnh động và hơn thế nữa

Vì vậy, sau khi đã xử lý với bạn định dạng JPEG, chúng ta cũng phải kể đến phổ biến thứ hai - GIF. Ông ấy là một trong những người già nhất thế giới đồ họa raster. Cũng được sử dụng để trao đổi hình ảnh qua Internet, đặc biệt - E-mail. Quá trình nén xảy ra mà không làm giảm chất lượng và độ sâu màu là 8 bit. Hỗ trợ không chỉ độ trong suốt mà còn cả hoạt ảnh.

Điều đáng lưu ý là khi chuyển đổi, hiệu ứng hoạt hình sẽ bị mất, tất nhiên trừ khi định dạng tệp bạn chọn không hỗ trợ nó.

PNG là giải pháp thay thế mới nhất cho GIF

Chúng ta đã thảo luận về các định dạng JPEG và GIF, bây giờ hãy nói về PNG. Nhiều người dùng Internet gọi đây là phiên bản cải tiến của GIF. Lý do cho điều này là nó sử dụng các phương thức lưu trữ giống như tệp .gif. Hãy để chúng tôi nhắc bạn ngay rằng, không giống như người tiền nhiệm của nó, nó không yêu cầu giấy phép, điều này rất quan trọng.

Khi nén thông tin, chất lượng hình ảnh không bị ảnh hưởng như định dạng trước. Sự khác biệt chính là nó cho phép bạn sử dụng số lượng màu không giới hạn. Điều đáng chú ý là độ sâu màu có thể đạt tới 48 bit. Do định dạng này còn tương đối mới nên nó chưa trở nên phổ biến trên toàn thế giới nhưng nó đã có thể được tìm thấy trên Internet.

Làm thế nào để chuyển đổi một bản vẽ? Các chương trình thay đổi tiện ích mở rộng

Vì vậy, chúng tôi đã xem xét các định dạng JPEG, GIF và PNG - những phần mở rộng phổ biến nhất trỏ đến. Bây giờ hãy nói về cách thay đổi định dạng của một hình ảnh cụ thể.

Đôi khi bạn phải đối mặt với sự cố khi trình duyệt, chương trình hoặc thiết bị không hỗ trợ tệp có phần mở rộng cụ thể, đặc biệt nếu thiết bị đã cũ và định dạng tương đối mới. Trong những trường hợp như vậy, cần phải định dạng lại hình ảnh. Làm thế nào để giải quyết vấn đề này càng nhanh càng tốt?

Để thay đổi định dạng, bạn có thể sử dụng chương trình Paint tiêu chuẩn. Ví dụ: hãy tìm cách chuyển đổi bất kỳ hình ảnh nào sang định dạng JPEG. Để làm điều này, chỉ cần mở bức ảnh mong muốn bằng cách sử dụng Chương trình vẽ hoặc bằng cách nhấp vào hình ảnh mong muốn click chuột phải chuột, chọn “Thay đổi”. Sau khi mở ảnh, hãy chọn "Lưu dưới dạng" từ menu "Tệp" (trong các phiên bản mới đây là menu chính của chương trình), sau đó chỉ định định dạng bạn cần trong cửa sổ, trong trong trường hợp này- JPEG hoặc JPG.

CorrelDRAW, PhotoShop nổi tiếng cũng như các bộ chuyển đổi ảnh đặc biệt: PicJet Converter, FastStone PhotoResizer và nhiều bộ chuyển đổi khác phù hợp cho cùng mục đích. Một số trong số chúng cho phép bạn làm xử lý hàng loạt hình ảnh, giúp giảm đáng kể thời gian làm việc với chúng.

Điểm mấu chốt

Chúng tôi đã tìm ra định dạng đồ họa là gì, chỉ ra những điểm khác biệt chính giữa các định dạng đồ họa phổ biến chính, phạm vi ứng dụng của chúng và đưa ra mô tả ngắn gọn về từng định dạng đồ họa đó. Chúng tôi cũng phát hiện ra rằng định dạng JPEG là phổ biến nhất hiện nay.

Chúng tôi cũng đã học cách thay đổi nhanh định dạng hình ảnh bằng cách sử dụng chương trình tiêu chuẩnđược cài đặt trên máy tính hoặc máy tính xách tay. Họ cũng nói vài lời rằng có những bộ chuyển đổi đặc biệt mà bạn có thể thay đổi nhanh chóng và dễ dàng

bài viết này là Đánh giá ngắn ba định dạng đồ họa chính được sử dụng trên Internet. Flash (SWF) không được tính đến vì nó yêu cầu plugin để xem và định dạng là vector chứ không phải raster.

Để rõ ràng, chúng tôi trình bày một bảng mô tả cả ba định dạng mà chúng tôi đang xem xét.

Từ bảng trên chúng ta có thể nhấn mạnh những điều sau:

GIF hoặc PNG-8 cách tốt nhất Thích hợp để giữ nguyên chi tiết hình ảnh (khi làm việc trong dải màu trải dài 256 màu) và cho đồ họa web có chứa văn bản.

JPEG (hay còn gọi là JPG) phù hợp nhất với các nhiếp ảnh gia vì kích thước tệp nhỏ và phạm vi rộng. dải màu. . GIF phù hợp với hoạt ảnh đơn giản (trong trường hợp này chúng ta không nói về PNG vì nó không hỗ trợ hoạt ảnh).

PNG-24, mặc dù có kích thước tệp lớn nhưng là một lựa chọn tốt nếu bạn không muốn làm giảm chất lượng hình ảnh (loại bỏ chi tiết và thêm nhiễu cho ảnh).

Bạn có thể dễ dàng sử dụng JPEG với độ nén thấp nếu bạn muốn hiển thị ảnh cho người dùng bằng " Internet nhanh" bởi vì trong trường hợp này, mặc dù kích thước tệp tăng lên nhưng bạn sẽ nhận được hình ảnh có chất lượng tốt.

Vì vậy, hãy tóm tắt. PNG-8 tốt cho hình ảnh đơn giản khi xuất bản chúng trên Internet. JPEG phù hợp để làm việc với ảnh, PNG-24 cũng phù hợp để làm việc với chúng, nhưng trong trường hợp này bạn sẽ nhận được kích thước lớn hơn tập tin so với JPG. Đối với mọi thứ khác trên Internet, GIF là tốt.

Chúng tôi chứng minh điều đó bằng thực nghiệm

Bạn có thể nói rất lâu về việc định dạng nào tốt hơn, nhưng điều đúng đắn nhất là xem chúng hoạt động như thế nào trong thực tế - đó là những gì chúng ta sẽ làm. Hãy chụp ba hình ảnh có nội dung khác nhau và kiểm tra chúng. Vì vậy, hình ảnh đầu tiên được thử nghiệm sẽ là ảnh cây thánh giá.

Để so sánh các định dạng, tôi đã sử dụng lệnh Tệp > An toàn cho Web trong Photoshop CS2. Như chúng ta có thể thấy từ hình, hình ảnh đầu tiên, được đánh dấu là Bản gốc, có chất lượng tốt nhất Và kích thước lớn nhất(Tất nhiên đây là mã nguồn rồi :)). Ở đây, ngay cả PNG 24 cũng bỏ qua nó, nhưng hãy nhớ rằng JPG là ảnh gốc, có nghĩa là mức nén là thấp nhất - nếu bạn chọn Cao cho định dạng Jpeg trong cài đặt của hộp thoại An toàn cho Web, kích thước sẽ sẽ hoàn toàn khác và chất lượng sẽ không thể nhận thấy bằng mắt kém hơn. Hãy phóng to hình ảnh để thấy sự khác biệt về độ nén giữa các định dạng khác nhau.

Từ đó, chúng ta có thể kết luận rằng kết quả gần nhất với bản gốc được tạo ra bởi PNG-24, nhưng nó cắt tệp dưới 50%, trong khi tệp JPEG thì khá Chất lượng cao(80) - hơn 90%. Hãy xem xét các mức nén JPEG khác.

Tùy chọn tốt nhất giữa kích thước và chất lượng trong trường hợp này sẽ là JPEG với mức nén là 60. Vẫn cần xem xét kỹ hơn về GIF và PNG-8.

Ở đây, chúng ta thấy một chút lợi thế về kích thước tệp cuối cùng và chất lượng hình ảnh của định dạng PNG-8 so với GIF. Đồng thời, cả hai định dạng đều kém hơn JPEG cả về chất lượng và kích thước tệp. Vì vậy, khi chuẩn bị hình ảnh để xuất bản trên Internet, sẽ hợp lý hơn nếu sử dụng JPEG với chất lượng 60 cho ảnh - sử dụng nhiều hơn cấp thấp chất lượng sẽ làm giảm kích thước tệp, nhưng bạn sẽ không cảm thấy thích thú khi chiêm ngưỡng một bức ảnh như vậy.

Khuyên bảo:

Để ít nhất bằng cách nào đó đề cập đến các định dạng khác, tôi sẽ nói rằng nếu bạn muốn lưu tệp mà không bị lỗi do nén, thì hãy lưu tệp đó ở dạng RAW, PSD hoặc Tiff. Và nếu bạn cần hiển thị một tệp trên Internet với chất lượng bị giảm tối thiểu nhưng với trọng lượng tối ưu, thì hãy thoải mái chọn JPEG với chất lượng 100% - khi đó sẽ không ai tìm thấy bất kỳ khiếm khuyết nào có thể nhìn thấy được.

JPEG, GIF, PNG và logo

Bây giờ chúng ta đã biết nên sử dụng định dạng nào cho ảnh, hãy xem lý do tại sao nên sử dụng PNG-8 cho logo (ấn phẩm của họ trên Web) :).
Hãy bắt đầu với JPG. Có thể dễ dàng nhận thấy sự xuất hiện của các tạo tác đặc trưng dọc theo các cạnh của đối tượng và kích thước tệp lớn so với các định dạng khác. Với các thông số tương tự GIF và PNG, PNG sau cho phép bạn có được kích thước nhỏ hơn tập tin trong khi vẫn duy trì chất lượng tối ưu. Tôi nghĩ rằng ý kiến ​​​​bổ sung là không cần thiết ở đây.

JPEG, GIF, PNG và nền

Vẫn còn phải đánh giá mức độ điển hình hinh nên, được quản trị viên web sử dụng cho trang web của họ, các định dạng trên.

Sự khác biệt về chất lượng giữa các định dạng trong trường hợp này là tối thiểu, vì vậy cần đặc biệt chú ý đến kích thước tập tin cuối cùng, và ở đây JPEG với chất lượng 60 chiến thắng với lợi thế rõ ràng.

Kết quả

Đối với hình ảnh vẽ tay không chứa hoạt ảnh hoặc độ trong suốt, sự lựa chọn tốt nhất sẽ sử dụng PNG-8, nếu không - Gif. Nếu hình ảnh là một bức ảnh hoặc bị che phủ bởi các tế bào quang điện, hãy sử dụng JPEG. Việc sử dụng PNG-24 không có ý nghĩa gì, vì trong điều này bạn sẽ không tìm thấy sự tối ưu giữa chất lượng và kích thước so với cùng một JPEG (ngay cả với chất lượng 100).

Sergey Toporkov, http://www.cc-studio.ru/