云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

虚拟主机_服务器检测工具_安全稳定

小七 141 0

如何使用Cloudinary优化和交付商业云商店中的媒体

您可能听说过,端到端媒体管理解决方案Cloudinary现在拥有一个经过认证的盒式磁带,Salesforce Commerce Cloud(以前叫Demandware)是业界最灵活和可扩展的电子商务平台之一。Cloudinary盒式磁带使您能够简化和自动化整个商业云存储(包括产品图像和视频、类别资产和站点)中操作、优化和交付图像和视频的过程产品目录Cartridget提供了对Cloudinary强大的媒体管理功能的访问,包括先进的动态图像和视频操作功能、响应图像、图像优化、快速多CDN传输等。使用Cloudinary,您可以快速、轻松地增强图像和视频,并自动化管理和发布可视媒体。然后,您的客户可以通过浏览器、频道和设备享受最佳购物体验,从而提高您的现场。The上面提到的公告更多地分享了这个令人兴奋的集成的"什么"和"为什么"。在这篇文章中,我们将更深入地了解细节,并向您展示它是如何工作的。网络研讨会Cloudinary盒带Cloudinary墨盒现已在市场上提供。设置Cloudinary盒带是相当标准的,需要在Demandware Studio中安装和配置盒带,然后将盒式磁带inteu Cloudinary添加到您的站点。当然你也需要一个Cloudinary账户(如果你还没有一个账户,你可以注册一个免费账户)。所有这些信息都在《Cloudinary盒带集成指南》(适用于注册的Cloudinary盒带用户)中进行了详细介绍,因此让我们深入了解一下,在它启动并运行之后,您可以做些什么!上传媒体资产使用Cloudinary的一个主要优点是你只需要上传任何媒体资产的一个高分辨率版本。然后,Cloudinary可以提供您可能需要的任何版本的图像,无论是缩略图还是横幅,无论是横向还是纵向,并自动处理从单个上传资产的所有调整、优化和转换。Cloudinary甚至可以替换图像中的主导色(或任何指定的颜色),包括适当的阴影和阴影,因此您甚至不需要上传多个图像来呈现不同颜色的产品。例如,只需应用一个转换参数定义:e\u replace_颜色:深绿色:80:2b38aa在下面所示的蓝色粗麻袋图像上(替换的确切蓝色阴影=#2b38aa),您还可以使用深绿色或您选择的任何其他颜色来传送相同的图像。原产品:蓝色自动重新着色:深绿色或自动重新着色考虑到这一点,你继续像往常一样上传你的产品和目录资产到证监会,但现在这些资产也将自动与您的云数据库同步帐户。正在创建使用变换的图像的动态变体双常规变换使您能够生成单个图像的几乎无限变化,以实现各种优化和特殊效果。Cloudinary提供了一组出色的图像转换供您使用。这些转换可以应用于存储中的不同级别,其中最特定级别的转换优先。因此,例如,包含文本覆盖的转换集在产品级别上对图像显示50%的折扣,将覆盖具有文本覆盖的转换集,该文本覆盖为目录级别的图像设置的25%。优先顺序为:图像->产品->目录->站点。这使您能够对图像组应用转换,但仍保留对特定图像应用特殊转换的灵活性。这是通过4个级别中每个级别的图像设置页面中的一个新选项来处理的,您可以在其中添加所需的转变。为了举个例子,如果你有一个公文包,现在正以八折的价格出售,您可能需要导航到该特定产品的"全局图像设置"选项卡,并添加具有以下定义的文本覆盖:Arial、粗体、30px和带有黑色边框的白色字体的文本"20%折扣"(因此它将显示在任何图像背景上),距右下角10像素并以-45度的角度旋转。当你在它,你也可以添加一个搜索引擎优化后缀,这样产品将更有可能显示在搜索引擎。下面是一个简短的定义,您可以添加到收件人:抄送至剪贴板{"转变":"我_文本:Arial_30_粗体:20%25%20折,g峎南峎东,co峎白色,bo峈3px_实心峎黑色,y峎10,x_10,a_45","seoSuffix":"袋子销售"}Cloudinary盒带还提供了一个转换预览页面,帮助您在应用转换之前可视化转换。例如,下面一个商业云开发人员定义了转换参数,该参数覆盖在产品上的"销售"标志上,并应用艺术过滤器来关注和增强产品形象。在将转换应用于整个产品集之前,他可以在选定的图片:快速和responsive image deliveryCloudinary使用简单的HTTPS URL通过全球快速CDN向用户交付资产。URL包含所请求资产的公共ID以及任何可选的转换参数。Cloudinary还允许您向图像添加响应行为,以确保根据每个用户的查看设备上的可用空间向其提供最佳图像大小。Cloudinary的URL生成方法可选地接受一个JSON对象,该对象将视区大小映射到图像大小,然后自动生成用于图像的srcset和size属性的值标签。那个下面的代码示例演示如何:包括Cloudinary URLgenerator脚本文件使用getUrlForProductImage函数生成产品映像的URL,并根据提供的自定义值计算scrset将product img标记的src和srcset属性设置为等于函数返回的值复制到剪贴板

什么是物联网应用技术-如何使用Cloudinary优化和交付商业云商店中的媒体

上面的代码将为my生成以下图像标记和属性_产品.png图像:复制到剪贴板吸引用户的视频是下一个重要的事情,让您的客户与您的惊人的产品和提高您的转换率。Cloudinary盒式磁带使向您的站点添加视频变得相对简单,同时将视频优化和快速交付的繁重工作留给了Cloudinary。视频通过Cloudinary视频播放器显示在您的店面中,该播放器对任何设备或屏幕大小都有完全的响应,并支持自适应流媒体,以达到全高清质量,几乎可以立即开始播放视频。视频将作为新的视图类型"视频"上载到产品中。然后,您可以通过包含提供的Cloudinary视频脚本,然后调用iscloudinaryproductvideo标记来显示实际的视频,从而更新任何要显示视频的产品模板。例如,下面的代码显示上载到指定产品的所有视频(pdict.产品):复制到剪贴板...