Kích thước ảnh chuẩn trên website? Tác hại nếu sai lệch?

Kích thước ảnh chuẩn trên website ảnh hướng trực tiếp đến tốc độ tải trang web – là một yếu tố quan trọng để Google đánh giá thứ tự trang web trên bảng xếp hạng SEO. Nhưng đôi việc tối ưu nó lại thường bị bỏ qua do các designers chưa hiểu biết về kích thước ảnh chuẩn trên website như thế nào và tầm quan trọng của nó. Vậy thì hôm nay bài viết của Vinalink Media sẽ cung cấp cho bạn kiến thức đầy đủ nhất về vấn đề này và cách tối ưu kích thước ảnh giúp tăng hiệu quả SEO!

Kích thước ảnh chuẩn trên website sai lệch dẫn đến nhiều tác hại

Theo HTTP Archive, tính đến tháng 8/2019 thì hình ảnh chiếm hơn 60% tổng dung lượng của một trang web. Nên nếu bạn để kích thước ảnh quá lớn thì bạn sẽ phải gặp rất nhiều những vấn đề:

• Kích thước ảnh lớn tương đương với dung lượng lớn, khiến website bị nặng và dẫn đến tốc độ tải trang chậm và như vậy thì tỉ lệ khách hàng thoát trang của bạn để truy cập vào một web khác sẽ rất lớn.
• Phải tốn chi phí nâng cấp dung lượng Hosting do nhanh hết.
• Mất nhiều thời gian để tạo bản sao lưu Backup.
• Kích thước ảnh lớn thì sẽ phải sử dụng nhiều băng thông hơn, trong khi google lại đánh giá thấp điều này.

Vậy thì kích thước ảnh chuẩn trên website là bao nhiêu?

Hãy chắc chắn là bạn đã chỉnh sửa kích thước hình ảnh trước khi đăng lên website nhé. Sau đây sẽ là các thông số về kích thước ảnh chuẩn trên website:

1. Kích thước ảnh chuẩn ở trang chủ website

• Ảnh Slider website: 1360 pixel x 540 pixel.

2. Kích thước ảnh chuẩn trong bài viết:

• Ảnh minh họa: 300 x 188 pixel
• Ảnh chi tiết: 800 x 500 pixel.

3. Kích thước ảnh chuẩn bên trong sản phẩm

• Ảnh minh họa: 300 x 400 pixel.
• Ảnh chi tiết thì kích thước gấp đôi: 600 x 400 pixel.

Thật ra bạn có thể thay đổi kích thước ảnh chuẩn trên website nhưng chỉ sai số nhỏ so với kích thước ảnh chuẩn vì nếu thay đổi quá nhiều thì website của bạn sẽ gặp phải vấn đề như đã đề cập ở trên đó.

Các công cụ giúp resize kích thước ảnh sản phẩm chuẩn trên website

Dưới đây sẽ là những công cụ để resize lại kích thước ản hay được sử dụng nhất:

Điều chỉnh bằng Paint trên Window

Đây là cách đơn giản và nhanh nhất vì Paint là công cụ mà tất cả các hệ điều hành Window nào cũng có.

• Bước 1: Mở công cụ Paint trên máy tính của bạn.
• Bước 2: Vào File chọn Open và tải lên bức ảnh mà bạn muốn resize.
• Bước 3: Sau khi đã tải xong bức ảnh, bạn chỉ cần chọn Resize ở góc trên bên trái màn hình, khi đó một hộp thoại mở ra. Bạn chọn đơn vị là Pixel và tích bỏ mục “Maintain aspect ratio” nếu bạn không muốn bức ảnh vị ràng buộc về tỉ lệ. Sau đó nhập thông số kích thước ảnh chuẩn vào hộp thoại.

• Bước 4: Cuối cùng bạn chỉ cần nhấn OK rồi Ctrl + S để lưu lại bức ảnh.

Bạn có thể chỉnh sửa ngay trên nên tảng WordPress

• Bước 1: Bạn chỉ cần kích chuột vào “Thêm Media” và chọn hình ảnh để tải lên
• Bước 2: Kích chuột vào hình ảnh và chọn biểu tượng hình chiếc bút – chế độ chỉnh sửa.

  

• Bước 3: Hộp thoại chi tiết hình ảnh mở ra. Ở mục “Cài đặt hiển thị” chọn “Kích cỡ” → “Tùy chỉnh kích thước” sau đó chỉnh kích thước ảnh theo ý bạn và cập nhật là bạn đã hoàn thành việc resize kích thước ảnh chuẩn trên website.

Ngoài ra bạn cũng có thể sử dụng các phần mềm hoặc ứng dụng như:

Adobe Photoshop, Canva, Fotor hoặc Pixlr để chỉnh sửa cũng khá đơn gian và nhanh chóng.

Lưu ý quan trọng khi chỉnh sửa ảnh đăng lên website

Trước khi đưa ảnh lên trên website thì bạn nhất định phải tối ưu những yêu tố này:

• Ngoài yếu tố kích thước thì dung lượng ảnh cũng rất quan trọng: dung lượng mỗi bức ảnh không nên vượt quá 100KB để đảm bảo tốc độ tải trang.
• Nếu đặt ảnh bìa thì không nên copy nguyên hình sản phẩm mà nên là các tấm hình thuộc tính nhãn hiệu.
• Đặt tên cho hình ảnh của bạn bằng tiếng Việt không dấu, nội dung có chứ từ khóa liên quan tới tên bài viết/sản phẩm của bạn. Google thường sẽ chỉ đọc theo dạng tên như “Dich-vu-seo” thay vì “Dịch vụ seo”. Tên hình ảnh không nên chứa các ký tự đặt biệt như #, $, /, *, ?
• Thẻ alt hình ảnh cũng phải chứa từ khóa của bài viết vì đây chính là nội dung dùng để thay thế cho hình ảnh khi nó không hiển thị được hoặc để chế ở độ ẩn trong trình duyệt. 
• Nên chọn định dạng ảnh là PNG vì hình ảnh PNG rõ nét, hình ảnh chân thực và đa dạng màu sắc nên định dang này được dùng khá là nhiều, và nó thường là tệp dạng thiết kế. Trong khi hình ảnh JPEG mặc dù dung lượng thấp nhưng chất lượng hình ảnh lại kém. Còn GIF sẽ làm giảm tốc độ tải trang do dung lượng hình ảnh cao và chỉ nên sử dụng khi tạo chuyển đổi hay tạo nút cho bài post.

Kết luận

Vậy là tới đây thì Vinalink Media đã giúp bạn biết được tầm quan trọng của kích thước ảnh chuẩn trên website. Không chỉ vậy, đừng quên tối ưu hình ảnh SEO với những yếu tố liên quan đến hình ảnh như dung lượng, tên ảnh, thẻ Alt, và định dạng nữa để tạo nên một bức ảnh hoàn chỉnh và góp phần tăng hiệu quả SEO cho website của bạn nhé.