Cloudinary > 实例探究 > Hipcamp 走向户外,利用 Cloudinary 优化图像并缩短页面加载时间

Hipcamp 走向户外,利用 Cloudinary 优化图像并缩短页面加载时间

Cloudinary Logo
公司规模
11-200
地区
  • America
国家
  • United States
产品
  • Cloudinary’s upload widget
  • Cloudinary JS plug-in
  • Cloudinary’s f_auto functionality
  • Cloudinary’s q_auto feature
技术栈
  • Ruby on Rails
  • Carrier Wave
实施规模
  • Enterprise-wide Deployment
影响指标
  • Brand Awareness
  • Productivity Improvements
技术
  • 应用基础设施与中间件 - API 集成与管理
  • 平台即服务 (PaaS) - 连接平台
适用功能
  • 商业运营
  • 销售与市场营销
服务
  • 云规划/设计/实施服务
  • 软件设计与工程服务
关于客户
Hipcamp 的使命是让更多人走出户外,并激励下一代热衷于探索和保护我们土地的人。这首先要获得土地,以及有关他们可以通过露营体验土地的信息。Hipcamp 简化了露营旅行的规划,使人们能够快速轻松地在各种地点找到和预订露营地。Hipcamp 的网站在美国各地的 7,800 多个公园、16,300 个露营地和 346,200 个露营地(包括牧场、葡萄园和公共公园)提供独特的露营体验。
挑战
Hipcamp 是一个帮助露营者发现绝佳目的地的网站,它在管理露营者和房主上传的数千张不同质量、大小和格式的图片时面临挑战。开发人员必须单独重新格式化、裁剪和调整每张照片的大小,以满足 Hipcamp 的质量标准。为了确保这些图片无论以何种方式查看都能正确显示,开发人员必须制作多个版本的图片,专门设计用于台式机、平板电脑或手机查看。但由于团队只有 11 名工程师,他们全程负责工作,管理图片可能是一项全职工作,使他们没有时间专注于不断创新公司为用户提供的产品。
解决方案
Hipcamp 实施了 Cloudinary 的图像管理解决方案,以自动进行裁剪和图像优化,从而实现照片的即时公开发布、基于内容识别的自动标记以及网页的更快加载。使用 Cloudinary 的上传小部件,Hipcamp 开发了一个仪表板,通过该仪表板,主人可以为其列表页面上传照片。Cloudinary JS 插件允许主人和露营者一次上传 12 张照片。对于专业摄影师的制作拍摄,Hipcamp 依靠使用 Carrier Wave 的 Ruby on Rails 应用程序,使他们能够一次上传数百张照片。Cloudinary 允许 Hipcamp 提供 JPEG 或 WebP 版本,使用 f_auto 功能根据访问者使用的 Web 浏览器确定要提供的最佳版本。Hipcamp 还使用 Cloudinary 的 q_auto 功能控制照片的质量,以进行图像优化,确保所有页面加载速度快并提供尽可能高质量的图像。
运营影响
  • Hipcamp developers have saved hundreds of hours managing and transforming the 3.8 million of images on the site since implementing Cloudinary.
  • Cloudinary makes it intuitive for the engineers to store and access images, and add new formats, such as WebP, which has helped to reduce file sizes even more.
  • The ability to auto-tag images based on their content allowed Hipcamp to implement a dynamic file naming system based on those tags.
数量效益
  • Half a second page load time on desktop
  • Improved SEO for images
  • Faster time to market due to reduced dependencies

Case Study missing?

Start adding your own!

Register with your work email and create a new case study profile for your business.

Add New Record

联系我们

欢迎与我们交流!
* Required
* Required
* Required
* Invalid email address
提交此表单,即表示您同意 IoT ONE 可以与您联系并分享洞察和营销信息。
不,谢谢,我不想收到来自 IoT ONE 的任何营销电子邮件。
提交

感谢您的信息!
我们会很快与你取得联系。