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

CDN_服务器怎么搭建网站_9元

小七 141 0

在电子邮件活动中按比例嵌入图像

drCloudinary是一个强大的媒体管理解决方案,可用于任何规模的电子邮件营销活动。Cloudinary具有高级图像优化和动态图像转换等功能,并由全球CDN支持,为您在电子邮件活动中提供无缝用户体验奠定了基础,从而提高了转换率和性能。我们生活在一个信息过载的时代,注意力才是真正的货币。市场营销人员一直在寻找新的途径来联系你,宣传他们认为可以改善你的产品和服务生活。SnapChat而Instagram Stories则是营销人员试图利用的最新渠道。但有一个经得起考验的真正的频道已经证明了它在吸引观众方面的主导地位……而且它就是电子邮件市场部。那里是时候市场营销和IT部门必须协同工作,在一个预定义的环境下实施多个电子邮件营销活动预算。这里我们的电子邮件数据库非常庞大。足够大,任何传统的电子邮件营销软件,如Aweber或MailChimp,将花费至少五倍于我们的预算。网络研讨会显然,我们需要一个更可行的解决方案。如果您的情况类似,您的选择包括:参与市场营销自动化系统,如Marketo和HubSpot从公司的电子邮件帐户发送电子邮件假设您已经实现了一个电子邮件传递解决方案。下一件事你需要弄清楚的是,在你的电子邮件。自从我们必须知道,电子邮件才是真正的关注点:精心设计有视觉冲击力在所有设备(移动设备、平板电脑和桌面设备)上实现无缝连接快速加载以下是交易要点1和2取决于你的团队的创造力,并且是主观的自然。什么我们可以控制三点和四点。这就是云计算的来源在云端是端到端、基于云的解决方案,使您能够动态优化、操作和转换图像。它设计用于几乎任何需要可靠图像的服务(产品、网站或应用程序)送货。也是复杂?把Cloudinary看作是一个完美的电子邮件图像托管解决方案。我曾亲自将Cloudinary用于我的电子邮件营销活动,并希望与您分享它如何帮助您你的。虽然我不打算深入探讨Cloudinary提供的所有功能,我将讨论以下功能:帮助改善用户体验减少资源消耗两者兼而有之我们来看看这些特点,好吗?动态图像优化我们都需要高质量的图像为电子邮件营销快速加载。Cloudinary提供的一个非常基本但非常重要的特性是动态图像处理能力。为了首先,你上传的每一张图片都被优化并存储在Cloudinary的服务器中。只有图像的优化版本(顺便说一句,它的质量损失可以忽略不计)提供给最终用户。这种方法为您和最终用户节省了带宽成本。另外,电子邮件在用户设备(移动设备或桌面设备)上的加载速度更快,从而产生更好的用户经验。开-需要调整图像大小和操作移动屏幕更小,因此可以受益于使用较小的图像。你不需要1080p的图像来处理主要在手机上查看的电子邮件。无论是什么设备,Cloudinary都允许我通过在请求URL中定义单个参数来配置图像分辨率。我不需要将图像的两个(或更多)版本上传到Cloudinary。只需更改URL中的一个参数,我就可以快速测试哪个分辨率最有效。这在A/B测试和设计中非常有用电子邮件。为了例如,我使用这个简单的命令来调整图片:URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll:复制到clipboardhttps://res.cloudinary.com/demo/image/upload/w_300/o_50/sample.jpgRuby:复制到剪贴板cl\U图像标记("示例.jpg",:转换=>[{:width=>300,:crop=>"缩放"},{:不透明度=>50}])PHP:复制到剪贴板cl\U图像标记("示例.jpg,数组("transformation"=>数组("裁剪比例="300">"数组",数组("不透明度"=>50))))Python:复制到剪贴板云图像("示例.jpg")。图像(转换=[{'width':300,"裁剪":"缩放"},{"不透明度":50}])节点.js:复制到剪贴板cloudinary.image("示例.jpg",{转换:[{宽度:300,裁剪:"缩放"},{不透明度:50}]})Java:复制到剪贴板cloudinary.url().转换(新转换().width(300).crop("缩放").chain().opacity(50)).imageTag("示例.jpg");JS:复制到剪贴板cloudinary.imageTag('示例.jpg',{转换:[{宽度:300,裁剪:"缩放"},{不透明度:50}]}).toHtml();jQuery:复制到剪贴板$.cloudinary.image("示例.jpg",{转换:[{宽度:300,裁剪:"缩放"},{不透明度:50}]})反应:复制到剪贴板Vue.js版:复制到剪贴板角度:复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform(新转换().Width(300).Crop("缩放").Chain().Opacity(50)).BuildImageTag("示例.jpg")Android:复制到剪贴板媒体管理器.get().url().transformation(新转换().width(300).crop("缩放").chain().opacity(50))。生成("示例.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setWidth(300).setCrop("缩放").chain().setOpacity(50))。生成("示例.jpg")!,cloudinary:云数据库)wu300告诉Cloudinary API将图像的宽度调整为300px。高度自动调整,从而保持图像。那里Cloudinary中是否提到了大量的其他图像处理功能文档。更改图像,但保持相同的网址这个功能是一个救命稻草时,电子邮件营销。想象一下,花几个小时精心制作一封完美的电子邮件,在一周的时间里设计它。将图像嵌入电子邮件的HTML文件中。一切看起来很好。开活动开始的那一天,你有点紧张,几次检查后,你按下发送(或时间表)按钮。你拿起一杯咖啡,过了一会儿,你意识到标题图像有一个不可原谅的、令人毛骨悚然的打字错误。想想"季末大甩卖"。给自己拿把伞吧,"如果你已经安排好了竞选活动,还是有希望的。您可以暂停并修复错误。但是如果你的竞选活动已经开始了?我是这样做的:快速修复图像。前往Cloudinary的仪表板并更新图像。继续享用咖啡。在大多数电子邮件客户端中,CSS支持是不稳定的。有些是有效的,有些是不行的。只是在中没有对CSS的无缝支持他们。什么时候在使用Cloudinary进行试验时,我发现两个特别有用的动态图像转换特性。不透明度变换第一个特性是不透明度变换。简单地说,此功能使您能够在-飞。如果你在电子邮件中使用的是背景图像,不透明度在对比度中起主要作用。你可能想知道-哪个电子邮件客户端不支持CSS不透明性?你会惊讶的。注意MailChimp在各种电子邮件客户端中都有关于CSS兼容性的有用资源。以下电子邮件客户端不支持CSS不透明度:Gmail和雅虎!web客户端Microsoft Outlook 2000-2013(Windows桌面版)Windows Live Mail(适用于仍使用Windows 7的用户)适用于Android和iOS手机的Gmail应用程序唯一支持CSS不透明性的桌面客户端是applemail和outlook2013 for麦克,这个是云计算的来源英寸。英寸Cloudinary,您可以通过添加o_XX参数来轻松操纵图像的不透明度。XX表示不透明度百分比的位数。例如,要在不透明度为50%的情况下显示图像,我们在以下URL中添加参数o_50:URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司:复制到clipboardhttps://res.cloudinary.com/demo/image/upload/o峎50/sample.jpgRuby:复制到剪贴板cl\U图像标记("示例.jpg",:不透明度=>50)PHP:复制到剪贴板cl\U图像标记("示例.jpg,数组("不透明度"=>50))Python:复制到剪贴板云图像("示例.jpg").image(不透明度=50)节点.js:复制到剪贴板cloudinary.image("示例.jpg",{不透明度:50})Java:复制到剪贴板cloudinary.url().transformation(新转换().opacity(50)).imageTag(""示例.jpg");JS:复制到剪贴板cloudinary.imageTag('示例.jpg',{opacity:50}).toHtml();jQuery:复制到剪贴板$.cloudinary.image("示例.jpg",{不透明度:50})反应:复制到剪贴板Vue.js版:复制到剪贴板角度:复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform(new Transformation().Opacity(50)).BuildImageTag("示例.jpg")Android:复制到剪贴板媒体管理器.get().url().transformation(new transformation().opacity(50))。生成("示例.jpg");iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setOpacity(50))。生成("示例.jpg")!,cloudinary:云数据库)一个图像在50%不透明度的例子,动态转换,这样你可以忘记兼容性问题和设计新闻稿!CSS Sprite generation通过使用Cloudinary的Sprite生成功能,您可以将多个徽标组合到一个Sprite图像中。这使图像管理更容易,并提供更好的表演。那个精灵一代