Ngăn WordPress thu nhỏ (scaled) kích thước hình ảnh
Trong bài viết này, mình chia sẻ nhanh với các bạn một thủ thuật khá hay mà chưa được nhiều người áp dụng, đó là ngăn WordPress mở rộng hình ảnh. Thủ thuật này sẽ hữu ích cho những bạn muốn hình ảnh tải lên giữ nguyên kích thước ban đầu (4k, 5k, 8k).
Lưu ý rằng mục đích là để giữ kích thước hình ảnh (chiều rộng và chiều cao), không phải là kích thước của tệp hình ảnh. Hình ảnh lớn hơn thường sẽ sắc nét, nhưng không có nghĩa là mọi kích thước lớn sẽ sắc nét. Một hình ảnh sắc nét được quyết định bởi nhiều yếu tố khác, nhưng chúng ta không bàn sâu về vấn đề đó ở đây.
Thảo luận nhỏ về Ngăn WordPress mở rộng hình ảnh
Kể từ phiên bản 5.3, WordPress bắt đầu giới hạn kích thước ảnh tối đa khi tải lên. Cụ thể, những hình ảnh có chiều rộng / chiều cao lớn hơn 2560px sẽ bị co lại, tức là giảm kích thước.
Lý do WordPress làm điều này là vì họ nghĩ rằng Hình ảnh quá lớn không thực sự cần thiết. Với giới hạn 2560px (tối đa cho chiều rộng / chiều cao) là quá đủ. Giảm dung lượng ảnh như thế này giúp trang web nhẹ hơn.
WordPress được chia tỷ lệ “tùy ý” – được chia tỷ lệ làm giảm chất lượng hình ảnh gốc
Sau nhiều năm tiếp xúc với các anh em sử dụng WordPress, tôi nhận thấy rằng mọi người có xu hướng sử dụng hình ảnh với kích thước nhỏ. Thông thường hình ảnh có chiều rộng tiêu chuẩn dưới 800px, tốt nhất là full HD (1920px) hoặc HD (1024px). Hình ảnh cũng được nén sao cho nhẹ nhất có thể để tối ưu tốc độ tải trang. Nhưng kết quả là, hình ảnh của hầu hết các trang web thường khá XẤU.
Đối với những hướng dẫn có ảnh chụp màn hình bị mờ, khó nhìn và làm theo. Chính vì vậy mà mình và một số anh em khác (bên tinh tế.vn là một ví dụ) có xu hướng dùng ảnh độ nét cao để ngắm cho “hoa cả mắt” ^^.
Nhưng từ khi WordPress 5.3 ra mắt, với tính năng “tùy ý” thumbnail khiến tôi khá khó chịu, hình ảnh hiển thị trên web không còn là phiên bản rõ nét nhất. Chính vì vậy tôi đã tìm ra cách để ngăn chặn việc tự ý thu nhỏ ảnh gốc này. Chi tiết các bạn xem hướng dẫn cách làm nhé!
KHUYẾN NGHỊ: Khi bạn làm điều này, bạn sẽ đổi tốc độ tải trang cho trải nghiệm xem (hình ảnh đẹp). Không chắc nếu bạn biết, hình ảnh nặng hơn sẽ mất nhiều thời gian hơn để tải trang. Các SEOer hay những người chuyên tối ưu hóa tốc độ website sẽ không thích điều này chút nào đâu ^^
Hướng dẫn cách ngăn WordPress “tự ý” thu nhỏ – co giãn ảnh, giảm chất lượng ảnh gốc
Cách làm khá đơn giản, bạn chèn đoạn mã bên dưới vào cuối file functions.php của chủ đề bạn đang sử dụng là tốt.
// NGAN SCLAED ANH GOC add_filter( 'big_image_size_threshold', '__return_false' );
Nếu bạn không muốn mã được chèn vào tệp functions.php bị mất sau khi cập nhật theme, bạn có thể tham khảo bài viết: Thêm mã vào các chức năng chủ đề của bạn bằng plugin Chức năng.
Bài viết này đơn giản như vậy thôi, nếu bạn có góp ý hay thắc mắc gì thì cứ để lại bình luận bên dưới, mình sẽ phản hồi cho bạn sớm nhất.
BÀI VIẾT ĐỀ XUẤT: Ngăn WordPress tự động cắt hình ảnh thành nhiều kích thước mà không cần sử dụng
4.7 / 5 – (3 phiếu bầu)
Thông tin thêm
#Ngăn #WordPress #thu #nhỏ #scaled #kích #thước #hình #ảnh
[rule_3_plain]
#Ngăn #WordPress #thu #nhỏ #scaled #kích #thước #hình #ảnh
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).
Lưu ý rằng mục đích là giữ nguyên kích thước hình ảnh (rộng cao) chứ không phải kích thước của cái file ảnh bạn nhé. Hình ảnh có kích thước lớn thì thường sẽ sắc nét nhưng không có nghĩa cứ kích thước lớn là sẽ nét. Một hình ảnh nét được quyết định bởi nhiều yếu tố khác nữa, tuy nhiên ở đây chúng ta cũng không bàn sâu về vấn đề đó làm gì.
MỤC LỤC NỘI DUNG1 Bàn luận chút về vấn đề Ngăn WordPress thu nhỏ (scaled) kích thước hình ảnh2 Hướng dẫn cách ngăn WordPress “tự ý” thu nhỏ – scaled hình, làm giảm chất lượng ảnh gốc
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à bị giảm kích thước đi.
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.
WordPress “tự ý” thu nhỏ – scaled làm giảm chất lượng hình ảnh gốc
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 có xu hướng sử dụng hình ảnh có kích thước nhỏ. Thường là ảnh có độ rộng theo chuẩn dưới 800px, ngon lắm là đạt mức full HD (1920px) hoặc HD (1024px). Ảnh cũng được 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á 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 để 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ì bạn 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 cách ngăn WordPress “tự ý” thu nhỏ – scaled hì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’ );
Nếu bạn không muốn code chèn vào file functions.php bị mất sau khi cập nhật theme thì có thể dùng tham khảo bài viết: Thêm code vào theme function với plugin Functionality.
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.
BÀI VIẾT ĐỀ XUẤT: Ngăn WordPress tự động cắt ảnh ra nhiều kích thước mà không dùng
4.7/5 – (3 votes)
window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘15713’});
});
});
#Ngăn #WordPress #thu #nhỏ #scaled #kích #thước #hình #ảnh
[rule_2_plain]
#Ngăn #WordPress #thu #nhỏ #scaled #kích #thước #hình #ảnh
[rule_2_plain]
#Ngăn #WordPress #thu #nhỏ #scaled #kích #thước #hình #ảnh
[rule_3_plain]
#Ngăn #WordPress #thu #nhỏ #scaled #kích #thước #hình #ảnh
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).
Lưu ý rằng mục đích là giữ nguyên kích thước hình ảnh (rộng cao) chứ không phải kích thước của cái file ảnh bạn nhé. Hình ảnh có kích thước lớn thì thường sẽ sắc nét nhưng không có nghĩa cứ kích thước lớn là sẽ nét. Một hình ảnh nét được quyết định bởi nhiều yếu tố khác nữa, tuy nhiên ở đây chúng ta cũng không bàn sâu về vấn đề đó làm gì.
MỤC LỤC NỘI DUNG1 Bàn luận chút về vấn đề Ngăn WordPress thu nhỏ (scaled) kích thước hình ảnh2 Hướng dẫn cách ngăn WordPress “tự ý” thu nhỏ – scaled hình, làm giảm chất lượng ảnh gốc
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à bị giảm kích thước đi.
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.
WordPress “tự ý” thu nhỏ – scaled làm giảm chất lượng hình ảnh gốc
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 có xu hướng sử dụng hình ảnh có kích thước nhỏ. Thường là ảnh có độ rộng theo chuẩn dưới 800px, ngon lắm là đạt mức full HD (1920px) hoặc HD (1024px). Ảnh cũng được 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á 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 để 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ì bạn 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 cách ngăn WordPress “tự ý” thu nhỏ – scaled hì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’ );
Nếu bạn không muốn code chèn vào file functions.php bị mất sau khi cập nhật theme thì có thể dùng tham khảo bài viết: Thêm code vào theme function với plugin Functionality.
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.
BÀI VIẾT ĐỀ XUẤT: Ngăn WordPress tự động cắt ảnh ra nhiều kích thước mà không dùng
4.7/5 – (3 votes)
window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘15713’});
});
});
