12/03/2012 18:31:03 PM

Các định dạng ảnh web

(Lượt xem: 1411)
Bài viết này chúng ta sẽ cùng tìm hiểu về các định dạng được sử dụng trong lĩnh vực Thiết Kế WebCác định dạng ảnh trên web được sử dụng chủ yếu hiện này là: GIF, JPG (JPEG) và PNG.

1, GIF (Graphic Interchange Format)

Định dạng này thường có phần mở rộng của tập tin là .gif, có tối đa 256 màu.  Định dạng này có các đặc điểm:

    1. Kích thước nhỏ
    2. Hiện thị ở dạng động (hoạt cảnh có nhiều khung hình)
    3. Hiện thị ở dạng trong suốt, ngoài những chi tiết chính của hình, những phần còn lại có thể nhìn xuyên qua
Định dạng GIF hiển thị ảnh động

Định dạng GIF hiển thị ảnh động

Định dạng Gift hiện thị trong suốt

Định dạng Gift hiện thị trong suốt

2, JPEG ( Photographic Experts Group)

Định dạng JPEG có phần .jpeg hoặc .jpg, có tối đa 16 triệu màu, chất lượng cao và có kích thước lớn, được sử dụng nhiều trong kỹ thuật in ấn.

Khác với định dạng GIF và PNG, định dạng JPEG không cho phép hiện thị dạng trong suốt.

3, PNG ( Portable Network Graphic)

Ngày nay, PNG là định dạng ảnh chuyên dùng trên internet. PNG là sự tổng hợp ưu điểm của cả 2 định dạng GIF và JPEG. Có dung lượng nhỏ, trong suốt của GIF với hình ảnh rõ nét, màu sắc tối đa 4 tỉ màu.

PNG  được chia loại:

  • PNG 8 bit, là loại định dạng ảnh có những nét tương đồng với GIF: nhỏ gọn, giới hạn màu tối đa 256.
  • PNG 24 bit có đầy đủ ưu điểm của các loại định dạng ảnh: màu phong phú, trong suốt, ngoài ra PNG 24 còn có thêm một kênh màu mới là Alpha, kênh màu này giúp ảnh PNG có thể hiển thị mờ đục (opacity), làm tăng hiệu quả hiển thị hơn GIF rất nhiều, nhưng chính điều này lại làm tăng dung lượng ảnh PNG 24 lên cao nhất,  cao hơn cả JPEG
So sánh các định dạng ảnh

So sánh các định dạng ảnh

KẾT LUẬN:

Tùy vào mục đích sử dụng mà chúng ta chọn sử dụng các định dạng sao phù hợp:

  • Sử dụng ảnh GIF trong trường hợp hiển thị ảnh động.
  • Sử dụng PNG 8 cho hình nhỏ, đơn giản, ít màu sắc hoặc cần trong suốt.
  • Sử dụng PNG 24 cho ảnh có nhu cầu hiển thị mờ đục, chất lượng tốt, rõ nét.
  • Sử dụng JPEG cho ảnh in ấn, ảnh chụp, phong cảnh, chân dung, ảnh có những chi tiết không rõ nét.
  • Mẫu giao diện web thiết kế bởi Topweb
Tài nguyên





Xem tất cả
Tư vấn khách hàng
Điện thoại để được tư vấn tốt nhất
0973668377