Showing posts with label đồ họa. Show all posts
Showing posts with label đồ họa. Show all posts

Sunday, September 8, 2013

Iconfinder.com - nơi chứa hơn 300 ngàn icon miễn phí và trả phí

iconfinder

Có 3 cách để có một thứ gì đó: một là bạn tự làm ra nó, hai là bạn bỏ tiền túi ra mua và cuối cùng - cái mà ai cũng hào hứng - bạn có nó hoàn toàn miễn phí!

Rất khó để kiếm được một chiếc xe máy miễn phí, nhưng rất dễ để có được một cuốn e-book free, ảnh số free và cả chủ đề chính của chúng ta ngày hôm nay - icon free nữa. Thực ra với những sản phẩm công nghệ số bạn dễ tìm được thứ miễn phí mà lại hoàn toàn hợp pháp.

Các icon nói nôm theo tiếng Việt là các biểu tượng - ví dụ như icon của các trang web như Facebook, Youtube, hoặc icon của các nút lên, xuống, trái, phải...

Nếu bạn tự vẽ ra được các icon đẹp thì rất tốt, còn không trên mạng chúng ta có cả một kho rất lớn các icon lung linh mà không tốn một xu - tất nhiên có cả trả phí nhưng miễn phí là đủ cho đa số nhu cầu rồi.

Trang https://www.iconfinder.com/ là một trong những trang tốt nhất trong lĩnh vực này, dưới đây là mấy icon free tôi lấy được từ iconfinder:

Facebook

Google

Youtube

Muốn tìm icon nào thì bạn gõ tên của nó vào ô tìm kiếm, dĩ nhiên là bạn phải gõ tiếng Anh chứ không phải tiếng Việt.

Sau đây là một số tùy chọn:
Định dạng:
Định dạng icon
Bạn có thể để Bất cứ định dạng nào (Any format) hoặc chọn Vector
Nếu có ý định dùng ngay và luôn thì bạn để Any format là OK, nếu định chỉnh sửa "mông má" lại thì nên chọn Vector.


Giá:
Chọn free
Đây là về phần giá - dĩ nhiên là chúng ta để Free - nếu "nhà có điều kiện" thì bạn để
Any Price hoặc Premium để mua các icon đẹp hơn nữa.


License:
Quyền sử dụng
Nếu bạn dùng với mục đích phi thương mại (kiểu như blog -trang web cá nhân)
không kinh doanh buôn bán thì không cần quan tâm đến mục này.
Nếu bạn dùng với mục đích thương mại thì cần quan tâm - chẳng hạn bạn dùng icon trên cuốn sách
rồi cuốn sách đó bạn đem bán - đó là mục đích thương mại.
Bạn có các tùy chọn miễn phí và không phải để lại liên kết ngược hoặc miễn phí buộc phải để lại liên kết ngược về trang chủ của tác giả thiết kế.
Tùy vào điều kiện sử dụng của người tạo ra icon miễn phí - họ cũng có thể chỉ miễn phí icon đó với mục đích phi lợi nhuận.

Kích thước:
Tùy chọn kích thước icon khi tìm kiếm
Tiếp theo là kích thước - không có nhiều điều để nói - bạn có thể thấy rất rõ ràng.
Có các tùy chọn kích cỡ từ nhỏ đến lớn với đơn vị được đo là px.

Dưới đây là một ví dụ cụ thể, chẳng hạn tôi tìm icon arrow (kiểu mũi tên lên xuống trái phải), kết quả tôi chọn icon sau:
Các định dạng của icon
Bạn chọn một trong 3 định dạng trên để tải về dùng (PNG, ICO và ICNS), hoặc cả 3 nếu thích.

Tiếp theo là các kích cỡ khác của icon (không phải icon nào cũng có phần này - một số icon chỉ có một hoặc hai kích cỡ - khi ấy nếu muốn kích cỡ khác bạn tải về và chỉnh sửa lại bằng phần mềm - định dạng vector có thể phóng to lên mà không bị mờ, các định dạng khác chỉ nên thu nhỏ):

Các kích cỡ khác của icon

Cuối cùng ở bên tay phải là các thông tin về icon đó:

Thông tin của icon

Với icon này bạn chỉ được phép sử dụng vì mục đích phi lợi nhuận (Free for non commercial use). Tác giả của icon này là Oliver Scholtz kèm địa chỉ trang web. Số lần tải về là 14,073 lần. Kích cỡ cụ thể đang là 128 x 128 pixels.

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.

Sunday, July 7, 2013

So sánh định dạng ảnh JPG và PNG về dung lượng và độ nét

JPG và PNG lên bàn cân

Trong thí nghiệm này tôi sẽ chụp màn hình cùng một đối tượng sau đó đưa vào Paint rồi save lại thành 2 định dạng là JPG và PNG, tiếp đến chúng ta so sánh độ nét cũng như dung lượng lưu trữ.

A. Trên nền đồng màu và có nhiều chữ

Với điều kiện trên tôi chụp màn hình chính trang Blog Mạng Lưới Toàn Cầu. Kết quả cho thấy định dạng PNG không chỉ cho ảnh nét hơn mà dung lượng lưu trữ cũng nhỏ hơn.

Ảnh định dang PNG tốt hơn JPG trên nền đồng màu và có nhiều chữ
Trền nền đồng màu nhiều chữ, định dạng PNG tỏ ra vượt trội JPG

B. Một bức ảnh thiên nhiên với màu sắc đa dạng

Tôi vào Flickr để tìm một bức ảnh thiên nhiên với màu sắc đa dạng, sau đó save lại với 2 định dạng. Tôi chọn bức ảnh núi non của tác giả claudius1954. Kết quả là chất lượng ảnh tương đương nhau, tôi không phân biệt được bằng mắt thường cái nào chất lượng khá hơn. Nhưng về dung lượng, không như thí nghiệm trước, lần này định dạng ảnh JPG tỏ ra nhẹ nhàng hơn hẳn PNG.

Định dạng JPG tỏ ra tích kiệm hơn về dung lượng so với PNG
Với ảnh nhiều màu sắc, lưu bằng JPG tích kiệm hơn PNG tới gần 5 lần trong thí nghiệm trên
Ngoài lề:

...Vẫn biết ảnh PNG và JPG được sử dụng phổ biến trên web, nhưng sao chúng ta không tự khảo sát vài trang web lớn trong nước nhỉ, xem tình hình họ sử dụng các định dạng ảnh như thế nào? Chúng ta sẽ khảo sát 3 trang là Vnexpress.net, Dantri.vn và Vietnamnet.vn



Kết quả cho thấy định dạng ảnh được sử dụng nhiều nhất là JPG - nó chiếm tỉ lệ vượt trội, 2 định dạng ảnh còn lại là PNG và GIF thì PNG nhiều hơn một chút, Vietnamnet không sử dụng GIF mà sử dụng BMP.

Thêm mắm thêm muối một chút: Blog Mạng Lưới Toàn Cầu nhận thấy ảnh PNG có hệ số nén (mà không suy giảm chất lượng) tốt hơn ảnh JPG. Ảnh PNG có thể nén đến 50% dung lượng mà chất lượng vẫn không hề suy chuyển, trong khi đối với JPG con số này chỉ ở dưới ngưỡng 25%.

Saturday, July 6, 2013

Các cách giảm dung lượng ảnh hiệu quả nhất

Giảm dung lượng ảnh hiệu quả nhất

Giảm dung lượng ảnh là mối quan tâm chung của mọi người, bạn không muốn hàng nghìn bức ảnh ngốn mất không gian ổ cứng, bạn cũng không muốn chờ hàng tiếng đồng hồ để chia sẻ các bức hình của mình cho người thân hay khiến người đọc cảm thấy mệt mỏi mỗi khi duyệt trang web. Hôm nay Blog Mạng Lưới Toàn Cầu sẽ chia sẻ chi tiết những cách hiệu quả nhất để giảm dung lượng các bức hình cồng kềnh.

A. Đơn giản nhất nhưng hiệu quả nhất là giảm kích cỡ ảnh.
Bức ảnh gốc của bạn có độ rộng lên tới 2000px hay 3000px? Nếu không phải trường hợp đặc biệt, thì đa số mọi người không cần đến độ rộng như vậy để xem ảnh của bạn. Vì vậy hãy giảm kích cỡ ảnh xuống kích cỡ mà bạn thấy hợp lý thay vì để ảnh quá to. Paint là phần mềm có sẵn trên máy tính Windows giúp bạn làm điều này theo cách rất dễ dàng.

B. Nén ảnh
Nén ảnh có 2 kiểu là mất chất lượng và không mất chất lượng. Nén mất chất lượng có thể cho bạn bức hình có dung lượng nhỏ hơn bức gốc tới 10 lần, nhưng cái gì cũng có giá của nó, bức hình sẽ trông không được đẹp như bức gốc nữa. Còn nén ảnh không giảm chất lượng thường chỉ cho khả năng giảm dung lượng từ 15% đến 50% tùy định dạng ảnh và bức hình cụ thể, nhưng chất lượng thì không thay đổi chút nào. Nếu hình ảnh của bạn, chất lượng cần đặt nên hàng đầu thì dĩ nhiên bạn chỉ nên dùng cách nén không giảm chất lượng. Về mặt công nghệ nén ảnh không giảm chất lượng là khó hơn.

C. Cắt bỏ những phần không cần thiết của bức ảnh
Đôi khi không phải toàn bộ bức ảnh là cần thiết, khi ấy bạn hãy bỏ đi những phần thừa, điều đó cũng làm giảm đáng kể dung lượng ảnh. Giả dụ nếu phần thừa là 30% bức ảnh, thì cũng có nghĩa là bạn cắt giảm được khoảng 30% dung lượng. Tuy nhiên trong thực tế với những bức ảnh chụp sinh hoạt thì ta ít dùng cách này, chủ yếu áp dụng với ảnh chụp màn hình kiểu hướng dẫn sử dụng phần mềm - ví dụ như bài này.

Giờ chúng ta sẽ làm một vài thí nghiệm, kiếm một bức ảnh rồi tiến hành các biện pháp trên để xem kết quả thế nào nhé.

Tôi lấy bức hình chụp đợt đi du lịch với mấy người bạn làm thí nghiệm, nó là ảnh định dạng JPG, có kích cỡ 2592px * 1728px, và dung lượng 1.95MB.


Nhận thấy kích cỡ như vậy là lớn không cần thiết, tôi sẽ dùng Paint để giảm chiều rộng xuống 1000px. Vì đã trình bày kỹ cách dùng Paint để giảm kích cỡ ảnh ở bày này nên giờ tôi không trình bày lại. Kết quả sau khi giảm kích cỡ chiều rộng xuống 1000px tôi có ảnh có dung lượng là 233KB - giảm khoảng 8,5 lần so với bức gốc.


Tiếp theo tôi sử dụng phần mềm nén ảnh để xem còn giảm dung lượng ảnh được đến bao nhiêu nữa. Đầu tiên là nén ảnh giảm chất lượng, tôi dùng phần mềm miễn phí Caesium để thực hiện việc này, theo đó, tôi để bức hình nén có chất lượng bằng 80% bức hình gốc, rồi tiến hành nén.


Kết quả là tôi giảm được 51% dung lượng ảnh - lưu ý là để đạt được kết quả khá ấn tượng này tôi đã phải chấp nhận mất 20% chất lượng ảnh.


Giờ tôi sẽ tải cả 2 bức hình lên đây để bạn so sánh, với kích cỡ 1000px thì bạn phải click vào hình để nhìn rõ:

Bức ảnh khi chưa nén:


Bức ảnh sau khi nén giảm chất lượng:


Mặc dù nén tương đối tốt nhưng có thể thấy là bức hình sau nén suy giảm chất lượng khá rõ rệt, bằng mắt thường cũng đã nhận ra và tôi không muốn đưa bức hình kém chất lượng này cho bạn bè coi...Do vậy nén suy giảm chất lượng bạn cần đặc biệt chú ý đến giá trị của chất lượng - vì có giảm dung lượng mà ảnh xấu quá thì cũng không để làm gì, theo cá nhân tôi với phần mềm Caesium bạn nên để giá trị này khỏng 90.

Bây giờ chúng ta tìm giải pháp khác là nén không giảm chất lượng, tôi dùng phần mềm miễn phí FileOptimizer để làm việc này. 


Kết quả cho thấy tôi chỉ giảm được 10% dung lượng ảnh - hơi thất vọng một chút và có lẽ không được như bạn mong chờ, nhưng đó là điều phải chấp nhận để chất lượng ảnh vẫn giữ nguyên. 

Tổng kết: Như bạn đã thấy, thủ thuật đơn giản nhất nhưng hiệu quả nhất để giảm dung lượng là giảm kích cỡ ảnh - điều này đặc biệt hiệu quả với những bức ảnh chụp bằng máy kỹ thuật số vốn hay cho ra các bức hình to bự. Nén ảnh là biện pháp cũng rất hiệu quả. Tuy nhiên đối với ảnh JPG nén không suy giảm chất lượng không hiệu quả lắm, nó chỉ cho ta kết quả giảm dung lượng từ 10% đến 20% tùy vào phần mềm và bức ảnh cụ thể. Còn với nén suy giảm chất lượng thì dù có khả năng biến một bức ảnh bự con thành anh chàng tí hon nhưng lại làm chất lượng ảnh giảm đi nhiều. Nén là biện pháp có hiệu quả với ảnh PNG hơn là JPG.

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: