Showing posts with label nén ảnh. Show all posts
Showing posts with label nén ảnh. Show all posts

Monday, July 8, 2013

Một số công cụ online nén ảnh PNG tốt nhất

Nén ảnh PNG online

Kết quả thí nghiệm từ trang netmagazine cho thấy smushit.com có thể nén ảnh PNG đến 35% mà không làm suy giảm chất lượng bức ảnh. Đây là công cụ online có hệ số nén vào loại tốt nhất dành cho ảnh PNG.

Smushit.com thuộc sở hữu của Yahoo. Cách sử dụng rất đơn giản. Có 2 lựa chọn, một là bạn up ảnh cần nén lên, hai là bạn đưa URL của ảnh vào. Sau đó nhấn Smush, trang web sẽ cho bạn đường link để tải ảnh về. Chú ý là bạn phải tải ảnh về thì mới có ảnh nén, đường link ảnh nén trên smushit.com chỉ là link tạm để bạn tải - tải xong thì họ xóa, do vậy bạn không được dùng link đó để liên kết tới nội dung trong web.

Dưới đây là kết quả sau khi Blog Mạng Lưới Toàn Cầu thử nén một file:

Kết quả thử nghiệm nén ảnh PNG với smushit.com

Theo đó tôi tiết kiệm được 23,34% dung lượng ảnh - bức ảnh mới chỉ còn 28.9 KB. Bạn nhấn vào link ảnh ở khu vực Image để tải ảnh về, cụ thể trong ví dụ này là link mangluoitoancau.png

Khi tôi thử cũng bức ảnh trên với 2 phần mềm nén ảnh PNG đình đám khác là PNGGauntlet và PNGOptimizer thì thấy kết quả cũng tương đương:

Thí nghiệm nén ảnh với phần mềm PNGGauntlet
Bức ảnh mới với dung lượng 28,85 KB không khác mấy 28,9 KB của smushit.com

Bên cạnh trang trên, trang web http://www.punypng.com/ cũng nén ảnh PNG với chất lượng cực tốt. Bạn cứ thử cả hai nhé.

PunyPNG cho hệ số nén ảnh rất cao
PunyPNG thậm chí còn tốt hơn với chỉ 27,071 KB sau khi nén

Phần mềm nén ảnh hàng loạt miễn phí - giảm tới 90% dung lượng

Một ngày đẹp trời vài đứa bạn thân alo rủ bạn đi picnic, và dĩ nhiên bạn không quên mang theo chiếc máy ảnh số thân thương để lưu giữ khoảng khắc đáng nhớ. Cuối ngày, khi về nhà, cô bạn cùng chuyến đi - là bạn của người yêu thằng bạn - nhắn tin: "anh gửi cho em bộ ảnh sáng nay qua email nhé, thanks anh nhiều". Bạn cười tươi nhắn lại: OK!

Có thể giảm tới 90% dung lượng ảnh
Thế nhưng khi cắm thẻ nhớ vào máy tính, với 150 bức ảnh, mỗi bức từ 3MB~4MB, bạn có khoảng 550MB ảnh số! Quá lớn để gửi qua email và cũng rất mất thời gian để up.

Bạn cũng biết chương trình Paint có sẵn trong Windows giúp giảm kích cỡ ảnh qua đó sẽ giảm dung lượng ảnh rất tốt, nhưng Paint lại không làm điều này hàng loạt. Do vậy bạn cần phải có một chương trình nâng cao giúp bạn cùng lúc giảm dung lượng vài chục bức ảnh...

Hôm nay Blog Mạng Lưới Toàn Cầu sẽ hướng dẫn bạn vài phần mềm như thế:

A. Caesium

Phần mềm nén ảnh miễn phí Caesium (tải tại đây) - Bạn chọn một trong hai liên kết ở dưới để tải:

Địa chỉ tải phần mềm

Caesium không mạnh với giảm dung lượng định dạng PNG nhưng lại rất tiện lợi trong việc thu gọn ảnh JPG vốn là định dạng phổ biến của máy ảnh số. Caesium kết hợp 2 việc để giảm dung lượng ảnh:
  • Thu gọn kích cỡ ảnh: thay vì để bức ảnh rất to, rộng đến hơn 2000px hoặc hơn nữa, bạn sẽ có lựa chọn để giảm kích cỡ về giá trị vừa phải.
  • Nén ảnh có suy giảm chất lượng: Caesium sẽ nén ảnh và làm suy giảm chất lượng ảnh ít nhiều tùy vào lựa chọn của bạn. Nếu để chất lượng ảnh sau khi nén bằng 80% chất lượng ảnh gốc bạn có thể giảm đến 50% dung lượng.
Và bây giờ là hướng dẫn cụ thể, trong đó chúng ta sẽ tiến hành giảm dung lượng thực tế với 15 bức ảnh số của tôi với dung lượng tổng cộng 52,9 MB.

Thông tin bộ ảnh

Trước tiên bạn phải đưa các ảnh cần nén vào phần mềm, vì là thêm nhiều chứ không phải chỉ một ảnh nên bạn chọn File > Open Folder để mở thư mục:

Chọn thư mục chứa ảnh

Nhấn Select Folder:

Nhấn Select Folder

Sau đó bạn sẽ thấy danh sách các ảnh được đưa vào với các thông tin, tên ảnh, dung lượng và kích cỡ ảnh tính ra px - như hình dưới bạn có thể thấy hầu hết có dung lượng hơn 3MB và kích cỡ khá lớn:

Thông tin về dung lượng và kích cỡ của ảnh


Bây giờ là phần quan trọng vì nó là các thiết lập liên quan đến quá trình thu nhỏ dung lượng ảnh, phần này nằm phía dưới của phần mềm, đầu tiên là chất lượng nén:

Chọn hệ số chất lượng sau nén

Mặc định chất lượng nén (Quanlity) là 80%, bạn có thể tùy chỉnh tăng giảm con số này cho thích hợp. Lời khuyên của tôi là bạn nên thử nghiệm với 1 bức ảnh rồi sẽ biết được tỷ lệ nén nào dung hòa được giữa dung lượng và chất lượng... Nói chung để đảm bảo an toàn về mặt chất lượng tôi thường chọn từ 85 cho đến 95...Sau đó bạn tick Same for all rồi nhấn Set Quality để tỉ lệ nén tác động đến tất cả bức hình. Trong thí nghiệm này tôi chọn chất lượng là 90.

Phần tiếp theo vô cùng quan trọng là kích cỡ ảnh. Với nén thì cùng lắm bạn giảm được 50% dung lượng ảnh, nếu cố giảm hơn nữa chất lượng lại tệ, nhưng với việc chọn giảm kích cỡ ảnh thì thông thường bạn giảm được từ 66% cho đến 90% dung lượng. Tức là nếu khéo, bức ảnh sau giảm kích cỡ có thể chỉ có dung lượng bằng 1/8 bức gốc! Chất lượng ảnh sẽ không bị ảnh hưởng gì, điều khác biệt duy nhất là ảnh nhỏ đi.

Chọn kích cỡ ảnh

Bạn đánh dấu vào Resize, chọn Percentage (tỉ lệ phần trăm) rồi bạn điền giá trị vào. Bạn nhớ đánh dấu Keep Aspect Ration để nó giữ tỉ lệ chiều rộng và chiều cao như bức ảnh gốc. Rồi bạn tick chọn Same for all, nhấn Apply để tỉ lệ tác động đến tất cả bức hình.

Nói thêm về phần điền giá trị. Cái này là tùy ở bạn, chẳng hạn với mình, các bức ảnh rộng từ 3000px đến 4000px, mình sẽ giảm nó xuống còn 300 - 400 px, vì như thế cũng vừa đủ nhìn. Vậy nên mình điền là 10% (300/3000)... Con số này càng nhỏ bạn càng giảm được nhiều dung lượng, tất nhiên không nên nhỏ quá, nếu nhỏ quá thì bạn lại không nhìn thấy hình!

Khi nhìn lên giao diện phía trên phần mềm bạn sẽ thấy các thiết lập của bạn về Quanlity và Kích Cỡ Mới (New Resolution) đã được ghi nhớ:

Xác nhận thuộc tính của ảnh nén

Cuối cùng là lựa chọn nơi mà các bức ảnh nén sẽ được lưu:

Lựa chọn nơi lưu ảnh nén

Thường thì bạn chọn nơi lưu ảnh nén khác nơi lưu bức ảnh gốc, phòng khi ảnh nén không được đẹp như mong đợi thì bạn vẫn còn ảnh gốc. Đây là thiết lập cụ thể của tôi với 15 bức hình trên:


Cuối cùng bạn nhấn Compress và đợi phần mềm thực hiện xào nấu... Và đây là kết quả khá mỹ mãn - nó giảm được tới 98% dung lượng:

Kết quả sau nén

Tất nhiên không phải bức hình nào bạn cũng giảm được nhiều đến vậy, tỉ lệ cao ở trên là do tôi chọn giảm 10 lần kích cỡ ảnh.

Thay vì 52.9MB tôi chỉ còn 840KB:

Dung lượng giảm tới 98%

Giờ mời bạn chiêm ngưỡng 2 trong số 15 bức, đây là tòa nhà Keangnam - cao nhất Việt Nam, hồi xưa mình đi học qua đây suốt - ảnh Blog Mạng Lưới Toàn Cầu tự chụp đấy :)

Keangnam-01

Keangnam-02

P/S: Nhiều khi bạn không cần giảm chất lượng ảnh (cứ để Quality là 100%) mà chỉ cần giảm kích cỡ ảnh là bạn đã giảm được rất nhiều dung lượng rồi...

B. RIOT - Radical Image Optimization Tool

Bạn có thể tải phần mềm này tại đây. Chương trình có khả năng nén khá tốt. Vì cách thực hiện thì cũng na ná phần mềm trên nên mình không hướng dẫn chi tiết nữa.

Saturday, July 6, 2013

Hướng dẫn sử dụng phần mềm nén ảnh PNG tốt nhất - PNGGauntlet và PNGOptimizer - không suy giảm chất lượng ảnh

Nén ảnh PNG

Cách đây không lâu Blog Mạng Lưới Toàn Cầu có viết một bài về tầm quan trọng của nén ảnh không suy giảm chất lượng, nhưng trong bài đó không có nói đến phần mềm nén ảnh nào cả, đấy là một thiếu sót mà bài viết này và một số bài sau sẽ bổ sung.

Các chương trình ứng dụng bây giờ hay có 2 kiểu - một là phần mềm truyền thống, phải tải về và cài đặt - hai là dịch vụ đám mây, xài online trên mạng. Nén ảnh cũng như vậy. Về nén ảnh PNG online thì Smushit.com và Punypng.com thuộc hàng top đầu.

Thế về phần mềm thì sao? Tôi có khảo sát một vòng thì thấy PNGGauntlet nổi lên là phần mềm nén ảnh PNG tốt nhất, không suy giảm chất lượng, tỷ lệ nén cao và hoàn toàn miễn phí - quả là hiếm có.

Bạn tải phần mềm tại địa chỉ sau: http://pnggauntlet.com/ rồi về cài đặt...Đây là giao diện phần mềm:

phần mềm nén ảnh PNG
Một bức ảnh đang trong quá trình nén...

Bạn có thể kéo thả ảnh vào hoặc dùng chức năng Add Images, phần mềm này nén được nhiều ảnh cùng một lúc. Nếu muốn file nén ra một thư mục riêng thì bạn dùng Output Directory để chọn thư mục - như hình trên, tất cả các ảnh nén của tôi sẽ được đưa vào thư mục có tên abc ở Desktop. Còn nếu muốn file nén ghi đè lên luôn file gốc thì bạn chọn Overwirte Original Files... 

Sau khi đã thêm đủ ảnh bạn nhấn Optimize để bắt đầu nén và ngồi đợi chờ kết quả thôi. Khi nén xong, ở phần New Size nó sẽ cho bạn biết độ lớn của file nén, chỗ % Original Size cho biết file ảnh mới bằng bao nhiêu phần trăm file ảnh cũ, dĩ nhiên cả hai con số này càng nhỏ càng tốt.

Kết quả nén ảnh PNG
Kết quả sau khi nén, ảnh gốc 117.39 KB, ảnh mới 78.98 KB - bằng 67% ảnh gốc - tiết kiệm 33%
Ưu điểm của PNGGauntlet là nén ảnh với hệ số nén rất cao, thường giảm tới từ 30% cho đến 50% dung lượng ảnh mà chất lượng ảnh thì vẫn không ảnh hưởng, tuy nhiên nó có nhược điểm là tốc độ hơi chậm so với các phần mềm khác (máy mình Ram 2GB nên có vẻ khá chậm, Ram lớn hơn chắc chắn sẽ nhanh hơn).

Tiện đây Blog Mạng Lưới Toàn Cầu cũng chia sẻ thêm một phần mềm nén ảnh PNG khác cũng khá tốt, đó là PNGOptimizer, hệ số nén và chất lượng tuy có kém hơn PNGGauntlet chút ít nhưng ưu điểm là tốc độ nén nhanh, giao diện đơn giản, sử dụng tiện lợi và phần mềm nhỏ gọn. Rất thích hợp để nén ảnh chụp màn hình.

Bản thân mình cũng đang dùng phần mềm này để thao tác nhanh chóng với các bức ảnh chụp màn hình. Đơn giản là bạn chỉ việc kéo thả các bức hình vào, các ảnh nén sẽ được tạo ra cùng với thư mục với bức ảnh cũ. Bức ảnh gốc sẽ được đổi tên (thêm dấu gạch dưới vào tên cũ) còn bức ảnh nén sẽ lấy tên của bức ảnh gốc.

Phần mềm nén ảnh PNGOptimizer
Phần mềm nén ảnh PNGOptimizer 
Chỉ trong vòng 1 giây (tốc độ nhanh hơn PNGGauntlet nhiều), mình đã giảm được 25% dung lượng của bức ảnh PNG mà vẫn giữ được chất lượng ảnh rất tốt, bạn hãy so sánh hai bức hình ở dưới:

                   ------------------------------------------------------------------------------------------

Nếu còn quan tâm đến nhiều phần mềm nén ảnh khác, bài viết bằng tiếng Anh này có thể hữu ích với bạn.

Nén ảnh không giảm chất lượng - người thường lẫn dân thiết kế web đều nên biết

Nén ảnh không giảm chất lượng

Nếu từng chụp với máy ảnh kỹ thuật số, bạn sẽ thấy dung lượng ảnh thường rất lớn. Điều này vừa làm tốn không gian trên ổ cứng máy tính của bạn, vừa khó gửi ảnh cho bạn bè qua email. Có lần tôi được ông anh nhờ gửi một tập ảnh cưới cho người bạn của ông - file có dung lượng đến 400MB, giải pháp up lên các dịch vụ chia sẻ file như Dropbox hay Mediafire rồi gửi link tải thì cũng được thôi, nhưng sẽ tốn rất nhiều thời gian để up với đường truyền mạng thông thường như nhà tôi (và đa số mọi người).

Lúc đấy tôi phải kết hợp 2 thứ để giảm dung lượng ảnh - đó là giảm kích cỡ ảnh và nén ảnh không giảm chất lượng, kết quả là tôi có file gần 40MB, và chỉ mất độ 12 phút để up lên email rồi gửi.

Giảm kích cỡ ảnh thì đơn giản rồi nên Blog Mạng Lưới Toàn Cầu sẽ tập trung vào vấn đề Nén ảnh.

Nén ảnh sẽ làm ảnh có dung lượng giảm đi, tuy nhiên nén có 2 kiểu, thứ nhất là nén và chất lượng ảnh cũng giảm (lossy compression), và thứ hai, nén nhưng chất lượng ảnh không giảm (lossless compression).

Kiểu nén ảnh giảm chất lượng
Bức hình bên tay phải chỉ có dung lượng bằng 1/4 hình bên tay trái
Nhưng chất lượng cũng suy giảm hẳn
Đây gọi là nén mất dữ liệu
Giảm dung lượng ảnh mà chất lượng ảnh giảm thì chắc ai cũng hiểu, nhưng làm thế nào giảm dung lượng mà chất lượng lại không giảm?

Để dễ hình dung, tôi sẽ đưa ra ví dụ sau. Chẳng hạn bạn có một căn phòng với khá nhiều đồ đạc và bạn bắt đầu cảm thấy chật chội, bạn muốn căn phòng phải thoáng hơn, thế thì bạn phải làm như thế nào?

Hoặc là bạn phải vứt bớt đồ đạc khỏi căn phòng (nén giảm chất lượng), hoặc là bạn phải bỏ chút công sức ra thu xếp đồ đạc cho gọn gàng ngăn nắp, bạn sẽ không phải vứt đi cái gì cả mà vẫn có thêm không gian - đây chính là nén ảnh mà không giảm chất lượng.

Giờ bạn hãy nhìn 2 bức ảnh dạng .png sau, theo bạn nó có chất lượng khác nhau hay giống nhau:

Bức số 1:


Bức số 2:


Đến cuối bài tôi sẽ trả lời về 2 bức hình này.

Tiêu đề bài viết có nói là cả người thường và dân thiết kế web đều cần quan tâm đến vấn đề nén ảnh - bây giờ tôi sẽ trả lời tại sao.

Đối với người thiết kế web, tối ưu trang web là điều quan trọng bên cạnh thẩm mỹ, tối ưu tức là làm sao để trang web trông vẫn vậy mà lại bớt tốn kém nhất. Ví dụ cũng trang web như thế nếu không áp dụng tối ưu dung lượng sẽ tốn thêm 50MB không gian lưu trữ và 5GB đường truyền hàng tháng, cũng như làm trang web tải chậm hơn. 

Tối ưu dung lượng ảnh là vô vùng quan trọng, vì ảnh là thành phần chính chiếm dung lượng của bài viết, text thường chỉ quanh quẩn cỡ 10KB, còn độ 3 ảnh là thừa sức 60KB, một bài viết thông thường thì ít cũng là 2 bức ảnh. Video và nhạc thì tất nhiên bạn sẽ sử dụng bên thứ ba để lưu trữ, ví dụ như Youtube hay Zing Mp3. Vì vậy trong thực tế nén ảnh và chống hotlink là phần chính giúp tích kiệm băng thông.

Để chứng minh cho việc ảnh chiếm phần lớn lưu lượng web tải về, chúng ta sẽ làm một thí nghiệm nhỏ với trang báo điện tử Vnexpress.net. Chúng ta sẽ lấy một bài viết bất kỳ làm mẫu rồi xem ảnh chiếm bao nhiêu, chữ bao nhiêu. Bài tôi làm thí nghiệm là Cuộc săn lùng Snowden ở sân bay Nga bài này có 3 ảnh và văn bản khá dài. Và sau đây là kết quả:

So sánh giữa ảnh và chữ
Click vào hình để thấy rõ hơn
Kết quả cho thấy 3 bức ảnh chiếm tới 176 KB còn chữ chỉ chiếm 9 KB, tức là chênh lệch nhau hơn 19 lần một chút...

...Google có một ứng dụng để kiểm tra khả năng tối ưu của trang web, đó là Google speed test, tôi sẽ dùng chính trang web của tôi để xem thế nào. Kết quả cho thấy tốc độ đạt 96/100 - như vậy là tốt, nhưng Google vẫn gợi ý là tôi còn chưa tối ưu hóa hình ảnh:

Click vào hình để thấy rõ hơn
Bạn có thể thấy trong đó Google liệt kê cho tôi một số bức hình mà tôi có thể giảm từ 30% đến 50% dung lượng ảnh, tương đương với vài chục KB tùy bức - quả là một con số không hề nhỏ. Như vậy nếu tôi tối ưu ảnh đủ tốt, thì theo kết quả phân tích, tốc độ sẽ nhanh hơn khoảng 25% đến 30%...

Như ở phần đầu Blog Mạng Lưới Toàn Cầu có hứa với bạn là sẽ trả lời về 2 bức hình giống nhau, câu trả lời là 2 bức hình đó có chất lượng hoàn toàn như nhau, nhưng trong đó có một bức được tạo ra từ việc nén không mất chất lượng từ bức còn lại, nó đã giảm được 51% dung lượng so với bức gốc !!! Giờ thì bạn đoán tiếp xem đâu là bức ảnh nén nhưng không giảm chất lượng còn đâu là bức ảnh gốc :)

Xem thêm: