Tối ưu hóa hình ảnh theo lời khuyên của google

Mình xem sơ qua thì thấy có một chút nhỏ về hình ảnh:
1. Hình thumb trên slide của bạn có chiều gốc rộng là 600px, trong khi khung hình chỉ có chiều rộng là 505px.
2. Các hình thumb còn lại có width gốc = 300px; trong khi khung chỉ rộng 190px hay 210px

Như vậy nếu số lượng hình nhiều thì bạn cũng lãng phí băng thông rồi đấy, bạn nên resize lại cho đúng cái mình cần dùng.

Góp ý của mình ở trên chỉ tập trung vào việc tối ưu hình, có nghĩa là cùng một cảm nhận của người dùng nhưng tốc độ load tốt hơn, còn để hình to hơn, nhỏ hơn thế nào cho đẹp thì nó thuộc về thiết kế, ngoài phạm vi của nội dung mình đang bàn. Thx bạn

 

không biết forum vbb thì với chỉ số bao nhiêu là đạt nhỉ ?

 

Cái này chắc các coder mới hiểu và làm như thế nào. Bản thân chúng ta khi upload ảnh lên web thì càn chú ý đến kích thước ảnh thôi. Trong Photoshop nếu chúng ta sửa 1 ảnh và lưu lại nó sẽ hiển thị lên 1 bảng có chỉ số từ 1 - 12 đó, thấy thằng bản coder của mình nói là chỉ nên lưu mức 8 chứ mức 9 - 12 thì GG nó sẽ nhận diện là ảnh không tối ưu kích thước gì đó ( lưu ra file nặng hơn 1 tí)
p/s: Còn đây là một website đã tối ưu trang chủ hoàn chỉnh theo Page Speed Insights mà google đề xuất. Mang ra khoe tí thôi chứ cái này toàn do coder làm

 

Seo top hình ảnh lên google, ngoài chèn thẻ alt và text ngay gần hình ảnh thì còn kỹ thuật khác không hả mọi người?

 

Theo mình nghĩ hình vừa mắt và cân đối là được, vừa dễ nhìn vừa load nhanh. và còn một yếu tố nữa là thẻ alt ( rất quan trọng khi bạn SEO hình ảnh).

 

theo mình ảnh có dung lượng vừa phải sắc nét là ok không cần ảnh phải quá to hay quá nặng giúp web index nhanh là được

 

cái này mình đã từng làm và rất hiệu quả, các bạn hãy thừ.

 

cái này là dùng code để nén. ae seoer thì bó tay rồi. Mình đang check trên google tool mà điểm thấp quá. ai có bài hướng dẫn để tự làm nào ko

 

Cái đó là chính xác rồi khi tạo thumnail thì giá trị quality mặc định là 85, nên giảm xuống như bác là ok.

 

Các bạn nên nén hình ảnh chứ không phải chỉnh lại kích thước ảnh!