Tips post bài online - Lesson 1 - Tối ưu ảnh

Hi all,

Với mục tiêu tăng view cho Insights, cũng như đảm bảo website được ranking tốt trên Google, post bài thường xuyên là một chiến lược. Với 1 bài viết đã có sẵn nội dung, thì phần lớn thời gian chúng ta sẽ dành cho việc tìm kiếm ảnh & tối ưu ảnh. Trong đó tối ưu ảnh là một phần việc quan trọng, để đảm bảo Speed Loading Site thấp, khách hàng ko bị chờ lâu, ko bị Google trừ điểm.

Mình sharing lại cách tối ưu ảnh ở đây.

Công cụ mình dùng: Macbook, TinyPNG, Webflow (platform hiện tại của Insight)

1. Check dung lượng ảnh sau khi down về máy

Click chuột phải & check thông số ảnh.
Trong đó có 2 thông số quan trọng:

2. Với Macbook, chúng ta có công cụ của Photo để resize được ảnh theo Pixels luôn


anh8
Ví dụ như bức ảnh trên, gốc có kích thước khá lớn, trên 2000 width. Chúng ta resize về 1000 width là okay. Ảnh số 2 cho thấy, sau khi chỉnh width, kích thước xuống từ 496 còn 149.

3. Muốn giảm tiếp dung lượng, dùng tool TinyPNG để chỉnh

Ảnh trên cho lên TinyPNG thi tiếp tục được giảm nữa.

Vậy là cái ảnh cuối cùng đã giảm từ 496 xuống còn 75. Dĩ nhiên khi giảm dung lượng, chất lượng hình ảnh có giảm, tuy nhiên chúng ta cũng cần xác định chúng ta cần chất lượng ảnh như thế nào trong bài viết để vừa đảm bảo yếu tố thẩm mỹ, lẫn việc không bị trừ điểm khi load trang. Hoặc có thể bạn sử dụng 1 trong 2 cách nêu trên (dùng resize hoặc dùng TinyPNG) để tối ưu xuống mức bình thường.

Bài viết published trên Insights: