Vì sao Slide ảnh bị méo, vỡ hình, load chậm?

A. Nguyên nhân

Slide bị méo, vỡ hoặc load chậm thường đến từ các nguyên nhân sau

• Ảnh quá bé khiến slide bị vỡ hạt khi phóng to
• Ảnh quá to khiến dung lượng quá lớn làm ảnh hưởng tới tốc độ tải trang
• Tỷ lệ khung hình không phù hợp khiến ảnh bị bóp méo gây vỡ giao diện

B. Cách khắc phục khi bị méo hình

1. Cách xác định kích thước chuẩn

Mỗi loại ảnh trên website lại có kích thước khác nhau. Bạn hãy làm theo hướng dẫn sau để tìm kích thước chuẩn nhất của ảnh nhé.

Ví dụ để tìm kích thước ảnh slide ta làm như sau:

Bạn vào bảng quản trị -> Slide ảnh. Tại danh sách slide mà Vinaweb đã upload mẫu bạn Click chuột phải vào ảnh -> Open image in new tab (Mở hình ảnh trong tab mới).

Tại tab mới bạn đưa chuột lên thanh tiêu đề (title) sẽ thấy một dòng hiện lên gồm Tên ảnh, định dạng và kích thước. Như trong hình là ảnh dạng jpg, kích thước 940x400px.

Sau đó bạn tìm ảnh có kích thước hoặc tỷ lệ bằng với kích thước chuẩn để tải lên làm ảnh slide.

2. Cách chỉnh ảnh về đúng kích thước

Ví dụ trong trường hợp này bạn cần tìm ảnh có kích thước 940x400px.

Bước 1: Bạn tìm ảnh có kích thước lớn hơn 940x400px

Bước 2: Sử dụng công cụ http://photo.vinaweb.vn để Cắt (Crop) và Chỉnh kích thước (Resize) về 940x400px

C. Cách khắc phục khi bị vỡ hạt

Bạn tìm ảnh khác có độ phân giải hoặc kích thước bằng hoặc lớn hơn hình mẫu của Vinaweb thì sẽ hết bị vỡ hạt.

D. Cách khắc phục ảnh load chậm

Bạn dùng công cụ http://photo.vinaweb.vn để Cắt (Crop) và Chỉnh kích thước (Resize) về kích thước chuẩn, sau đó vào https://tinypng.com nén ảnh và up lại.