Cắt xén điểm ưa thích liền mạch: Tự động trích xuất tiêu điểm hình ảnh

Cắt xén là một kỹ thuật quan trọng để cải thiện hình ảnh . Xóa thông tin nền không cần thiết hoặc thay đổi tỷ lệ khung hình của hình ảnh có thể cải thiện đáng kể sự tập trung của người xem vào hình ảnh. imgix cung cấp nhiều phương pháp cắt xén, bao gồm cả nhận diện khuôn mặt. Hướng dẫn này sẽ tập trung vào tính năng cắt theo điểm ưa thích tự động ( crop=entropy ) và cách bạn có thể sử dụng nó để cắt theo các khía cạnh nổi bật hoặc quan trọng nhất của hình ảnh. Đặc biệt, các khu vực có độ tương phản cao được coi là nổi bật nhất.

Cắt xén Entropy cơ bản

Giả sử chúng ta muốn cắt hình ảnh sau để loại bỏ một lượng lớn nền đen tĩnh khỏi hình ảnh.

umbrella.jpg?w=640

Bước đầu tiên là đặt các tham số w và h và chế độ fit=crop . Thao tác này sẽ thay đổi kích thước hình ảnh để lấp đầy ranh giới chiều rộng và chiều cao đã chọn, sau đó cắt mọi dữ liệu hình ảnh thừa.

fit=crop

chiều rộng: w=200
chiều cao: h=200
phù hợp: phù hợp = cắt

umbrella.jpg?w=200&h=200&fit=crop

quá trình cắt xén mặc định của imgix bắt đầu ở giữa hình ảnh, loại bỏ dữ liệu nằm ngoài các tham số đã cho. Tuy nhiên, ngoài việc cắt xén hình ảnh, chúng tôi cũng muốn chiếc ô ở trung tâm. Để thực hiện việc này, chúng tôi thêm crop=entropy vào chuỗi truy vấn để phần “ở giữa” trở thành khía cạnh nổi bật nhất của hình ảnh. Chiếc ô tương phản mạnh với phần còn lại của hình ảnh, vì vậy nó trở thành tâm điểm.

fit=crop&crop=entropy

cây trồng: cây trồng = entropy

umbrella.jpg?w=200&h=200&fit=crop&crop=entropy

Mục tiêu là loại bỏ một lượng lớn nền đen tĩnh để tập trung vào đối tượng. Trong ví dụ này, đối tượng của hình ảnh là chiếc ô màu đỏ và việc thêm crop=entropy cho phép chức năng cắt ảnh tập trung xung quanh nó. Tuy nhiên, đối tượng của một bức ảnh không phải lúc nào cũng là một vật thể vô tri vô giác.

Một giải pháp thay thế cho cắt tập trung vào khuôn mặt

Giả sử chúng ta muốn thay đổi kích thước và cắt hình ảnh sau để căn giữa mô hình.

womanlandscape.jpg?w=640

Hình ảnh được chụp bằng quy tắc một phần ba, cho phép hình ảnh hấp dẫn trực quan trong khi vẫn duy trì mô hình lệch tâm. Tuy nhiên, chúng tôi cũng muốn tạo các đoạn hình ảnh nhỏ hơn để sử dụng ở nhiều nơi trên trang web.

fit=crop

womanlandscape.jpg?w=200&h=200&fit=crop

Vì chức năng cắt tập trung vào trung tâm của hình ảnh và mô hình nằm ngoài trung tâm nên cô ấy không xuất hiện đầy đủ trong đoạn trích. Chúng ta có thể sử dụng chức năng cắt xén nhận diện khuôn mặt để căn giữa hình ảnh xung quanh khuôn mặt của cô ấy.

fit=crop&crop=faces

womanlandscape.jpg?w=200&h=200&fit=crop&crop=faces

Chế độ cắt nhận diện khuôn mặt đã phát hiện thành công khuôn mặt của cô ấy và căn giữa hình ảnh xung quanh khuôn mặt đó. Tuy nhiên, chúng tôi cũng quan tâm đến trang phục của cô ấy và nó không hoàn toàn nằm trong khung hình. Đầu gối của người mẫu bị ẩn một phần, vì vậy, thay vào đó, chúng tôi thêm crop=entropy để toàn bộ trang phục được bao gồm trong cảnh.

fit=crop&crop=entropy

womanlandscape.jpg?w=200&h=200&fit=crop&crop=entropy

Entropy Crop hoạt động như thế nào?

Trong khi chế độ cắt xén khuôn mặt tìm kiếm các khuôn mặt và tập trung vào chúng để cắt xén, thì chế độ cắt xén entropy tìm kiếm các khu vực có độ tương phản cao và tập trung vào các khu vực đó.

fit=crop

fit=crop

Trong hình trên, chúng tôi đã sửa đổi hình ảnh để làm nổi bật các vùng có độ tương phản cao trong hình ảnh. Phiên bản sửa đổi thể hiện điểm đáng chú ý trong ảnh—trong trường hợp này là đầu của kỳ nhông. Chế độ cắt xén entropy đã bỏ qua màu tĩnh của hình ảnh, thay vào đó tập trung vào các khu vực mà màu đen và trắng gặp nhau—màu sắc tươi sáng của kỳ nhông mang lại độ tương phản cao so với nền của nó.

Trong các ví dụ bên dưới, khả năng lấy nét ở các khu vực có độ tương phản cao của chế độ entropy crop này giúp kỳ giông được lấy làm trung tâm làm chủ thể của ảnh bất kể hướng dọc hay ngang. Giả sử hình ảnh của bạn có các vùng tương phản cao theo cách tương tự, điều này cho phép bạn tự động định hướng nghệ thuật cho hình ảnh của mình bằng cách sử dụng crop=entropy để phù hợp với nhiều kích thước và tỷ lệ khung hình khác nhau cho các thiết kế khác nhau.

fit=crop&crop=entropy

Để tìm hiểu thêm, hãy xem trang tài liệu imgix .

• Để tạo một tài khoản imgix miễn phí, bấm vào đây
• Để yêu cầu bản demo hoặc hỏi chúng tôi bất kỳ câu hỏi nào, hãy nhấp vào đây