Nếu bạn quản lý một thị trường trực tuyến dựa trên sự tương tác của người dùng và chia sẻ xã hội, nội dung và hình ảnh do người dùng tạo (UGC/UGI) là một số tài sản có giá trị nhất. Các trang web đánh giá như Yelp cho phép người dùng ca ngợi hoặc phàn nàn về chất lượng của các nhà hàng thông qua các bức ảnh. Các trang web du lịch giúp chủ sở hữu thu hút khách truy cập bằng những bức ảnh và video đẹp. Cuối cùng, các trang chia sẻ ảnh như   giúp các nhiếp ảnh gia thể hiện sự nhạy cảm độc đáo của họ và thu hút sự chú ý. Bapt  Tuy nhiên, UGI rất khó làm việc và hình phạt nếu làm sai có thể rất nặng. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách xử lý UGI theo lập trình, để bạn có thể xây dựng lòng tin, cải thiện trải nghiệm người dùng và đơn giản hóa quy trình làm việc của mình.  Lợi ích của nội dung do người dùng tạo  Nội dung do người dùng tạo, đặc biệt là hình ảnh và video, rất phù hợp để xây dựng cơ sở người dùng ngày càng tăng. Nếu bạn xây dựng một hệ sinh thái lành mạnh trên trang web hoặc ứng dụng của mình, thì bạn có thể khai thác sức mạnh của UGI theo ba cách sau:    Bạn bè, hàng xóm, đồng nghiệp và đồng nghiệp tin tưởng lẫn nhau hơn là tin vào các thông điệp tiếp thị. Một nghiên cứu gần đây của Stackla cho thấy 60% người tiêu dùng đưa ra quyết định mua hàng dựa trên lời khuyên từ gia đình và bạn bè. Khi kết nối là xác thực, sẽ có nhiều sự tin tưởng hơn. Tin tưởng:    Thị hiếu và sở thích của mọi người là duy nhất. Trong một thế giới ngày càng có nhiều cá nhân, người dùng muốn cá nhân hóa. Nội dung do người dùng tạo là một cách tuyệt vời để tiếp cận đối tượng thích hợp và đáp ứng nhu cầu của họ. Cá nhân hóa:    Hơn nữa, lấy hình ảnh từ người dùng thường là cách thiết thực và tiết kiệm chi phí hơn để tạo nội dung, đặc biệt là đối với các thị trường trực tuyến. Hiệu quả về chi phí:  Điều cần tập trung vào khi xử lý hình ảnh do người dùng tạo  Nếu bạn đang làm việc với UGC, rất có thể bạn đang xử lý hàng nghìn, nếu không muốn nói là hàng triệu UGI hàng ngày. Các hình ảnh có thể là của những người có ảnh hưởng thiếu kinh nghiệm, các nhiếp ảnh gia dày dạn kinh nghiệm hoặc bất kỳ ai ở giữa. Do đó, những hình ảnh này có thể có nhiều định dạng, kích thước và chất lượng khác nhau.  Mặt khác, khách truy cập trang web của bạn, những người sử dụng nội dung vẫn mong đợi trải nghiệm tốt nhất, bao gồm những điều sau:  Tải hình ảnh và tốc độ trang nhanh  Thiết kế đáp ứng và khả năng thích ứng thiết bị  Định dạng và thành phần chuẩn hóa  An toàn thương hiệu và kiểm duyệt nội dung  Thu hẹp khoảng cách giữa kỳ vọng của người dùng và những thách thức trong quá trình xử lý UGI có thể rất khó khăn. Và việc tìm kiếm một giải pháp đơn giản giải quyết tất cả những nhu cầu này dường như là điều không thể. Tuy nhiên, có những giải pháp tiết kiệm chi phí, đáng tin cậy và có thể mở rộng, và trong phần còn lại của bài viết này, chúng tôi sẽ cho bạn biết chính xác chúng là gì và bạn có thể triển khai chúng dễ dàng như thế nào.  1. Tối ưu hóa để tải nhanh và tốc độ trang  Hình ảnh và video, đặc biệt là những hình ảnh do người dùng tạo, thường là những tệp lớn nhất trên trang web, dẫn đến tốc độ trang chậm. Nếu SEO quan trọng đối với doanh nghiệp của bạn, thì bạn nên cố gắng tối ưu hóa và nén hình ảnh, điều này có thể cải thiện tốc độ trang,   và ngược lại, kết quả tìm kiếm của bạn. Với Imgix, bạn có thể kết hợp ba kỹ thuật phổ biến để giảm kích thước tệp hình ảnh và tăng tốc độ trang: Các chỉ số quan trọng về trang web   Phục vụ hình ảnh ở các định dạng thế hệ tiếp theo như AVIF hoặc WebP   Thay đổi kích thước đúng kích thước hình ảnh   Hãy để Imgix áp dụng nén nỗ lực nhất  Trong các ví dụ bên dưới, hình ảnh gốc có kích thước tệp là 3,3 MB. Hình ảnh được tối ưu hóa, mặc dù trông giống hệt nhau, nhưng có kích thước tệp chỉ 215kB, nhỏ hơn 93% so với hình ảnh gốc. Điều này sẽ cải thiện tốc độ tải đáng kể. Nó đạt được bằng cách sử dụng ba phép biến đổi đơn giản dưới dạng chuỗi truy vấn URL -   . fm=webp&auto=compress&w=2000   Ảnh gốc - 3,3 MB    . Nhấp vào liên kết và xem giảm kích thước. Hình ảnh được tối ưu hóa - 215kB    2. Thiết kế đáp ứng  Với sự phổ biến của các thiết bị và trình duyệt, bạn không thể chỉ dựa vào một phiên bản hình ảnh để thích ứng với các môi trường khác nhau và trông đẹp mắt trong từng môi trường. Ngược lại, việc tạo thủ công các tệp phái sinh cho các kích thước khác nhau tốn nhiều công sức và khó có thể mở rộng.  May mắn thay, thuộc tính   giảm bớt nhu cầu đó bằng cách hướng trình duyệt xác định kích thước hình ảnh tốt nhất dựa trên các tùy chọn có sẵn. Ngoài ra, bạn có thể sử dụng phần tử Imgix và   cho Art Direction. <srcset> <picture>  Srcset để chuyển đổi độ phân giải     <picture> cho chỉ đạo nghệ thuật  3. Chuẩn hóa chất lượng hình ảnh và bố cục  Hầu hết các hình ảnh do người dùng tạo không được tạo một cách chuyên nghiệp. Chúng thường quá sáng, quá tối hoặc đơn giản là quá mâu thuẫn với nhau. Để cải thiện chất lượng hình ảnh và sự gắn kết, bạn nên xem xét một bộ cải tiến hình ảnh tiêu chuẩn. Và nếu bạn đang xử lý hàng nghìn UGI trở lên mỗi ngày, tự động hóa có thể giúp bạn tiết kiệm một lượng lớn thời gian.    — làm cho hình ảnh sống động hơn bằng cách điều chỉnh sự phân bố của các vùng sáng, vùng giữa và vùng tối trên các kênh RGB auto=true    — cung cấp tính năng loại bỏ mắt đỏ auto=redeye  Lấy nét và tạo khung cho khuôn mặt cũng rất quan trọng. Biểu cảm khuôn mặt của một chủ đề tin tức, nếu được phóng to và cắt xén một cách thích hợp, thường có thể kể một câu chuyện nhiều sắc thái hơn bất kỳ từ ngữ nào. Và nếu bạn lưu trữ các bài đánh giá sản phẩm từ người dùng, hình đại diện của người dùng sẽ thêm tính xác thực và độ tin cậy. Một số tham số API Imgix giúp dễ dàng phát hiện, tạo khung và cắt theo khuôn mặt:    — chọn một mặt để căn giữa hình ảnh. Bạn có thể cô lập một mặt cụ thể hoặc bao gồm nhiều mặt. Trong ví dụ bên dưới, chúng tôi đã chọn khuôn mặt của đứa trẻ bằng cách sử dụng   và một vài tham số khác.  faceindex faceindex=2    - xác định số lượng phần đệm xung quanh các mặt. Trong ví dụ bên dưới, cùng với một số tham số khác, chúng tôi phóng to khuôn mặt của người mẫu bằng cách sử dụng   .  facepad facepad=1    - đặt mặt nạ trên một hình ảnh. Trong ví dụ bên dưới, cùng với một số tham số khác, chúng tôi đặt một mặt nạ hình tròn xung quanh khuôn mặt của người mẫu bằng cách sử dụng   .  mặt nạ mask=ellipse  Chỉ cần lưu ý, Imgix không lưu trữ thông tin khuôn mặt hoặc nhận dạng bất kỳ cá nhân nào trong ảnh. Tất cả quá trình phát hiện diễn ra nhanh chóng và tuân thủ các quy định Bảo vệ dữ liệu của EU.  4. Giám sát và kiểm duyệt nội dung  Với UGI, an toàn nội dung là một yếu tố quan trọng khác cần cân nhắc.   Imgix có thể giúp bạn tự động phát hiện nội dung có khả năng bạo lực, người lớn hoặc nội dung đáng ngờ. Cảnh báo nội dung giúp sắp xếp hình ảnh do người dùng tạo nhanh hơn và dễ dàng hơn, đồng thời bạn có thể tự động kiểm duyệt nội dung hiệu quả hơn.  Trình quản lý nội dung  Bắt đầu với việc xử lý hình ảnh do người dùng tạo  Khi khối lượng, sự đa dạng và độ phức tạp của nội dung do người dùng tạo tăng lên, nó có thể làm trầm trọng thêm sự căng thẳng cho bạn và nhóm của bạn. Chúng tôi đã xây dựng Imgix để bạn có thể mang lại trải nghiệm hình ảnh tốt nhất cho khách truy cập, cải thiện hiệu suất trang và loại bỏ công việc dư thừa cho nhà phát triển và nhà thiết kế của bạn.  Cũng được xuất bản  ở đây.  Những gì được hiển thị trong bài viết này chỉ đơn giản là làm xước bề mặt của những gì Imgix cung cấp. Kiểm tra các tài nguyên sau để xem Imgix có thể giúp bạn như thế nào với nhu cầu phương tiện trực quan của bạn.   Tìm hiểu về các chuyển đổi UGI phổ biến   Tạo tài khoản imgix miễn phí  Đọc các nghiên cứu điển hình này để xem khách hàng của chúng tôi đã làm việc với UGI như thế nào.   sự kiện   Pexels   Dây Bất động sản (REW)

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

Boost your HackerNoon story @ $159.99! 🚀

Tự động xử lý UGI để tin cậy, cá nhân hóa và hiệu quả

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

240 Stories To Learn About Astounding Stories

72 Stories To Learn About The Essays Of Adam Smith

189 Stories To Learn About Reading Books

223 Stories To Learn About Science

240 Stories To Learn About Astounding Stories

72 Stories To Learn About The Essays Of Adam Smith

189 Stories To Learn About Reading Books

223 Stories To Learn About Science

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps