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 đợiNgoà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 đầuSự thành công,
kimmyTrì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… ?