如果您管理一个依赖于用户参与和社交共享的在线市场，用户生成的内容和图像 (UGC/UGI) 是一些最有价值的资产。 Yelp 等评论网站让用户通过照片赞扬或抱怨餐馆的质量。旅游网站帮助业主用精美的照片和视频吸引游客。最后，像 这样的照片共享网站可以帮助摄影师展示他们独特的感受力并获得曝光率。 Unsplash 然而，UGI 很难处理，而且错误的惩罚可能会很严重。在本文中，我们将向您展示如何以编程方式处理 UGI，以便您建立信任、改善用户体验并简化您的工作流程。 用户生成内容的好处 用户生成的内容，尤其是图像和视频，非常适合建立不断增长的用户群。如果您在您的网站或应用程序上构建了一个健康的生态系统，您可以通过以下三种方式利用 UGI 的力量： 朋友、邻居、同龄人和同事彼此之间的信任远胜于他们对营销信息的信任。 Stackla 最近的一项研究发现，60% 的消费者根据家人和朋友的建议做出购买决定。当连接是真实的时，就会有更多的信任。 信任： 人们的品味和喜好是独一无二的。在一个日益个性化的世界中，用户需要个性化。用户生成的内容是接触小众受众并满足他们需求的好方法。 个性化： 更重要的是，从用户那里获取图像通常是生成内容的更实用且更具成本效益的方式，尤其是对于在线市场而言。 成本效益： 处理用户生成的图像时要注意什么 如果您正在处理 UGC，那么您很可能每天要处理数以千计（如果不是数百万）的 UGI。这些图片可能来自缺乏经验的影响者、经验丰富的摄影师或介于两者之间的任何人。因此，这些图像可能具有多种格式、大小和质量。 另一方面，使用内容的网站访问者仍然期望获得最佳体验，其中包括： 快速图像加载和页面速度 响应式设计和设备适应性 标准化格式和组成 品牌安全和内容审核 弥合用户期望与 UGI 处理挑战之间的差距可能是一项艰巨的任务。找到一个解决所有这些需求的简单解决方案似乎几乎是不可能的。但是，存在经济高效、可靠且可扩展的解决方案，在本文的其余部分，我们将向您确切展示它们是什么以及部署它们的难易程度。  1. 优化快速加载和页面速度 图像和视频，尤其是用户生成的图像和视频，通常是网页上最大的文件，导致页面速度缓慢。如果 SEO 对您的业务很重要，您应该尝试优化和压缩图像，这可以提高您的页面速度、   ，进而改善您的搜索结果。使用 Imgix，您可以结合三种常用技术来减小图像文件大小并加快页面速度： Core Web Vitals 提供下一代格式的图像，例如 AVIF 或 WebP 适当调整图像尺寸 让 Imgix 应用尽力而为的压缩 在下面的示例中，原始图像的文件大小为 3.3MB。优化后的图像尽管看起来相同，但文件大小仅为 215kB，比原始图像小 93%。这将显着提高加载速度。它是通过使用三个简单的转换作为 URL 查询字符串 -  来实现的。 fm=webp&auto=compress&w=2000   原始图像 - 3.3MB    。单击链接并查看缩小的尺寸。 优化图像 - 215kB    2.响应式设计 随着设备和浏览器的激增，您不能简单地依赖一个图像版本来适应不同的环境并且在每个环境中看起来都不错。相反，手动生成不同维度的衍生文件是劳动密集型的，而且很难扩展。 幸运的是，  属性通过指示浏览器根据可用选项识别最佳图像大小来减轻这种需要。此外，您可以将 Imgix 和 元素用于艺术指导。 <srcset> <picture> 分辨率切换的srcset     <picture> 艺术指导 3.标准化视觉质量和构图 大多数用户生成的图像都不是专业创建的。它们通常太亮、太暗，或者彼此之间太不一致。为了提高视觉质量和凝聚力，您应该考虑一组标准的图像增强。如果您每天要处理数千或更多的 UGI，自动化可以帮助您节省大量时间。    — 通过调整 RGB 通道中高光、中间调和阴影的分布使图像更加生动 auto=true  — 提供红眼消除 auto=redeye 对焦和构图面部也很重要。新闻主题的面部表情，如果放大并适当裁剪，通常可以讲述比任何文字都更微妙的故事。如果您托管来自用户的产品评论，用户头像会增加真实性和可信度。几个 Imgix API 参数使检测、框架和裁剪到人脸变得容易：    — 选择将图像居中的面部。您可以隔离特定的面孔或包含多个面孔。在下面的示例中，我们使用 和其他一些参数选择了孩子的脸。  faceindex faceindex=2    — 定义面部周围的填充量。在下面的示例中，除了一些其他参数，我们使用 放大模型的面部。  facepad facepad=1    — 在图像上设置遮罩。在下面的示例中，连同其他一些参数，我们使用 在模型的面部周围放置了一个圆形遮罩。  mask mask=ellipse 请注意，Imgix 不会存储面部信息或识别图片中的任何个人。所有检测都是即时进行的，并符合欧盟数据保护法规。  4. 内容监控和审核 对于 UGI，内容安全是另一个高风险的考虑因素。 Imgix  可以帮助您自动检测潜在的暴力、成人或其他有问题的内容。内容警报使组织用户生成的图像变得更快、更容易，并且您可以更有效地自动化内容审核。  Asset Manager 开始使用用户生成的图像处理 随着用户生成内容的数量、种类和复杂性的增加，它会加剧您和您的团队的压力。我们构建了 Imgix，因此您可以为访问者提供最佳视觉体验，提高页面性能，并消除开发人员和设计人员的冗余工作。 也发布 在这里。 本文中展示的内容只是触及了 Imgix 提供的内容的皮毛。查看以下资源，了解 Imgix 如何帮助您满足视觉媒体需求。 了解常见的 UGI 转换 创建一个免费的 imgix 帐户 阅读这些案例研究，了解我们的客户如何使用 UGI。 活动现场 像素 房地产电汇 (REW)

Sign Up for Free

Get A Demo

Read the Docs

Visit Website

該音頻是用故事的原始語言製作的！

太長; 讀書

Boost your HackerNoon story @ $159.99! 🚀

动态处理 UGI 以实现信任、个性化和效率

About Author

註釋

標籤

这篇文章刊登在

Related Stories

创建以用户为中心的加密产品：客户反馈的重要性

如何将您的工作流程提高 10 倍：17 个必备应用程序

成功云迁移的完整指南：策略和最佳实践

使用这 18 种开发工具来提高你的工作效率 🚀🔥

创建以用户为中心的加密产品：客户反馈的重要性

如何将您的工作流程提高 10 倍：17 个必备应用程序

成功云迁移的完整指南：策略和最佳实践

使用这 18 种开发工具来提高你的工作效率 🚀🔥

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps