Cách dễ dàng nén một hoặc nhiều hình ảnh cùng một lúc

Một trong những thách thức đầu tiên mà tôi phải đối mặt với tư cách là quản trị viên web của blog này liên quan đến hình ảnh. Tôi cần nén hình ảnh (JPG, PNG, GIF) với mức độ yêu cầu rất cao nếu tôi muốn tối ưu hóa tài nguyên máy chủ và cũng tải nhanh.

Hôm nay tôi sẽ giải thích 2 phương pháp tôi sử dụng để chỉnh sửa và nén hình ảnh như một ninja thực thụ . Trong 3 năm qua, tôi đã thử mọi cách, nhưng cuối cùng, đây là cách phù hợp nhất với tôi, vì vậy tôi muốn chia sẻ với các bạn.

Cách nén một hoặc nhiều hình ảnh cùng một lúc theo cách đơn giản nhất có thể

Những gì nhiều người khuyên để nén hình ảnh là sử dụng các chương trình như Photoshop hoặc các trình chỉnh sửa đa phương tiện khác. Một cái gì đó rất tốt, nhưng những loại ứng dụng này thường không rẻ chính xác và chúng cũng mang lại rất nhiều chức năng chuyên nghiệp mà cá nhân tôi có rất nhiều - tôi chỉ muốn thực hiện một vài chỉnh sửa và nén một số ảnh chứ không phải tạo hoạt ảnh ngắn 8 phút-.

Cách chỉnh sửa và nén hình ảnh mà không cần cài đặt bất kỳ ứng dụng nào

Khi tất cả những gì tôi cần làm là nén hình ảnh và điều chỉnh lề và kích thước của nó, tôi sử dụng một công cụ web có tên Pixlr Express . Đây là một ứng dụng trực tuyến đã chứng kiến ​​bàn tay của Autodesk cách đây nhiều năm - cũng giống như Autocad- và hiện đã được một công ty khác (123RF) mua lại. Nhưng hãy đi vào vấn đề ...

Vấn đề là, nó vẫn miễn phí và nó hoạt động tốt. Không chỉ vậy, nó không yêu cầu đăng ký và cho phép chúng tôi chỉnh sửa hình ảnh, thêm bộ lọc, phông chữ và một số hiệu ứng tốt. Tôi đã có nó trong thư mục "yêu thích" của trình duyệt của mình trong một thời gian dài.

Để nén ảnh bằng Pixlr Express, chúng ta chỉ cần tải ảnh vào trình chỉnh sửa và nhấp vào " Lưu " . Khi lưu nó, công cụ sẽ cho phép chúng ta áp dụng mức nén mong muốn (từ 0% đến 100%).

Tại thời điểm lưu là khi nó cho phép chúng ta nén hình ảnh

Tất nhiên, chất lượng của hình ảnh sẽ phù hợp với mức độ nén mà chúng tôi áp dụng. Theo khuyến nghị cá nhân, tôi khuyên bạn nên áp dụng mức nén 65% so với ban đầu . Đó là điểm mà hình ảnh trông vẫn đẹp và trọng lượng của nó giảm đáng kể.

Cách nén nhiều hình ảnh cùng một lúc và xếp tầng

Nếu chúng ta có một số hình ảnh làm việc với Pixlr có thể hơi tẻ nhạt. Đối với những trường hợp này, tôi sử dụng một chương trình miễn phí có tên RIOT (Công cụ tối ưu hóa hình ảnh cấp tiến), được thiết kế đặc biệt để nén hình ảnh JPG, GIF và PNG.

RIOT cho phép chúng tôi tải hình ảnh, điều chỉnh mức độ nén và xem bản xem trước của hình ảnh sau khi áp dụng nén. Điều này là rất tốt để chúng tôi điều chỉnh nó nhiều nhất có thể mà vẫn trông đẹp.

Nhưng điều kỳ diệu thực sự của RIOT nằm ở tính năng “Batch” của nó. Từ đây, chúng ta có thể tải nhiều hình ảnh cùng một lúc (ví dụ: tất cả các hình ảnh được chứa trong một thư mục hoặc các thư mục con) và nén chúng theo tầng . Để làm điều này, chúng ta chỉ cần nhấp vào biểu tượng “ Batch ”, chọn thư mục đích ( Thư mục đầu ra ) và thư mục nguồn ( Thêm hình ảnh -> Thêm tất cả hình ảnh từ thư mục ). Khi chúng tôi có mọi thứ theo ý muốn của mình, chỉ cần nhấp vào " Bắt đầu " để thực hiện nén hàng loạt cho tất cả các hình ảnh đã chọn.

Thật tuyệt, bạn nghe đây ...

Sự khác biệt giữa việc nén từng ảnh một và làm theo cách này đơn giản là rất khó. Hãy tưởng tượng rằng bạn phải tối ưu hóa tất cả các hình ảnh của một công việc đại học, hoặc tệ hơn, tất cả các hình ảnh trên trang web của bạn.

Mức độ nén hoàn hảo cho hình ảnh trên blog hoặc trang web

Như tôi đã đề cập một chút ở trên, mức nén hoàn hảo là 65% cho các trang web. Nhưng đây chỉ là khuyến nghị cá nhân ...

Nhưng nếu chúng ta có một trang web và chúng ta muốn mức nén "hoàn hảo", chúng ta chắc chắn sẽ muốn một thứ gì đó hơn là đề xuất cá nhân của một người tự gọi mình là "android hạnh phúc".

Đối với những trường hợp này, Google có trang nổi tiếng dành cho quản trị viên web Pagespeed Insights. Công cụ này, ngoài việc cho chúng tôi biết tốc độ tải trang web của chúng tôi và cho chúng tôi một số lời khuyên khác, còn cho phép chúng tôi tải xuống bản sao của tất cả các hình ảnh mà một URL cụ thể chứa. Các bản sao này của hình ảnh sẽ được tối ưu hóa 100%.

Để tải xuống hình ảnh, chúng ta phải nhập URL nơi chúng treo và nhấp vào nút " Phân tích ". Khi quá trình phân tích hoàn tất, từ tab " Máy tính ", chúng tôi cuộn gần như đến cuối và nhấp vào liên kết " Tải xuống tài nguyên hình ảnh, JavaScript và CSS được tối ưu hóa cho trang này ". Chúng tôi sẽ tự động lấy tệp ZIP với các tài nguyên này đã được tối ưu hóa.

Nó hơi ẩn nhưng nó là một chức năng với tiện ích dã man

Tôi hy vọng hướng dẫn này là hữu ích cho bạn. Nếu tôi có thể đọc một cái gì đó như thế này khi tôi bắt đầu dự án này, nó chắc chắn sẽ giúp tôi đỡ đau đầu hơn rất nhiều.

Tái bút: Bài dành tặng cho "cái tôi" của tôi ngày xưa. Các bạn cùng học xem nào!

Bạn đã cài đặt Telegram chưa? Nhận bài đăng hay nhất mỗi ngày trên kênh của chúng tôi . Hoặc nếu bạn thích, hãy tìm hiểu mọi thứ từ trang Facebook của chúng tôi .