Cắt xén là một kỹ thuật quan trọng để   . 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.   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 (   ) 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ải thiện hình ảnh imgix crop=entropy  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ố   và   và chế độ   . 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. w h fit=crop   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   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. crop=entropy   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   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. crop=entropy  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   để toàn bộ trang phục được bao gồm trong cảnh. crop=entropy   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   để 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. crop=entropy   fit=crop&crop=entropy      Cũng được xuất bản  ở đây.  Để 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

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

Sign Up for Free

Get A Demo

Read the Docs

Visit Website

Nghe bài viết này bằng Tiếng Anh, đọc bởi robot thông minh của HackerNoon

dài quá đọc không nổi

Make resilience your competitive advantage

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

About Author

BÌNH LUẬN

chuyên mục

BÀI VIẾT NÀY CŨNG CÓ MẶT TẠI

Related Stories

309 Stories To Learn About Smart Contracts

189 Stories To Learn About Reading Books

147 Stories To Learn About Reading Books Online

287 Stories To Learn About Blockchain Development

309 Stories To Learn About Smart Contracts

189 Stories To Learn About Reading Books

147 Stories To Learn About Reading Books Online

287 Stories To Learn About Blockchain Development

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps