Làm cách nào để thay đổi nén hình ảnh trong WordPress?

Bạn có biết rằng bạn có thể thay đổi độ nén hình ảnh của WordPress, nếu không, WordPress sẽ làm cho hình ảnh và hình ảnh tải lên của bạn bị mờ và có pixel?

Tôi đã từng rất ngạc nhiên khi chỉ tải hình ảnh HD hoặc 4K để thấy rằng khi tôi chèn hình ảnh vào bài đăng WordPress, chất lượng hình ảnh không được tối ưu. Tôi cố gắng tìm cách giải quyết trong một thời gian dài cho đến khi tôi nhận ra rằng WordPress nén hình ảnh theo mặc định

Nén hình ảnh trong WordPress

Đôi khi trở lại, WordPress đã từng nén hình ảnh xuống 90% và bây giờ sau khi tốc độ trang web trở nên quan trọng, họ nén hình ảnh xuống 82%

Nếu bạn là một blogger bình thường và có thể việc nén hình ảnh WordPress mặc định không phải là vấn đề đối với bạn nhưng nếu bạn chạy một nhật ký ảnh hoặc chia sẻ ảnh máy bay không người lái mini hoặc phong cảnh và rất đặc biệt về việc tải lên hình ảnh chất lượng cao thì điều quan trọng là bạn phải

PNG là định dạng tệp không mất dữ liệu, sẽ cung cấp cho bạn chất lượng hình ảnh cao vượt trội, nhưng kích thước lớn hơn nhiều so với định dạng JPEG mất dữ liệu, được ưa thích nhất

Thay đổi nén hình ảnh WordPress

Vì vậy, đây là mã chọn để cho phép bạn thay đổi nén hình ảnh trong WordPress một cách dễ dàng và nhận được chất lượng hình ảnh bạn chọn

Mã này phải được thêm vào chức năng chủ đề. php trên một dòng mới. Mã này sẽ tắt tính năng nén ảnh JPEG và giữ nguyên chất lượng ảnh nếu ảnh JPEG được tải lên. Những hook WordPress mà chúng tôi muốn chỉnh sửa là jpeg_quality và wp_editor_set_quality

Giá trị chính mà chúng tôi đã thêm ở đây là 100, bạn sẽ nhận thấy

add_filter('jpeg_quality', function($arg){return 100;});
add_filter( 'wp_editor_set_quality', function($arg){return 100;} );

Nếu bạn muốn tăng khả năng nén hình ảnh, bạn có thể muốn thay thế 100 bằng 70

add_filter('jpeg_quality', function($arg){return 70;});
add_filter( 'wp_editor_set_quality', function($arg){return 70;} );

Bạn cũng có thể quyết định không sử dụng 82 mặc định và chọn một mức nén thấp hơn như 90

add_filter('jpeg_quality', function($arg){return 90;});
add_filter( 'wp_editor_set_quality', function($arg){return 90;} );

Lưu ý rằng chất lượng cuối cùng sẽ phụ thuộc vào chất lượng của hình ảnh được tải lên và độ phân giải của hình ảnh. Nếu hình ảnh của bạn đã được nén trước khi tải lên, WordPress sẽ nén nó thêm. Vì vậy, nếu bạn muốn giữ chất lượng cao nhất, thì hãy tải lên hình ảnh JPEG không nén với chất lượng 100% và độ nén 0% và ngừng nén hình ảnh WordPress

Tại sao nén hình ảnh?

Với sự nhấn mạnh ngày càng tăng về các chỉ số quan trọng của trang web cốt lõi để tăng tốc độ trang web của bạn, việc sử dụng hình ảnh tải nhanh kích thước thấp đã trở nên rất phổ biến

Do mọi người xem trang web trên màn hình lớn, cài đặt chiều rộng mặc định của blog đã trở nên rất lớn do đó mọi người tải lên hình ảnh lớn để thu hút thị giác tốt nhưng hình ảnh lớn cũng có kích thước lớn hơn

Có nhiều dịch vụ tối ưu hóa hình ảnh và trình cắm WordPress nén hình ảnh giúp tối ưu hóa hình ảnh để giúp chúng tải nhanh hơn và webp đã trở thành một tiêu chuẩn mới, đặc biệt là sau khi Google Pagespeed liên tục nhấn mạnh rằng nó làm cho hình ảnh nhỏ hơn 30%.

Do đó, WordPress nén hình ảnh theo mặc định, nhưng bạn có thể khắc phục sự cố này ở bước này. Nếu không, bạn có thể nén hình ảnh gấp đôi dẫn đến chất lượng hình ảnh kém và trải nghiệm người dùng không tốt

Đau đầu với việc nén ảnh khi up lên wp. Tôi đã thử các plugin để tối ưu hóa hình ảnh, nhưng điều này xảy ra khi tải lên bài đăng và quá trình xử lý diễn ra ngay lập tức khi tải lên. Tôi nhận được kích thước hình ảnh giảm khoảng 50% so với ban đầu và chất lượng giảm rõ rệt

Tôi cũng đã thử thêm mã này được tìm thấy từ các bài đăng cũ hơn nhiều và thêm vào chức năng chủ đề. php

add_filter(‘jpeg_quality’, function($arg){return 100;});

nhưng không thay đổi. Có lẽ tôi đang đặt nó trong phần sai (?)…

Tôi cũng hiểu rằng bản gốc có thể được lưu trữ ở đâu đó trong wp-admin nhưng không có cách nào rõ ràng để tìm hoặc tải chúng lên phương tiện

Mình tự tối ưu ảnh trước khi up lên với ảnh jpeg khoảng 200kb rộng khoảng 2000 pixel ở size lớn nhất. Đừng nghĩ rằng điều đó sẽ giết chết máy chủ

Trang web này dành cho một công ty hiệu ứng hình ảnh và hình ảnh cần trông khá sắc nét

Bất kỳ trợ giúp biết ơn đánh giá cao

Thanks

Đang xem 3 trả lời - 1 đến 3 (trong tổng số 3)

• kimberly

  (@kberly83)

  Tôi đã thêm đoạn mã đó vào chức năng của mình. php trong thư mục chủ đề của tôi
  Và nó hoạt động ở đó như mong đợi

  Ngoài ra, bạn có thể thử một plugin thực hiện chính xác điều tương tự, e. g
  https. //wordpress. org/plugins/wp-resize-image-quality/

  Đừng quên rằng nó sẽ chỉ hoạt động với những hình ảnh mới được tải lên
  Đối với hình ảnh hiện có, bạn cần sử dụng plugin tạo lại hình thu nhỏ. e. g
  https. //wordpress. org/plugins/regenerate-thumbnails/

  Hình ảnh gốc được lưu trữ trong cùng thư mục với kích thước nhỏ hơn được tạo
  Nếu bạn sử dụng plugin tạo hình thu nhỏ, nó sẽ cho chúng tôi hình ảnh được tải lên ban đầu

  Sự thành công,
  kimmy

  Trình bắt đầu chủ đề adamhopper

  (@adamhopper)

  Cám ơn phản hồi của bạn

  Vâng, tôi luôn tải lên lại hình ảnh để kiểm tra. Tôi cũng đã thử plugin wp-resize-image-quality, mà tôi nhận thấy nó hoạt động với một số ngón tay cái nhưng không hoạt động với hình ảnh chính của tôi khi được sử dụng trên một trang, nó cũng không giữ được chất lượng/kích thước hình ảnh gốc

  Rõ ràng là có một số mã xung đột hoặc điều gì đó ngăn cản bất kỳ phương thức nào trong số này hoạt động

  Tôi đang sử dụng chủ đề Enfold nếu điều đó tạo ra bất kỳ sự khác biệt nào

  Ngoài ra, tôi thấy rằng các tệp jpeg gốc cũng được nén, vì vậy không có tệp hình ảnh chính để tạo lại từ đó

  Đây cũng không phải là vấn đề về võng mạc mà tôi tin rằng những người khác đã giải quyết được bằng plugin retina x2

  Sử dụng hình ảnh png hoạt động như một tùy chọn không mất dữ liệu, nhưng những hình ảnh này rõ ràng là quá lớn/chậm

  Một cách giải quyết khác mà tôi có, không tuyệt vời, là bỏ tệp jpeg gốc (có tên tệp mới) vào phần public_html/wp-content/uploads của trình duyệt tệp trang web của tôi và sau đó thay đổi URL của hình ảnh trong mã

  Nhưng chắc chắn có một giải pháp tốt hơn cho phép tôi sử dụng phương tiện tải lên trong wordpress và sử dụng hình ảnh chất lượng cao trên trang web của mình… ?