Kinh nghiệm tối ưu dung lượng hình ảnh

Tối ưu dung lượng hình ảnh là việc làm quan trọng cần lưu ý khi lưu trữ và chia sẻ online, đặc biệt là các website thương mại điện tử hoặc các trang tin tức.

Bài viết này mình chủ yếu đề cập tới vấn đề về tối ưu hình ảnh cho các website.

Tối ưu hóa dung lượng hình ảnh hiểu đơn giản là Nén dung lượngĐổi kích thước của ảnh (Resize)

Nén và thay đổi kích thước ảnh rất quan trọng

Lợi ích của tối ưu dung lượng hình ảnh

Ngoại trừ bạn là dân nhiếp ảnh thích các file ảnh gốc (Raw) chất lượng cao để chỉnh sửa, thì các trường hợp còn lại nếu không quá cần thiết thì chúng ta nên tối ưu chúng.

Đối với máy tính: Tối ưu dung lượng ảnh giúp giảm dung lượng của ổ cứng, giảm việc lag, giật khi mở hình ảnh, dễ dàng chia sẻ cho người khác và đảm bảo các máy tính yếu vẫn có thể mở được hình ảnh của bạn.

Đối với website: Tối ưu hình ảnh quan trọng hơn rất nhiều, nó giúp website load nhanh hơn, giảm dung lượng hosting, băng thông và nhiều vấn đề khác liên quan đến bán hàng.

Tối ưu hóa dung lượng hình ảnh góp phần tăng tốc độ website

Tối ưu dung lượng hình ảnh như nào?

Trong các định dạng ảnh phổ biến JPG, GIF, PNG thì đuôi JPG là nhẹ nhất, nếu như chúng ta không có nhu cầu làm ảnh động (GIF) hay ảnh có chứa nền trong suốt (PNG) thì nên chọn đuôi JPG để giảm tối đa dung lượng ảnh.

* Nếu bạn muốn up ảnh lên Facebook thì không cần nén cứ để độ phân giải cao nhất có thể và để định dạng PNG sẽ giúp hình ảnh giữ nguyên chất lượng tốt nhất.

Định dạng JPG nén dung lượng ảnh tốt nhất, còn PNG lại có dung lượng khá lớn.

CÓ 2 DẠNG TỐI ƯU DUNG LƯỢNG ẢNH.

Dạng 1. Chỉ nén dung lượng ảnh

Nếu muốn giảm dung lượng mà không thay đổi kích thước (size) ảnh thì áp dụng một trong các cách sau:

– Cách 1: Sử dụng website nén ảnh online miễn phí: Tinypng , Imagecompressor hoặc Kraken 

Giảm dung lượng hình ảnh với Tinypng.com

Công việc đơn giản chỉ là upload hình ảnh lên và tải về, mỗi lần tối đa là 20 hình ảnh.

** Một số bạn thông minh phát hiện ra cách upload hình ảnh lên facebook và tải xuống :D, bởi vì mặc định FB họ auto nén mọi hình ảnh được up lên, cách này đơn giản nhưng mất thời gian, nếu có ít ảnh thì có thể áp dụng cách này ^^

– Cách 2: Nén ảnh trong Photoshop:

Dùng Photoshop để điều chỉnh dung lượng ảnh xuất ra

Nếu biết tận dụng Photoshop chúng ta sẽ có khá nhiều giải pháp, nén từng ảnh một hoặc nén ảnh hàng loạt (nén cả thư mục ảnh).

+ Nén từng ảnh một trong Photoshop:

Mở hình ảnh và lưu lại bằng “Save for web“:

Vào File -> (Export) -> Save for Web hoặc phím tắt: ALT + CTRL + SHIFT + S

Save for Web trong Photoshop

Chọn định dạng JPEG, và chất lượng (Medium hoặc High), cuối cùng bấm Save để lưu lại ảnh mới.

+ Nén ảnh hàng loạt trong Photoshop:

Cách này cho phép bạn nén dung lượng của toàn bộ ảnh trong 1 thư mục ảnh bất kỳ.

Xem chi tiết tại: Nén ảnh hàng loạt với Photoshop

– Cách 3: Nén ảnh cho website dùng wordpress:

Plugin tự động nén ảnh khi upload và có thể tối ưu các file ảnh cũ hơn trong thư viện.

EWWW Image Optimizer – Plugin nén ảnh miễn phí rất tốt

Các Plugin như: Wp SmushEWWW Image OptimizerKraken.ioCompress JPEG & PNG images

=> Các plugin đều có bản miễn phí cho phép nén số lượng nhất định trong tháng, nếu có quá nhiều ảnh thì nên nâng cấp bản trả phí để được nén nhiều hơn.

Dạng 2. Giảm kích thước kết hợp Nén dung lượng ảnh

Các ảnh chụp bằng các thiết bị chuyên dụng như máy ảnh DSLR hay điện thoại chụp 4K, 8K..v.v.v sẽ cho ra các bức ảnh có độ phân giải hay kích thước (size) rất lớn.

Ảnh chụp từ thiết bị ảnh chuyên dụng có độ phân giải và dung lượng rất lớn

Thật sai lầm nếu như chúng ta đăng những tấm ảnh như này lên website vừa tốn tài nguyên vừa làm website load chậm, mà load chậm với lâu thì khách hàng out ra hết.

Với các website bán hàng, hay blog tin tức thì hình ảnh sản phẩm và ảnh bài viết chúng ta nên để kích thước chiều ngang tầm 600-1000px là hợp lý, tùy theo bố cục của website.

(Nên nhờ coder, hay người quản lý website tư vấn về kích thước hình ảnh nếu không am hiểu)

– Cách 1: Nén và resize ảnh bằng photoshop

  • + Resize từng ảnh trong Photoshop

Mở hình ảnh trong Photoshop,

Vào Menu Image -> Image Size phím tắt CTRL + ALT + I

Image Size trong Photoshop

Điều chỉnh kích thước của ảnh cho hợp lý:

Chọn kích thước hay độ phân giải của ảnh

– Cuối cùng lưu lại bằng “Save for web” giống cách trên:

+ Vào File -> (Export) -> Save for Web hoặc phím tắt: ALT + CTRL + SHIFT + S

+ Chọn định dạng JPEG, và chất lượng (Medium hoặc High), cuối cùng bấm Save để lưu lại ảnh mới.

  • + Nén và resize ảnh hàng loạt trong Photoshop

Nếu như làm thủ công từng ảnh mất nhiều thời gian thì chúng ta có thể tham khảo bài viết: Nén và resize ảnh hàng loạt bằng Photoshop.

=> Nếu bạn không dùng Photoshop thì chuyển qua 2 cách dưới đây:

– Cách 2: Phần mềm resize ảnh

Phần mềm nhỏ gọn giúp nén và thay đổi kích thước ảnh nhanh chóng và không cần cài đặt và sử dụng cực kỳ đơn giản:

Tham khảo: Phần mềm nhỏ gọn giúp nén và resize ảnh hàng loạt

– Cách 3: Các website resize ảnh

Một số website hỗ trợ resize ảnh: PicresizeResizeimageBefunky

Nhược điểm: Thao tác không được nhanh, nếu như có ít ảnh chúng ta có thể dùng các website online như trên.

Hãy chọn một cách phù hợp cho mình nhé, chúc các bạn thành công!

Bình luận của bạn