前往户外利用 Cloudinary 优化图像并缩短页面加载时间

julekhakhatun77

在创建一个允许露营者发现精彩目的地的网站时，Hipcamp 非常重视提供展示美丽地点列表的高质量图像，无论用户是通过台式机、平板电脑还是手机访问该网站。自 2015 年以来，Hipcamp 依靠 Cloudinary 的图像管理解决方案实现自动裁剪和图像优化，实现照片的即时公开交付、基于内容识别的自动标记以及更快的网页加载。此外，Hipcamp 能够保持其网站外观和风格的高标准。

Hipcamp 的使命是让更多的人走出家门，激励下一代热衷于探索和保护我们的土地。首先是获得土地，以及有关他们可以在哪里通过露营体验土地的信息。Hipcamp 消除了规划露营旅行的复杂性，让您可以快速轻松地查找和预订不同地点的露营地。Hipcamp 网站在全美 7,800 多个公园、16,300 个露营地和 346,200 个露营地（包括牧场、葡萄园和公园）提供独特的露营体验。

挑战：管理数千张图像并高质量交付复制此标题的链接
跨所有视口 创建一个具有视觉吸引力的网站对于 Hipcamp 来说非常重要，它把自己比作露营者的 Airbnb。“图像对于 Hipcamp 站点至关重要，它向露营者展示他们可以在私人露营区、公共露营地、州立公园和国家森林中找到什么，”Hipcamp 的高级软件工程师之一 Pierre Alvan 说道。

为了用图像填充其网站 阿曼电话号码表 Hipcamp 依靠露营地主机上传其房产的图像，并依靠露营者分享他们最喜欢的地点的照片。该公司还拥有一支摄影师团队，他们在全国各地拍摄特色目的地的专业照片。

“我们在数字内容质量方面保持着非常特殊的图像理念。我们为摄影师制定了指南，这些指南附在我们在网站上展示照片的方式中，”阿尔万补充道。这些高标准在处理露营者和业主上传的不同质量、尺寸和格式的照片时带来了一些挑战。开发人员面临着一项艰巨的任务，即单独重新格式化、裁剪和调整每张照片的大小，以满足 Hipcamp 的质量标准。为了确保这些图像正确显示，无论访问者如何查看它们，开发人员都必须制作多个版本的图像，专门为台式机、平板电脑或手机查看而设计。

但由于团队只有 11 名工程师，他们在全栈工作，管理图像可能是一项全职工作，让他们没有时间专注于不断创新公司为用户提供的产品。



Cloudinary 解决方案：自动化并保持一致的质量复制此标题的链接
Hipcamp 使用 Cloudinary 的上传小部件开发了一个仪表板，房东可以通过该仪表板上传其列表页面的照片。Cloudinary JS 插件允许主持人和营员一次上传 12 张照片。当他们上传图像时，该图像包含在该露营地列表的体验中，这使得系统能够轻松地将 Cloudinary ID 分配给 Hipcamp 系统内部的照片。从那里，开发人员可以将照片链接到它在网站上代表的内容。