我的电子邮件横幅看起来很可怕！最近，我的任务是建立一个电子邮件邀请到ImageCon，Cloudinary的年度图像和视频管理会议。这封邮件的目的地几乎是我们整个数据库的收件箱，正如你所说，它不去好吧。之后在Marketo里，我难以置信地盯着预告片看了几秒钟，很快我就经历了悲伤的七个阶段。事实上，我被第一个问题困扰了——愤怒。我是说，看看这个怪物：照片上没有：我把东西扔在愤怒。它当你的影像让你怀疑你是否早就该去看验光师的时候，这可不是个好兆头。考虑到这封电子邮件要发给成千上万的开发者——我们以提供优化图像的能力而闻名——我需要认真改进电子邮件图形。打开表面上，更换电子邮件模板上的横幅应该很简单。在Marketo中，您只需找到图像的URL并将其替换为大小相等的URL。这是一个直接的交换……或者至少应该如此是的。但是随着Galaxy note7（badum-tiss）等高分辨率显示屏设备的普及，市场营销人员的处境变得更加复杂。我们的图像需要针对我们的用户使用的设备进行优化，同时也需要快速加载和高效。现在所有这些与我的横幅形象有什么关系？嗯，结果是，我使用的600x200图像被设置为设备像素比DPR为1。这基本上意味着你得到的图像像素较少，当在高分辨率显示器上观看时，看起来像热垃圾，非常模糊。之所以会出现这种效果，是因为高分辨率显示器可以在基本相同的视觉量中容纳更多像素空间。它幸运的是，在低分辨率的设备上显示的很好，但这并不是什么安慰，因为很多人接收到的信息都会在高分辨率设备上看到。URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到剪辑board\u 2.0，w_600/imagecon_banner_2018年第2季度第9季度。jpgRuby:复制到剪贴板cl_image_tag（"imagecon_banner_2018_vq2qe9.jpg"，：dpr=>2.0，：width=>600，：crop=>"缩放"）PHP:复制到剪贴板cl_image_tag（"imagecon_banner_2018_vq2qe9.jpg"，数组（"dpr"=>2.0，"width"=>600，"crop"=>"scale"））Python:复制到剪贴板CloudinaryImage（"imagecon_banner_2018_vq2qe9.jpg"）.image（dpr=2.0，width=600，crop="scale"）节点.js：复制到剪贴板cloudinary.image（"imagecon_banner_2018_vq2qe9.jpg"，{dpr:"2.0"，宽度：600，裁剪："scale"}）Java:复制到剪贴板cloudinary.url（）.transformation（new transformation（）.dpr（2.0）.width（600）.crop（"scale"））.imageTag（"imagecon_banner_2018_vq2qe9.jpg"）；JS:复制到剪贴板cloudinary.imageTag（'imagecon_banner_2018_vq2qe9.jpg'，{dpr:"2.0"，宽度：600，裁剪："scale"}）.toHtml（）；jQuery:复制到剪贴板$.cloudinary.image{2018年第2季"横幅宽度"，第2页，第2页反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlImgUp.Transform（new Transformation（）.Dpr（2.0）.Width（600）.Crop（"scale"））.BuildImageTag（"imagecon_banner_2018_vq2qe9.jpg"）Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（new transformation（）.dpr（2.0）.width（600）.crop（"scale"））.generate（"imagecon_banner_2018_vq2qe9.jpg"）；iOS:复制到剪贴板图像视图.cldSetImage(cloudinary.createUrl（）.setTransformation（CLDTransformation（）.setDpr（2.0）.setWidth（600）.setCrop（"scale"））.generate（"imagecon_banner_2018_vq2qe9.jpg"）！，cloudinary:云数据库）所以…很多…更好。什么时候你可以根据观看设备自动优化你的图像，这很好。当你可以在URL内完成所有操作时，而不必上传多个图片，那就更好了。在Cloudinary的图像URL中添加了少量dpr_2.0，我几乎可以使图像锐化立即：复制到削减board\u 2.0，w_600/imagecon_banner_2018_vq2qe9.jpg您只需将图像分辨率提高一倍，就可以完成完全相同的任务。然而，有了这个URL，我可以重新调整完全相同的图像，并通过对URL的简单修改在我们的任何资产和站点页面上复制它。这为我、我的设计团队和我的开发人员省去了严重的麻烦，因为我不必为一个完全相同的副本对他们进行bug图像。与很容易更改网址，我现在有了一个新的图像，我很乐意发送，增强我计划发送的电子邮件，以及一个可复制的资产，我可以用极小的努力修改。电子邮件已经完成，挫折感已经平息，一项计划正在进行中，增加ImageCon资产，一切都是正确的。当你的照片看起来很好的时候，生活就容易多了，不是吗？