Bài này mình chia sẻ nhanh đến anh em một thủ thuật khá hay nhưng không được ứng dụng phổ biến, đó là ngăn WordPress scaled (thu nhỏ) 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.
Vấn đề WordPress scaled (thu nhỏ) 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.
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 2560px (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 vài năm ẩn mình trong các nhóm 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 1024px. 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 khá là mờ.
Đố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 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é !
Hướng dẫn cách ngăn WordPress “tự ý” thu nhỏ – scaled hình
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/child theme đang sử dụng là được.
1 2 | // NGAN SCLAED ANH GOC add_filter( 'big_image_size_threshold', '__return_false' ); |
Bài này nội dung đơn giản vậ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.
Copyright protected by Digiprove © 2022![[Hướng dẫn] Thêm Custom Fields vào Simple Products cho WooCommerce](https://huanvm.com/wp-content/uploads/2022/08/huanvmdotcom-add-custom-field-for-woocommerce.png "[Hướng dẫn] Thêm Custom Fields vào Simple Products cho WooCommerce 5"){kind=small}
