云式博客

图像不透明度变换和动态水印生成

Nadav索弗曼
修改图像不透明性半透明性是实施现代图形设计时常见的要求减少图像不透明性使后台图像感觉不那么支配性减少不透明性还允许多图像相向叠加一对一,这是向图像添加水印、徽章和文本叠加的一个重要步骤
现代网络浏览器支持CSS指令不透明变换但它不完全解决问题水印需要嵌入原创图像中,无法加到客户端变换图像本身的不透明性允许对服务所有媒体-网站、移动应用、邮件通知和PDFs报告-持之以恒视图电子邮件尤其不支持现代CSS指令
并使用此技术为图片添加水印

动态变化图像不透明度

下图显示云面使用Montain公有标识
上图或移动应用段背景图像简单设置 不透明度参数或 欧市URLs)对期望百分比自动修改图像的不透明性和往常一样,生成图像持久存储云中,通过快速CDN向世界用户提供优化缓存
下示例将山图像不透明度降至20%安全地将文本和其他图形元素置于图像上方
下示例显示使用客户库生成变换URL并修改不透明度 铁路, PHP, 决哥市节点js:
拷贝剪切板
<%=CL_image_tag....jpg山...,:不透明性=>20码)%>
拷贝剪切板

                    回声CL_image_tag....jpg山...,数组高山市...不透明度...=>20码)? >
拷贝剪切板
导入云化Ing = 云化.Cloudinamyimage....jpg山...image/Objective20码)
拷贝剪切板
cloudinary.image(....jpg山........不透明度:20码});

灰散日志

另一常见图形设计实践是在网站显示客户和伙伴标识列表多网站设计师宁可显示半透明灰度标识,
云形图像可动态灰化,很容易修改,以防图形设计师改变心意
下例中,我们已经上传 多标识云深入使用云情 sprite生成能力合并这些标识成单图象提高性能
简单设置 效果学参数或 e类面向 URLs 灰度并设置 不透明度参数解析 欧市Cloudinary生成半透明灰度标识版嵌入网站

生成水印

前博客文章显示图象易加叠上传半透明PNG图象水印加水印有了新的不透明变换,你可以 文件上传非透明水印图像并动态变换不透明性使其半透明化,准备添加为水印叠加
下例添加上传图像Cloudinaryicon
容积化半透明化
也可以对叠加应用效果或滤波下例中我们提高叠加亮度使其白化并不透明化至30%
下方代码样本详细描述如何构建相同URL 鲁比, PHP, 决哥市节点js:
拷贝剪切板
<%=CL_image_tag....jpg山...,:不透明性=>30码,:效果=>...亮度:20...,宽度=>二百,:重叠=>...云型icon...)%>
拷贝剪切板

                    回声CL_image_tag....jpg山...,数组高山市...不透明度...=>30码,...效果学...=>...亮度:20...,...宽度...=>二百,...叠加...=>...云型icon...)? >
拷贝剪切板
导入云化Ing = 云化.Cloudinamyimage....jpg山...image/Objective30码效果=...亮度:20...宽度=二百叠加...云型icon...)
拷贝剪切板
cloudinary.image(....jpg山........不透明度:30码,效果学:...亮度:20...,宽度:二百,叠加:...云型icon...});

摘要

动态不透明变换和水印生成能力进一步简化网络和移动应用乏味图像管理任务
使用简单 URL(或一行代码)可生成匹配进化图形需求并快速交付用户图像无需处理复杂非标准CSS指令, 也无需使用像Photoshop这样的高素质图形软件生成图像
分享思想 通知我们如何进一步改进云性生长特征集

最近博客文章

2B估价

通过
黑石增长投资云

当我们开始2012年行程时, 我们想改善我们开发者的生活, 使我们更容易处理我们代码中处理图片视频的艰巨任务开发者代码初始线演化成全套媒体经验解决方案,由传教士驱动,在过去十年中逐步露面:帮助公司释放媒体的全部潜力以创造最吸引人的视觉经验

读更多

强制视觉经验强制dTC电子商务

由PradipLal
直接对消费者电子商务需求强制视觉经验

象你这样的牌子直接对消费者电子商务方法没有零售商或市场参与,你直接和及时地深入了解进化购物行为正因如此,你可满足店主偏好,持续调整产品提供量并用欢乐和趣味瞬间插插商购物之旅机会多发 培养客户关系

读更多

自动翻译视频促进国际拓展

通过
自动翻译视频国际观众

不论业务焦点-公共事业B2B集成化-招聘-多媒体,特别是视频-在与听众通信方面非常有效提供视频为不同阅读者提供传播任务,例如引导制作工作室服务人工编译编程、编程并加字幕操作成本高慢,特别是面向全局内容

读更多

流送高品质艺术

通过
云式帮助嵌入式管理

David去年十月首次分享他的想法,本案例研究使用云词缩略版Mindet成功

随着时间的推移,插图设计师、纺织设计师、画家、打包设计师、营销员和居家母亲等核心为薄度世界贡献者,其创举越来越难实现。遗留技术不再割裂它-云形系统应插手

读更多
图像集2021和图像集2022预览

新年趋势不变可视媒体在驱动在线转换方面继续发挥举足轻重作用与视觉经验趋势和最佳做法保持同步,云端组织一年一度会议称为imageCon,这是帮助参与者创建最有吸引力视觉经验的一举一动事件

读更多