Tin học 88 - chia sẻ kiến thức
ADS

So sánh định dạng hình ảnh JPG và PNG

Khi thiết kế ảnh hoặc các thao tác với hình ảnh các bạn có hay thắc mắc rằng mình lên lưu file ảnh ở dạng nào JPG hay PNG, hoặc chỉ lưu theo thói quen mà không để ý xem là định dạng JPG hay PNG ưu điểm nhược điểm gì. Bài viết này mình xin đưa ra một vài điểm để các bạn tham khảo hỗ trợ trong công việc sau này.

Mục lục

    Trước tiền chúng ta cần tìm hiểu xem

    1. File ảnh JPG là gì?

    JPG (Joint Photographic Experts Group) là một trong những phương pháp nén ảnh hiệu quả, có tỷ lệ nén ảnh tới vài chục lần. Tuy nhiên ảnh sau khi nén sẽ khác với ảnh ban đầu và không thể khổi phục lại chất lượng ban đầu. Chất lượng ảnh bị suy giảm sau khi nén và dung lượng càng nhỏ chất lượng càng kém. Tuy nhiên sự mất mát thông tin này là có thể chấp nhận được và việc loại bỏ những thông tin không cần thiết được dựa trên những nghiên cứu về hệ nhãn thị của mắt người.

    JPG là một định dạng tệp tuyệt vời cho hình ảnh lớn dung lượng lưu trữ nhỏ. Hãy nghĩ rằng bạn có một website hoặc một ứng dụng nào đó cần sử dụng hình ảnh lớn và nhiều thì bạn hãy để ý đến định dạng JPG nó sẽ giúp bạn nén những hình ảnh có kích thước lớn xuống gấp nhiều lần mà chất lượng hình ảnh vẫn ở mức chấp nhận được, nó đã trở thành định dạng phổ biến nhất trên Internet bởi vì công nghệ nói trên có thể nén ảnh rất nhiều. Giả sử bạn có 1 bức ảnh có kích thước 1MB, bạn hoàn toàn có thể nén nó xuống 500KB hay 100KB, đó chính là lợi thế của JPG.

    Đặc điểm

    Kích thước tập tin nhỏ

    Thời gian tải web nhanh hơn

    Có thể không rõ nét

    không hỗ trợ nền trong suốt

    Có các chế độ nén ảnh khác nhau

    Ảnh JPG được sử dụng tốt nhất cho: ảnh có khổ kích thước và nền là hình chữ nhật, vuông, ảnh với màu sắc phức tạp, ảnh đen trắng, ảnh tĩnh vật, ảnh đời thường, chân dung. Các trang web có nhiều hình ảnh, ảnh trưng bầy

    Ảnh jpg mẫu

    Đây là một ảnh JPG và nền mầu đen

    2. File ảnh PNG là gì

    PNG (Portable Network Graphics) là dạng hình ảnh sử dụng phương pháp nén dữ liệu mới không làm mất đi dữ liệu gốc thể hiện được nền ảnh trong suốt. PNG được tạo ra nhằm cải thiện và thay thế định dạng ảnh GIF. PNG là định dạng tập tin tuyệt vời cho các ảnh số trên mạng Internet bởi vì PNG hỗ trợ màu trong suốt trong tất cả các trình duyệt web với những tính năng mà GIF không có.

    PNG hỗ trợ màu 8-bit giống như GIF, đồng thời cũng hỗ trợ màu 24-bit RGB như JPG. Khi bạn nén một bức ảnh bằng định dạng PNG, bức ảnh đó sẽ không hề bị giảm chất lượng. Do đó, dung lượng là nhược điểm của định dạng ảnh PNG, phần lớn ở trong cùng 1 điều kiện hiển thị những hình ảnh định dạng PNG có dung lượng lớn hơn những hình ảnh định dạng JPG.

    Đặc điểm

    Kích thước tệp lớn hơn

    Thời gian tải chậm hơn

    Hỗ trợ nền trong suốt

    Rõ nét hơn và chất lượng cao hơn

    Ảnh PNG được sử dụng tốt nhất cho: hình ảnh trong suốt, tệp tin logo, các Icon (biểu tượng), các hình ảnh với văn bản có đồ họa, các hình ảnh phức tạp như có hiệu ứng bóng đổ (shadow), ảnh trong quá trình sửa chữa

    Ảnh PNG mẫu

    Đây là một ảnh PNG trong giao diện của Photoshop nền trong suốt được thể hiện kẻ caro, khi hiển thị ảnh PNG lên các nền khác nhau thì nền bên dưới ảnh vẫn được hiển thị tại những vị trí trong suốt





    Bài viết khác

    Hướng dẫn nhúng chat fanpage vào website

    Cách tích hợp Facebook Chat vào website như thế nào là đơn giản và nhanh nhất.

    Hướng dẫn nhúng chat fanpage vào website

    WebRTC là gì

    Webrtc được viết tắt từ cụm "Web realtime communication" và được hiểu là giao tiếp với

    WebRTC là gì

    Social Media Meta Tag HTML chuẩn cần có để SEO và chia sẻ

    Các bạn đang thiết kế web hoặc quản trị web chắc hẳn cũng quan tâm đến việc làm sao để

    Social Media Meta Tag HTML chuẩn cần có để SEO và chia sẻ

    Hosting là gì, các dịch vụ hosting hiện có trên thị trường

    Website hiện đang rất phát triển, cho cả nền tảng điện thoại vì vậy dịch vụ hosting là

    Hosting là gì, các dịch vụ hosting hiện có trên thị trường

    Domain là gì, subdomain là gì, có thể tạo được bao nhiêu subdomain?

    Tên miền (domain) là địa chỉ trang web, nội dung mà mọi người gõ vào thanh URL của trình

    Domain là gì, subdomain là gì, có thể tạo được bao nhiêu subdomain?

    RESTful API là gì và thiết kế RESTful API đơn giản

    RESTful API là một tiêu chuẩn dùng trong việc thiết kế API cho các ứng dụng web (thiết kế

    RESTful API là gì và thiết kế RESTful API đơn giản

    Lợi ích của việc sử dụng tên miền lâu năm

    Để đánh giá một Domain (tên miền) hay website có mức độ uy tín cao hay thấp, nhiều giá trị

    Lợi ích của việc sử dụng tên miền lâu năm

    Xu hướng thiết kế giao diện Website năm 2020-2021

    Người dùng ngày càng có kỹ năng sử dụng công nghệ và nhu cầu về trải nghiệm cũng như

    Xu hướng thiết kế giao diện Website năm 2020-2021

    Học lập trình PHP

    Bài 7: Hàm trong PHP
    Bài 7: Hàm trong PHP
    Hàm do người sử dụng định nghĩa cho phép bạn xử lý những tác vụ thường lặp đi lặp lại trong ứng dụng. cách khai báo,
    Bài 6: Session và Cookies trong PHP
    Bài 6: Session và Cookies trong PHP
    Để chuyền biến từ trang web này sang trang web khác như bài trước ta có thể dung biến form, nhưng như vây hơi phức tạp để
    Bài 5: Làm việc với biến form trong PHP
    Bài 5: Làm việc với biến form trong PHP
    Biến form trong PHP được biết đến như một loại biến, thay vì khai báo thì biến đó chính là tên của thẻ nhập liệu trong
    Bài 4: Phép toán và biểu thức có điều kiện trong PHP
    Bài 4: Phép toán và biểu thức có điều kiện trong PHP
    Trong bài học này các bạn sẽ tìm hiểu các phép gán, các toán tử, đồng thời giúp cho các bạn hiểu thêm vào các phát biểu
    Bài 3: Hằng trong PHP
    Bài 3: Hằng trong PHP
    Trong bài này, chúng ta tìm hiểu cách khai báo hằng, biến và sử dụng hằng biến. Ngoài ra, bạn cũng tìm hiểu cách chuyển
    Bài 2: Kiểu dữ liệu trong PHP
    Bài 2: Kiểu dữ liệu trong PHP
    Tìm hiểu cơ bản về các kiểu dữ liệu trong ngôn ngữ lập trình PHP, các kiểu dữ liệu thông thường và được sử dụng
    Bài 1: Cú pháp cơ bản trong ngôn ngữ PHP
    Bài 1: Cú pháp cơ bản trong ngôn ngữ PHP
    Về cơ bản ngôn ngữ lập trình PHP là ngôn ngữ dễ sử dụng, thông dụng hiện này, mạnh mẽ, vì là mã nguồn mở được

    Đề thi tham khảo