Làm thế nào để ngăn chặn tạo thêm ảnh WordPress với kích thước khác nhau

Hi các bạn.

Đến một lúc nào đó khi bạn làm việc với Website trên nền tảng WordPress thì bạn chợt nhận ra dung lượng trên Hosting ngày càng ít lại.

Lúc này chắc hẳn bạn sẽ tìm cách để tiết kiệm dung lượng Hosting mà mình đang sử dụng. Và một trong số những lý do chiếm dung lượng lưu trữ trên Hosting đó là những Media mà chúng ta đã Upload lên (mà đa số là hình ảnh). Việc ngăn chặn tạo thêm ảnh WordPress là vấn đề cực kỳ quan trọng.

Vậy nên ngay từ đầu khi xây dựng Website bạn nên chú ý đến việc Upload hình ảnh lên Host. Một số số đó là việc tạo ra quá nhiều kích thước ảnh với 1 file mà chúng ta up lên.

Tại sao nên ngăn chặn tạo thêm ảnh WordPress?

Việc ngăn chặn tạo thêm kích thước ảnh trên WordPress là điều mà một ngày nào đó khi Website của bạn đủ lớn trong khi bạn không có nhiều chi phí để thuê Hosting với dung lượng lưu trữ cao.

Lúc này bạn cần phải tìm hiểu xem, WordPress sẽ tạo thêm những ảnh nào khi chúng ta Upload 1 file ảnh lên Host.

Nếu bạn chưa biết thì mặc định ngoài kích thước ảnh gốc thì WordPress sẽ tự động tạo thêm 6 kích thước ảnh khác, bao gồm:

• Thumbnail (150 x 150)
• Medium (300 x 300)
• Large (1024 x 1024)
• Medium Large (768 x chiều cao không giới hạn)
• 1536 x 1536 (Medium Large x 2)
• 2048 x 2048 (Large x 2)

Và chưa kể Theme và Plugin sẽ âm thầm tạo ra thêm nhiều ảnh nữa phù hợp với với từng tính năng của Theme hay Plugin đó. Nên việc kiểm soát các hình ảnh với kích thước mới sinh ra là điều cần thiết.

Loại bỏ ảnh mới sinh ra trên WordPress

Việc cắt ra nhiều ảnh với kích thước khác nhau một phần giúp tối ưu trang Web của bạn, giúp trang tải nhanh hơn vì những khu vực cụ thể được sử dụng những kích thước ảnh riêng biệt.

Nếu không sinh ra các ảnh với kích thước khác nhau thì mặc định sẽ được tải ảnh gốc với kích thước cũng như dung lượng lớn hơn các ảnh phát sinh.

Nếu như bạn không có nhu cầu sử dùng các ảnh mới tạo ra này thì có thể thiết lập trên WordPress để không sinh ra ảnh mới.

Ngăn chặn ảnh mặc định tạo ra trên WordPress

Cụ thể, bạn có thể vô hiệu hóa Thumbnail, Medium và Large trong phần Media Settings của WordPress Dashboard bằng cách thiết lập các thông số về 0. Lúc này 3 kích thước ảnh bên dưới sẽ không được tạo ra.

Còn những khích thước ảnh khác thì bạn làm thế nào?

Bạn sẽ thâm nhập sâu hơn vào phần functions trên WordPress, cụ thể bạn sẽ chèn đoạn code sau vào cuối file functions.php của theme (hoặc child theme) mà bạn đang sử dụng.

//* Remove WordPress's default image sizes
function remove_default_image_sizes( $sizes) {
    unset( $sizes['large']);
    unset( $sizes['thumbnail']);
    unset( $sizes['medium']);
    unset( $sizes['medium_large']);
    unset( $sizes['1536x1536']);
    unset( $sizes['2048x2048']);
    return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'remove_default_image_sizes');

Nếu bạn thực hiện trong này có thể vô hiệu hóa tất cả các kích thước ảnh mới sinh ra, kể cả 3 kích thước ảnh mà bạn đã set về 0 trên giao diện Setting của Media.

Ngăn chặn tạo thêm ảnh trên WordPress của Theme

Tuy nhiên một số theme sẽ tạo thêm các kích thước ảnh phụ thuộc vào cấu trúc của theme đó. Nếu muốn vô hiệu hóa l uôn thì bạn sẽ tìm tên của ảnh mới được tạo trên theme và add vào functions ở trên.

Ví dụ trên site mình dùng Plugin Smush để nén ảnh và mình dễ dàng xem tên của những kích thước ảnh mới tạo ra trên theme.

Bạn hãy thêm vào hàm ở trên để loại bỏ kích thước ảnh không mong muốn. Ví dụ mình bỏ đi thêm 3 kích thước ảnh của Theme tạo ra.

//* Remove WordPress's default image sizes
function remove_default_image_sizes( $sizes) {
unset( $sizes['large']);
unset( $sizes['thumbnail']);
unset( $sizes['medium']);
unset( $sizes['home-middle']);
unset( $sizes['home-top']);
unset( $sizes['medium_large']);
return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'remove_default_image_sizes');

Xong xuôi, bây giờ bạn sẽ chủ động hơn về việc sinh ra các kích thước ảnh mới trên site. Việc này xét về lâu dài rất có lợi đó các bạn à.

Bạn nên kết hợp thêm các Plugin nén ảnh như Smush mà mình nói ở trên để giảm bớt dung lượng lượng ảnh và giúp trang tải tốt hơn.

Có thể bạn mới xây dựng Website hoặc sử dụng các dịch vụ Hosting có dung lượng lưu trữ lớn nên bạn không quan tâm vấn đề này.

Riêng với site mình, chuyển từ HawkHost 10Gb lưu trữ xuống còn 2GB của gói Turbo Hosting trên AZDIGI nên bây giờ mình mới quan tâm nhiều đến vấn đề này.

Lời kết

Hy vọng bài viết sẽ giúp bạn quan tâm hơn đến việc sử dụng hình ảnh trên Webite của mình để tiết kiệm dung lượng Hosting hơn.

Và trong số đó ngăn chặn việc tạo thêm ảnh trên WordPress sẽ là một vấn đềcó tính chiến lược lâu dài khi bạn xây dựng và phát triển Website.

Chúc bạn thành công.