Bài viết này mình chia sẻ nhanh đến anh em một thủ thuật khá hay ho nhưng không được ứng dụng phổ biến, đó là ngăn WordPress thu nhỏ (scaled) kích thước hình ảnh. Thủ thuật này sẽ hữu ích đối với các anh em nào muốn hình ảnh được tải lên giữ nguyên kích thước ban đầu (4k, 5k, 8k).
Bàn luận chút về vấn đề Ngăn WordPress thu nhỏ (scaled) kích thước hình ảnh
Kể từ phiên bản 5.3, WordPress bắt đầu giới hạn về kích thước hình ảnh tối đa khi upload. Cụ thể là những hình ảnh nào có chiều rộng/ cao lớn hơn 2560px thì sẽ bị scaled. Tức là WordPress sẽ tự động thay đổi kích thước ảnh đó, làm cho nó nhỏ hơn ảnh nguyên bản mà bạn upload lên. Điều này có nghĩa là ảnh trên web không còn rõ nét như ảnh gốc nữa.
Lý do WordPress làm việc này là vì họ cho rằng: những ảnh kích thước quá lớn là không thật sự cần thiết. Với giới hạn 2.560px (tối đa cho chiều rộng/ cao) như vậy là quá đủ. Việc thu nhỏ kích thước hình ảnh như vậy giúp trang web được nhẹ đi.
Sau nhiều năm giao lưu cùng anh em sử dụng WordPress, mình nhận thấy mọi người thường có xu hướng sử dụng hình ảnh có kích thước nhỏ. Hình ảnh đa phần có độ rộng dưới 800px, một số ít sẽ để độ rộng lớn hơn 1.024px. Ngoài ra, hình ảnh cũng được cố gắng nén sao cho nhẹ nhất có thể, nhằm tối ưu tốc độ tải trang. Nhưng hệ quả là ảnh của hầu hết các site thường bị MỜ, nội dung ảnh nhìn không rõ.
Đối với các hướng dẫn bằng ảnh chụp màn hình mà mờ thì rất khó khăn để người đọc nhìn rõ và làm theo. Chính vì vậy, mình và một số anh em khác (bên Tinh Tế. vn là một ví dụ) có xu hướng sử dụng hình ảnh có độ nét cao để xem cho “sướng mắt” ^^.
Nhưng từ khi WordPress 5.3 ra mắt , đi kèm với tính năng “tự ý” thu nhỏ hình làm mình khá khó chịu, ảnh hiển thị trên web không còn là bản rõ nét nhất. Chính vì vậy mình đã tìm cách để ngăn việc tự ý thu nhỏ hình gốc này. Cụ thể thì anh em xem ở phần hướng dẫn thực hiện nhé !
KHUYẾN NGHỊ: Khi thực hiện điều này bạn sẽ đánh đổi tốc độ tải trang để lấy trải nghiệm xem hình ảnh nét & đẹp. Không nói chắc bạn cũng biết, ảnh nặng thì tốc độ tải trang sẽ lâu hơn rồi. Các SEOer hoặc các bạn chuyên tối ưu tốc độ website sẽ không thích điều này tí nào đâu ^^
Hướng dẫn ngăn WordPress “tự ý” thu nhỏ (scaled) hình ảnh, làm giảm chất lượng ảnh gốc
Cách làm khá đơn giản, bạn chèn đoạn code dưới đây vào phía cuối cùng trong file functions.php của theme đang sử dụng là được.
// NGAN SCLAED ANH GOC add_filter( 'big_image_size_threshold', '__return_false' );
Bài này nội dung tới đây thôi, nếu bạn có điều gì đóng góp ý kiến hoặc thắc mắc thì cứ để lại bình luận bên dưới nhé, mình sẽ sớm phản hồi bạn.
Tính cập nhật cho web mình mà nghĩ lại gần mình không dùng ảnh nào lớn hơn 2k. Thường web chuyên hình ảnh mới có ảnh cở đó.
Nếu bác thích ảnh nét và chấp nhận nặng site hơn thì chơi tới, còn không thì ảnh full HD cũng là đủ dùng rồi bác ạ. E là e thích nét căng, do ảnh gốc e từ 2k-6k rất nét, upload lên web là bị giảm xuống còn 2560px ^^
Vào cặt đặt tắt hết tuỳ chỉnh mục media không được hả bác ?
Không được bác nhé, cái đó là ngăn không cắt các size thumbnail mặc định, còn cái này là ngăn không cho giảm chất lượng gốc ảnh chèn vào bài viết. Cụ thể là những hình ảnh nào có chiều rộng/ cao lớn hơn 2560px thì sẽ bị scaled (thu nhỏ) lại á bác ^^
Up ảnh kích thước lớn chắc chỉ dành cho mấy trang chuyên ảnh chứ bình thường kích thước 1000px là thấy phê rồi.
Hầu hết ae làm web blog là dùng kích thước nhỏ thôi bác, sau đó nén phát nữa cho nhẹ. Chứ mà xu hướng tương lai kiểu gì tiêu chuẩn hình ảnh cũng sẽ nâng lên 2k. Video ngày xưa full HD chứ bây giờ cũng dần đại trà 2k, 4k rồi nè bác. Không nâng tiêu chuẩn, sau này mắc công làm lại lắm, với lại ảnh/ video nét xem cho đã ^^
Mình thì sử dụng hình ảnh 750×450 và đồng bộ trên toàn website. Thấy trong mục Cài đặt – Media – Tuỳ chỉnh thư viện (Kích thước ảnh) có thể điều chỉnh tự động kích thước hình ảnh theo ý muốn.
À, cái đó là tính năng tự động cắt ảnh ra nhiều kích thước á bác. Ảnh đó áp dụng cho thumbnail. Còn trong thủ thuật này là áp dụng cho ảnh trong bài viết á.
Ý bác nằm trong bài viết này nè: https://hocban.vn/ngan-wordpress-tu-dong-cat-anh-ma-khong-dung/