Nguyên nhân Trang web bị mất ảnh-không hiển thị hình ảnh là gì? Có rất nhiều nguyên nhân dẫn đến lỗi này và những người mới làm website rất hay mắc phải.
Đang xem: Sửa lỗi hình ảnh trên web
Trong bài này, mình sẽ chia sẻ các lỗi về hình ảnh trên website mình đã mắc dành cho những bạn không rành về các mã hay các thuật ngữ chuyên môn. Bài viết dành cho những bạn đang làm website bằng wordpress và sử dụng các plugin đơn để xây dựng website.
Bạn đang sở hữu một website và đăng tải nội dung thường xuyên, tuy nhiên theo thời gian nhiều hình hình ảnh bị mất, thì nguyên nhân là do đâu:
Hình ảnh đã bị xóa khỏi vị trí ban đầu của chúng.Hình ảnh có thể đã bị di chuyển đến vị trí khác hoặc đổi tên khác.Hình ảnh có thể đã bị hỏng.Hình ảnh vượt quá kích thước và mất nhiều thời gian để hiển thị.
Vì vậy ở đây mình sẽ có một số cách sửa lỗi khác nhau:
Cách khắc phục trang web bị mất ảnh:
1. Sử dụng thẻ Alt hình ảnh:
Cách này có thể khả dụng cho người dùng khi hình ảnh không hiển thị và làm cho người đọc có thể không hiểu rõ nội dung của bài viết. Thì thẻ atl có thể chú thích rõ hơn cho người đọc nội dung của bức ảnh không được hiển thị là gì.
Thẻ alt có nghĩa là thuộc tính hình ảnh do bạn gán cho. giúp cho hình ảnh có thể dễ dàng được bot google hiểu được và phân phối cho người dùng, thẻ alt tuy nhỏ nhưng ảnh hưởng lớn, rất có lợi cho điểm seo bài viết.
Bạn có thể đọc bài viết này để hiểu rõ hơn: atl hình ảnh là gì? và cách tạo thẻ alt cho hình ảnh như thế nào?
2. Các kích thước ảnh tiêu chuẩn:
Đối với các hình ảnh như ảnh minh họa nhỏ thì 300 * 188, vuông thì 150 * 150 pixel.Các hình ảnh trong bài viết bình thường: 800 * 450, 1000 * 563 pixel.Ảnh đại diện bài viết có thể lên tới 1200 * 675 pixelTùy thuộc vào bạn và phù hợp với giao diện website mà có thể tùy biến, tuy nhiên các kích thước trên cho ra tỷ lệ ảnh đẹp nhất.Tuy nhiên dù ở tỷ lệ nào thì độ lớn của ảnh không được vượt quá 100Kb vì sẽ ảnh hưởng lớn đến tốc độ tải trang.
Vậy cách tối ưu các hình ảnh về tiêu chuẩn như nào?
3. Các tối ưu hình ảnh về kích thước chuẩn:
Lỗi này rất nhiều bạn mới làm website mắc phải và mình cũng không phải là ngoại lệ. Do hình ảnh khi bạn tải lên website quá lớn. Sử dụng hình ảnh không đúng kích thước là một trong những nguyên nhân gây website tải chậm.
Cách 1: Để giới hạn ảnh trong 100Kb, đối với làm ảnh trong photoshop khi xuất ảnh có thể để định dạng jpeg, quality ở mức 5(medium) là ổn.
Cách 2: Tuy nhiên đối với những hình ảnh quá kích thước bạn đã lỡ tải lên web rồi thì sao? giới thiệu cho bạn plugin smush của hummingbird cho phép bạn tối ưu hình ảnh về kích thước chuẩn, giảm độ nặng cho ảnh.
Ưu điểm của nó là bạn có thể tối ưu cùng lúc 50 tấm ảnh ở phiên bản free, tối ưu không giới hạn số lần cho đến khi tất cả ảnh trên web xong và tải lười các hình ảnh, tự động tối ưu trước khi tải lên…
Xem hướng dẫn sử dụng và tải về hummingbird smush tại đây.
Cách 3: Đây là cách thủ công nhất. Tại giao diện của wordpress bạn vào mục: Cài đặt > Thư viện: tại đây đặt các cỡ tiêu chuẩn để ảnh tải lên được tối ưu.
Cách này có nhược điểm là khi tải lên 1 tấm ảnh nó sẽ cho ra 3 phiên bản khác nhau. Vậy thì đôi khi có thể làm ảnh tăng thêm dung lượng website. Vậy nên theo mình nên sử dụng cách 1 và 2 là tốt nhất.
3. Kiểm soát số lượng hình ảnh trên 1 bài viết:
Google đánh giá cao những bài viết các thêm hình ảnh, video. Một bài viết trên 1000 từ có ít nhất là 3 ảnh.
Tuy nhiên không nên đặt nhiều hình quá vì dễ ảnh hưởng tốc độ tải bài viết, đôi khi nhiều ảnh quá gây cảm giác bài viết không mang lại nhiều giá trị cho người đọc.
4. Thường xuyên kiểm tra thư viện ảnh:
Mặc khác khi mới phải triển web sẽ có nhiều sai sót . Nhiều ảnh thừa tải lên, nhiều hình bị hỏng, xóa khỏi vị trí ban đầu như đã nói ở trên và nhiều bài viết không phù hợp bị xóa đi vẫn tồn đọng ảnh trong thư viện không dùng. việc kiểm tra là cần thiết.
Tại giao diện làm việc wordpress bạn chọn mục thư viện. sau đó vào các mục trong từng tháng cụ thể và xóa bớt các ảnh thừa hoặc đã bị hỏng đi.
5. Một số nguyên nhân khác:
+ Một số nguyên nhân khi bạn vào xem bài viết của mình hoặc các trang khác hình ảnh bị lỗi hiển thị hoặc bị mất có thể do mạng bị yếu.
+ Đối với bạn nào đang dùng phần mềm diệt virus kaspersky này thì đôi khi phần mềm này lầm tưởng và chặn không cho ảnh hiển thị, bạn có thể tắt nó tạm thời và load lại trang để kiểm tra.
+ Lỗi do trình duyệt: bạn có thể thay đổi trình duyệt web khác để kiểm tra. Nếu ở trình duyệt web khác hình ảnh vẫn hiển thị bình thường thì vấn đề nằm ở đây.
Mình đã liệt kê một số nguyên nhân dẫn đến trang web bị mất ảnh – không hiển thị hình ảnh và một số cách khắc phục cũng như một số mẹo nhỏ để tối ưu hình ảnh trên trang web. Hi vọng bạn sẽ tìm ra vấn đề mình gặp phải ở đây.