Câu nói cũ nói rằng "một bức tranh đáng giá cả ngàn lời nói." Khẩu hiệu này tỏa sáng trên web, nơi các khoảng chú ý nổi tiếng là hình ảnh phù hợp có thể tạo hoặc phá vỡ một trang web bằng cách thu hút sự chú ý đúng đắn và khách truy cập trang hấp dẫn.
Tuy nhiên, khi một đồ họa không tải, nó làm cho thiết kế trông bị hỏng và, trong một số trường hợp, có thể làm suy giảm trải nghiệm người dùng trên trang web đó. "Thousand Words" mà bức tranh bị hỏng gửi chắc chắn không phải là những hình ảnh tích cực!
1. Đường dẫn tệp không chính xác
Khi bạn thêm hình ảnh vào tệp HTML hoặc CSS của trang web, bạn phải tạo một đường dẫn đến vị trí trong cấu trúc thư mục của bạn nơi các tệp đó nằm. Đây là mã cho biết trình duyệt nơi tìm kiếm và tìm nạp hình ảnh từ đó. Trong hầu hết các trường hợp, đây sẽ là bên trong một thư mục có tên là hình ảnh. Nếu đường dẫn đến thư mục này và các tệp bên trong của nó không chính xác, hình ảnh sẽ không tải đúng vì trình duyệt sẽ không thể truy xuất các tệp chính xác. Nó sẽ đi theo con đường mà bạn đã nói, nhưng nó sẽ đạt được một ngõ cụt và thay vì hiển thị hình ảnh thích hợp, sẽ trở nên trống rỗng.
2. Tên tệp sai chính tả
Khi bạn kiểm tra các đường dẫn tệp cho các tệp của mình, hãy xác minh rằng bạn đã đánh vần chính xác tên của hình ảnh. Tên hoặc lỗi chính tả không chính xác là nguyên nhân phổ biến nhất của các vấn đề tải hình ảnh.
3. Tiện ích mở rộng tệp sai
Trong một số trường hợp, bạn có thể có tên của tệp được đánh vần chính xác, nhưng phần mở rộng tệp có thể không chính xác. Nếu hình ảnh của bạn là tệp .jpg, nhưng HTML của bạn đang tìm kiếm một .png, sẽ có một vấn đề. Sử dụng loại tệp chính xác cho mỗi hình ảnh và sau đó tham chiếu cùng một tiện ích mở rộng trong trang web của bạn Mã của bạn. & NBSP;
Ngoài ra, hãy tìm độ nhạy của trường hợp. & Nbsp; nếu tệp của bạn kết thúc bằng .jpg, với tất cả các chữ cái trong giới hạn, nhưng các tài liệu tham khảo mã của bạn. bộ chữ cái. Số lượng độ nhạy trường hợp.
Đó là cách thực hành tốt nhất để luôn lưu các tệp với các chữ cái toàn bộ. Làm như vậy cho phép chúng tôi luôn sử dụng chữ thường trong mã & nbsp; mã của chúng tôi, loại bỏ một vấn đề có thể xảy ra với các tệp hình ảnh của mình.
4. Thiếu các tập tin
Nếu các đường dẫn đến các tệp hình ảnh của bạn là chính xác và phần mở rộng tên và tệp cũng không có lỗi, hãy kiểm tra xem các tệp có được tải lên máy chủ web không. Việc bỏ qua việc tải các tệp lên máy chủ đó khi một trang web được khởi chạy là một sai lầm phổ biến dễ bị bỏ qua.
Tải lên các hình ảnh đó, làm mới trang web của bạn và nó sẽ ngay lập tức hiển thị các tệp như mong đợi. & NBSP; bạn cũng có thể cố gắng xóa hình ảnh trên máy chủ và tải lại nó. Văn bản thay vì chuyển nhị phân trong FTP], vì vậy phương thức "Xóa và thay thế" này đôi khi giúp.
5. Trang web lưu trữ các hình ảnh bị hỏng
Thông thường bạn sẽ lưu trữ các hình ảnh mà trang web của bạn sử dụng trên máy chủ của riêng bạn, nhưng trong một số trường hợp, bạn có thể đang sử dụng hình ảnh được lưu trữ ở nơi khác. Nếu trang web lưu trữ hình ảnh đi xuống, hình ảnh của bạn cũng sẽ không tải.
6. Chuyển vấn đề
Cho dù một tệp hình ảnh được tải từ & nbsp; một miền bên ngoài hoặc từ của chính bạn, luôn có cơ hội có thể có vấn đề chuyển cho tệp đó khi nó được trình duyệt yêu cầu lần đầu tiên. Vấn đề này không phải là một sự xuất hiện phổ biến [nếu có, bạn có thể cần phải tìm kiếm một nhà cung cấp dịch vụ lưu trữ mới], nhưng đôi khi nó có thể xảy ra.
Một lý do phổ biến cho trục trặc này là máy chủ bị choáng ngợp và không thể phục vụ tất cả các tài sản trang đủ nhanh trước khi hết thời gian yêu cầu. Bạn sẽ thấy vấn đề này phổ biến hơn với các máy chủ ảo được cung cấp với giá rẻ, đấu tranh để xử lý các trang web phức tạp, nặng hơn. Nếu vấn đề này xảy ra thường xuyên, hãy xem xét nâng cấp khả năng của máy chủ hoặc tìm máy chủ mới.
7. Các vấn đề về cơ sở dữ liệu
Các ứng dụng web động hiện đại, như WordPress, dựa vào cơ sở dữ liệu để lưu trữ thông tin về mọi thứ trên một trang web, bao gồm cả hình ảnh. Nếu trang web của bạn không tải hình ảnh, có khả năng cơ sở dữ liệu đang gặp phải một số vấn đề.
Có một loạt các vấn đề cơ sở dữ liệu có thể xảy ra. Ứng dụng của bạn thậm chí có thể không được kết nối với cơ sở dữ liệu, bởi vì nó bị hỏng hoặc không thể truy cập được trên một máy chủ khác. Một cái gì đó có thể đã bị hỏng trên cơ sở dữ liệu hoặc thông tin người dùng cơ sở dữ liệu của bạn đã thay đổi, đăng nhập bạn. Ngay cả các thay đổi cài đặt đơn giản cũng có thể kích hoạt các hậu quả ngoài ý muốn thay đổi cơ sở dữ liệu hoặc làm cho nó không thể truy cập được. Kiểm tra nhật ký máy chủ để xem liệu cơ sở dữ liệu có thể là thủ phạm hay không.
Một vài ghi chú cuối cùng
Hãy xem xét việc sử dụng đúng các thẻ ALT và tốc độ trang web của bạn và hiệu suất tổng thể.
Alt, hoặc văn bản thay thế, các thẻ là những gì được hiển thị bởi một trình duyệt nếu một hình ảnh không tải.Chúng cũng là một thành phần quan trọng trong việc tạo các trang web có thể truy cập có thể được sử dụng bởi những người bị khuyết tật nhất định.Mỗi hình ảnh nội tuyến trong trang web của bạn nên có thẻ ALT thích hợp.Hình ảnh được áp dụng với CSS không cung cấp thuộc tính này.