Hướng dẫn cách tối ưu và giảm dung lượng hình ảnh website đơn giản nhất dành cho người mới bắt đầu mà vẫn giữ được chất lượng, độ nét hình ảnh giúp cho việc load ảnh trên website tốc độ hơn, nhanh hơn.

Tối ưu và giảm dung lượng hình ảnh khi sử dụng để viết bài, cập nhật sản phẩm là công việc thường xuyên của administrator website ( Người quản trị website). Tuy nhiên, việc tối ưu & giảm dung lượng hình ảnh làm sao cho đúng kích thước yêu cầu và dung lượng hình tối thiểu mà hình ảnh vẫn sắc nét thì không phải administrator nào cũng làm được.

Việc sử dụng hình ảnh gốc chưa được tối ưu lên website là nguyên nhân dẫn đến tốc độ website bị chậm lại.

Với những người có nhiều kinh nghiệm cho việc xử lý hình ảnh thì việc nén , giảm dung lượng hình ảnh sẽ rất dễ dàng. Nhưng đối với những người mới bắt đầu thì điều này không dễ dàng chút nào. Vậy làm cách nào để có thể tối ưu hình ảnh tốt nhất dành cho administrator mới bắt đầu?

banner-cauhoi

Bạn đừng lo, Thiết kế web itgroup.vn sẽ giúp bạn có được tấm hình tối ưu nhất có thể chỉ bằng 3 bước như sau:

  1. Kiểm tra kích thước chuẩn tối thiểu của hình ảnh mà website bạn cần.
  2. Cách resize hình về kích thước chuẩn.
  3. Nén & giảm dung lượng hình ảnh.

1. Kiểm tra kích thước chuẩn tối thiểu của hình ảnh mà website bạn cần.

Trước tiên bạn cần xác định mình cần tấm hình có kích thước ( rộng x cao) là bao nhiêu.

Ví dụ, mục đích của bạn là viết 1 bài viết tin tức giống bài viết Hướng dẫn cập nhật sitemap cho website, và cần 1 tấm hình hiển thị 100% khung bao bài viết này, chiều cao tùy ý.

B1. Tìm đến hình trong bài viết -> Click chuột phải -> Chọn “Kiểm tra” ( Hoặc bấm Ctrl + Shift + i).

kiem tra kich thuoc hinh

B2. Xác định kích thước hình tối thiểu website cần.

kich-thuoc-hinh-website-can

Bạn có thể thấy thông số 848 x 296 pixels (hoặc 847.5×295.67) nghĩa là chiều rộng tối thiểu của tấm hình này là 848px.Chiều cao thì mình có thể để tự do vì mục đích không có yêu cầu chiều cao. Nếu cần thì bạn xác định tương tự như chiều rộng.

Vậy tấm hình mình cần tối thiểu phải có chiều rộng 848px , mình lấy 850px cho đẹp nhé ! ahihi

2. Cách Resize hình về kích thước chuẩn.

B1. Chuẩn bị hình Đối với những tấm hình chụp bằng máy ảnh, điện thoại thì rất lớn , có những tấm hình 4MB – 5MB nên việc resize về kích thước nhỏ cũng giảm đáng kể dung lượng hình rồi.

hinh-chuan-bi-toi-uu

B2.  Mở chương trình resize hình.

Vì là hướng dẫn cho người mới bắt đầu nên mình sẽ mở hình bằng Paint , còn nếu có thể bạn có thể mở bằng các chương trình khác như Photoshop, Corel….hoặc chương trình sửa ảnh bất kì.

Click chuột phải vào hình -> Open With -> Paint.

mo-hinh-chinh-sua

B3.  Chỉnh kích thước hình.

resize hình ảnh
resize hình ảnh

3. Nén & giảm dung lượng hình ảnh

Mình sẽ thực hiện nén hình OnlineB1.  Truy cập website nén hình online : https://tinypng.com/

Giảm dung lượng hình ảnh
Giảm dung lượng hình ảnh

B2. OKIE !

down-hinh-da-nen-ve-su-dung

Okie, Hình đã giảm được 78% , từ 309.5KB xuống còn 68.1KB. Tuy nhiên ở Bước 2 do lúc Resize đã làm cho tấm hình từ 340KB -> 309.5KB nên thực tế tấm hình giảm được 80% lận.

Kết Luận: Việc giảm dung lượng hình ảnh khi sử dụng để upload lên website sẽ cải thiện được tối đa tốc độ load website của bạn 1 cách đáng kể.

Chúc các bạn thành công!

5/5 - (5 bình chọn)
Index