Bài viết này hướng dẫn cách convert/chuyển đổi webp sang JPG/PNG trên Ubuntu bằng ImageMagick. Với công cụ ImageMagick, bạn có thể chuyển đổi các định dạng ảnh theo ý muốn
Sử dụng ImageMagick® để tạo, chỉnh sửa, soạn thảo hoặc chuyển đổi kỹ thuật số hình ảnh. Nó có thể đọc và ghi hình ảnh ở nhiều định dạng [hơn 200] bao gồm PNG, JPEG, GIF, WebP, HEIC, SVG, PDF, DPX, EXR và TIFF. ImageMagick có thể thay đổi kích thước, trở, phản chiếu, xoay, méo, cắt và biến đổi hình ảnh, điều chỉnh màu sắc hình ảnh, áp dụng các hiệu ứng đặc biệt khác nhau hoặc vẽ văn bản, đường thẳng, đa
— Liên kết tham khảo. https. // tưởng tượng. tổ chức/tập lệnh/chỉ mục. php
Hướng dẫn chuyển webp sang JPG/PNG trên Ubuntu bằng ImageMagick
WebP là một định dạng hình ảnh hiện đại cung cấp khả năng nén không làm mất dữ liệu và vượt trội cho hình ảnh trên web. Sử dụng WebP, quản trị web thành viên và nhà phát triển web có thể tạo hình ảnh nhỏ hơn, phong phú hơn để giúp tải web nhanh hơn
— Liên kết tham khảo. https. // nhà phát triển. Google. com/tốc độ/webp
Để có thể chuyển đổi ảnh webp sang các định dạng ảnh khác như jpg, png, gif… Trước tiên, bạn cần cài đặt ImageMagick, trong bài hướng dẫn này, nó sẽ hướng dẫn bạn cách cài đặt ImageMagick phiên bản mới nhất
1. Hướng dẫn cài đặt ImageMagick trên Ubuntu 22. 04. 22. 04 LTS
Kho lưu trữ Ubuntu Apt có phiên bản ổn định của ImageMagick. Đôi khi Repository Apt mất nhiều thời gian để có phiên bản mới nhất. Trước tiên, hãy kiểm tra cách cài đặt ImageMagick bằng phương pháp apt. Bây giờ, hãy cập nhật hệ thống và cài đặt ImageMagick
sudo apt update sudo apt install imagemagick
Sau khi cài đặt xong, bạn có thể kiểm tra phiên bản hoạt động của ImageMagick
convert -version [ Hoặc identify -version]
2. Hướng dẫn sử dụng ImageMagick để chuyển ảnh webp sang jpg, png…
— Cách chuyển đổi định dạng cấu hình của các tập tin đơn lẻ với ImageMagick
Để chuyển đổi định dạng hình ảnh đơn lẻ, lệnh sử dụng ImageMagick như sau
convert filename.webp filename.[format]
Ví dụ
convert filename.webp filename.jpg
— Hướng dẫn chuyển đổi định dạng hình ảnh nhiều tệp với ImageMagick
Hoặc nếu bạn có nhiều tệp webp và muốn chuyển đổi tất cả chúng sang jpg hoặc png…
find /folder -iname '*.webp' -exec convert '{}' -format webp '{}'.jpg \;
Ví dụ
find /home/itsmeit/Pictures/test -iname '*.webp' -exec convert '{}' -format webp '{}'.jpg \;
Tương tự, bạn cũng có thể chuyển đổi định dạng jpg, png… sang webp bằng lệnh trên, chỉ cần thay thế định dạng trong lệnh
find /folder -iname '*.jpg' -exec convert '{}' -format webp '{}'.png \;
— Liên kết tham khảo. https. // tưởng tượng. org/script/công cụ dòng lệnh. php
Trên đây là hướng dẫn cách chuyển đổi webp sang JPG/PNG trên Ubuntu bằng ImageMagick và đảo ngược, giúp bạn dễ dàng xử lý các định dạng ảnh. Hy vọng bài viết này sẽ giúp ích cho bạn
Tốc độ của trang web được quyết định ngoài tốc độ xử lý mã nguồn bên trong máy chủ, thì một yếu tố khác quan trọng không kém đó là dung lượng tổng của trang web khi tải ra ngoài trình duyệt. Và dung lượng của trang web khi tải xuống trình duyệt thì phần lớn là do hình ảnh vì các tệp hình ảnh là những tệp nặng nhất, điều này đồng nghĩa với việc trang web của bạn càng có nhiều hình ảnh thì thời gian tải hoàn thiện một trang web càng nhiều
Để dễ so sánh, bạn cứ thử tải file nào dung lượng khoảng 8 – 10MB về máy xem mất bao nhiêu giây, và cứ tưởng tượng khi tải website lên cũng 8 – 10MB như thế nào
Khi sử dụng hình ảnh trong WordPress, ngoài việc tối ưu hóa dung lượng hình ảnh thì bạn có thể áp dụng một công nghệ khác tiên tiến hơn đó là WebP của Google – một định dạng hình ảnh mới thay thế cho PNG, JPEG và GIF
Tham khảo. Tăng tốc website WordPress từ A đến Z
Cách cài đặt WebP lên website WordPress
Imagify GIỚI THIỆU
Có rất nhiều plugin hỗ trợ chuyển đổi các định dạng ảnh thông thường qua WebP, nhưng có một plugin trong số đó mình đã sử dụng khá lâu và rất ổn định đó là Imagify. Ưu điểm của Imagify đó là nó sẽ gửi ảnh trên trang web của bạn về máy chủ Imagify để nén và sau đó trả ngược lại kết quả, sẽ giảm thiểu gánh nặng cho máy chủ cũng như trang web không bị phụ thuộc nhiều
Tuy nhiên, ưu điểm của Imagify cũng là nhược điểm, đó là điều cần thiết để gửi anh về máy chủ Imagify để xử lý nên thời gian xử lý sẽ lâu hơn và sẽ bị giới hạn xử lý dung lượng ảnh nén. Nếu bạn muốn nhiều hơn thì cần phải trả phí. Hiện tại Imagify có ứng dụng thu phí là 1GB/tháng với $4. 99, hoặc nếu bạn không có nhiều hình ảnh tải lên thường xuyên thì có thể mua gói sử dụng một lần với giá $6/500MB. Một mức giá có thể gọi là chấp nhận được nếu bạn có quá nhiều hình ảnh tải lên trang web mỗi tháng
Hiện tại Imagify cho phép bạn sử dụng 25MB/ngày miễn phí
Theo như mình đang sử dụng Imagify cho thachpham. com thì plugin này sẽ giúp mình giảm khoảng 70% dung lượng hình ảnh, thật đáng kinh ngạc phải không nào
Tham khảo. The value of Imagify
Cài đặt WebP vào WordPress và cách sử dụng
Sau khi hoàn tất cài đặt WebP, bạn tiến hành đăng ký tài khoản bằng cách nhấp vào nút Đăng ký hiển thị ra
Sau đó nhập email của bạn vào
Enter email to register Imagify
Bây giờ, khi bạn kiểm tra email, sẽ thấy hệ thống Imagify gửi cho bạn mã API Key và đường dẫn kích hoạt tài khoản. Vui lòng nhấp vào kích hoạt và sao chép lại Khóa API
Đã có API Key và kích hoạt tài khoản rồi, bạn hãy copy API Key vào nút I Have My API Key nào
Cuối cùng là nhấn nút Go to Settings để chuyển tới trang cài đặt, hoặc bạn có thể truy cập trực tiếp vào Settings => Imagify
Tại trang thiết lập, bạn đánh dấu vào nút Hiển thị hình ảnh ở định dạng webp trên trang web, nếu bạn sử dụng CDN ở định dạng tên miền phụ, hãy điền vào các khung bên dưới, không bỏ trống
Chúng ta sẽ sử dụng theo phương thức sử dụng thẻ để có thể hiển thị ảnh webp trên các trình duyệt hỗ trợ và vẫn có thể hiển thị ảnh bình thường trên các trình duyệt webp không hỗ trợ
Bây giờ nếu bạn sử dụng shared hosting bình thường thì hệ thống sẽ tự động chèn đoạn mã viết lại đường dẫn vào tệp tin. htaccess, if reason do any that that file. htaccess can't edited, you's auto insert with after content
# BEGIN Imagify: webp file type AddType image/webp .webp # END Imagify: webp file type
Đối với NGINX, bạn chèn đoạn sau vào tệp cấu hình vhost
________số 8In save back to save setting
Nén toàn bộ ảnh có sẵn trên trang web
Sau khi thiết lập hoàn tất, plugin Imagify sẽ tự động nén các ảnh khi bạn tải lên bài viết. Nhưng với các hình ảnh đã có sẵn trên trang web thì chúng ta cần phải chạy công cụ Tối ưu hóa hàng loạt một lần để nén toàn bộ bộ ảnh có sẵn
Bạn vào Media => Bulk Optimization
Và nhấn nút Imagif'em all ở bên dưới
Bây giờ bạn đang giữ nguyên trang hiện tại để nó tiến hành nén, thời gian nén có thể kéo dài tùy chỉnh theo lượng ảnh có trên trang web của bạn
Khôi phục ảnh gốc
Trong một số trường hợp nào đó, bạn muốn đưa ảnh đã nén và chuyển đổi qua WebP về định dạng gốc thì có thể truy cập vào Media => Library và nhấn nút Restore to Original trong ảnh bạn muốn khôi phục
Lưu ý là khi Imagify nén ảnh thì nó vẫn save lại file ảnh gốc trong thư mục
convert -version [ Hoặc identify -version]0 nên các bạn cứ yên tâm nhé. Về lâu dài nếu bạn muốn giải phóng dung lượng của máy chủ thì chỉ cần tải thư mục này về máy để lưu lại và xóa trên máy chủ đi là được
Kiểm tra WebP trên trang web
Để kiểm tra trang web bạn đã sử dụng WebP chưa thì cần phải chắc chắn rằng bạn đã chạy hoàn tất công cụ Tối ưu hóa hàng loạt để tất cả các hình ảnh đều được chuyển sang WebP
Sau đó, bạn nhấp vào hình ảnh trong bài viết và chọn mở ảnh trong tab mới. If the image show out is a end of the format
convert -version [ Hoặc identify -version]1, was used to public