Phương pháp tối ưu hình ảnh cho website

Phương pháp tối ưu hình ảnh cho website

Tối ưu hình ảnh (image) cho website là một công việc phức tạp. Việc tối ưu hình ảnh cho website thường được tự động hóa bằng hệ thống hỗ trợ riêng, được build sẵn trong hệ quản trị web. Nếu thiếu hệ thống này, việc soạn content của bạn sẽ mất rất nhiều thời gian và công sức.

Sau đây là những tiêu chí cơ bản khi tối ưu hình ảnh cho website:

  1. Hình ảnh phải có tiêu đề hình ảnh, source web phải cho phép bạn tùy chỉnh thông tin này
  2. Hình ảnh phải có mô tả hình ảnh, đây là thuộc tính tùy chỉnh cho image, không phải chỉ là một dòng chữ đơn giản bạn chèn bên dưới hình ảnh!
  3. Hình ảnh phải có khả năng responsive. Khi sử dụng trên các loại thiết bị di động khác nhau, hình ảnh phải có khả năng co giãn cho vừa vặn với màn hình người dùng. Trước hình ảnh, phải là khả năng responsive của website
  4. Đừng đưa text (chữ) vào trong hình ảnh. Thay vì vậy, bạn nên để hình riêng và viết phần text riêng ở phía dưới hay bên trên. Vì Google không đọc được text nằm trong hình ảnh
  5. Hình ảnh phải được tối ưu (hay nén lại) để làm tăng tốc độ load cho page, mà vẫn không làm giảm chất lượng xem hình của người dùng (xem thêm cây hình ảnh ở đầu bài viết)
    • Định dạng gif: hỗ trợ chất lượng hình ảnh rất yếu, nhưng gif là định dạng hình ảnh bắt buộc nếu bạn muốn sử dụng hình ảnh động
    • Định dạng png: hỗ trợ chất lượng hình ảnh rất tốt, và có khả năng tách nền; png chỉ hạn chế ở dung lượng hình, thường sẽ làm cho tốc độ page chậm hơn
    • Định dạng svg: hỗ trợ hình ảnh vector, nếu bạn cần dùng hình ảnh kiểu bản đồ địa lý thì hình ảnh dạng vector svg sẽ giúp người dùng phóng to mà không bị giảm tính sắc nét của hình ảnh
    • Định dạng jpeg: hỗ trợ nén tốt nhất cho hình ảnh, đây là định dạng giúp bạn tăng tốc độ load của page. Khả năng giảm kích thước image đều nằm ở định dạng jpeg