176 天前 / 杨琼璞
很多场景中,您或许需要用到图片;如写文章、做设计、搞 PPT、发朋友圈诸此等等;之前有发布文章欲问美图何处寻?倾城之链有定音,介绍了大量高质量、免费美图网站;而本篇文章,将会对图片工具网站做下分享;您可以借助这些工具,除了对已有图片修改尺寸、无损压缩 / 放大、下载、智能抠图等,还能轻松设计出诸如海报,邀请函,微信图片,Banner,简历、代码截图等;堪称超级实用,您值得拥有。 本文首发于个人主博客:超实用图片工具网站,值得典藏 | 晚晴幽草轩。 微注:以下分享的诸多推荐工具及评语,皆来自个人打造的应用:倾城之链。
206 天前 / openio
为了让大家更好地学习 Pipcook 和机器学习,我们准备了实战系列教程,会分别从前端组件识别、图片风格迁移、AI 作诗以及博客自动分类,这几个具体示例来讲解如何在我们日常开发中使用 Pipcook,如果需要了解 Pipcook 1.0,请阅读文章AI JavaScript, Pipcook 1.0。 开源地址:https://github.com/alibaba/pipcook 背景 您是否在前端业务中遇到过这样的场景:手中有一些图片,您想有一种自动的方式来识别这些图片这个图片里都包含哪些组件,这些组件都在图片的什么位置,属于哪种类型的组件,这种类型的任务一般在深度学习领域称为目标检测。
212 天前 / lmjben
今天来实现一个图片碎片化加载效果,效果如下: 碎片化加载我们分为 3 个步骤来实现: 定义 html 结构拆分图片编写动画函数定义 html 结构 这里只需要一个 canvas 元素就可以了。 拆分图片 这个例子中,我们将图片按照 10 行 10 列的网格,拆分成 100 个小碎片,这样就可以对每一个小碎片独立渲染了。 letimage=newImage(); image.src="https://cdn.yinhengli.com/canvas-example.jpeg"; letboxWidth,boxHeight; //拆分成10行,10列 letrows=10, columns=20, counter=0; image.onload=function(){ //计算每一行...
261 天前 / mzlogin
我习惯使用 Vim 编辑 Markdown 文件,一直存在一个痛点就是粘贴图片很不方便。 前后对比我以前常用的操作流程: 复制图片 / 截图; 在保存图片对话框里一层层点选保存路径,输入文件名保存; 回到 Vim 里,手动输入引用图片的表达式。 第 2 步和第 3 步是比较痛苦的,尤其是文件路径比较深的时候,可能要点选好几次。 最近偶然发现的一个外国小伙写的插件 md-img-paste.vim[1],能比较好地解决这个问题。现在的操作流程: 复制图片 / 截图; 在 Vim 里输入图片相对路径,自动保存图片并插入引用图片的表达式。
304 天前 / 前端De早读课
前言 利用技术解决效能问题,这种小应用的思路很不错。今日早读文章由流利说 @ 张纯、@ 郭帅兵授权分享。 @ 张纯,流利说前端开发 2019 加入流利说,主要负责流利说 APP 商业化前端开发工作。@ 郭帅兵 流利说前端开发 2017 年加入流利说,主要负责流利阅读小程序和商业化前端开发工作 正文从这开始~~ 背景介绍流利说是一家比较重内容的公司。围绕着整个英语学习,从渠道投放,商业转化,课程内容,分享等都充满了各种内容生成环节。其中使用图片表达又是所有内容中最直接应用最广泛的。
373 天前 / 承香墨影
题图 by @rayyu 一. 序图片一直是 App 中吃内存的大户,当我们做内存优化的时候,永远也绕不开对图片内存的优化。可能你很多其他方案一起上,最后还不如对 Bitmap 进行常规优化来的有效。 对图片的优化前提是对图片操作的收拢,这样我们才可以做整体的策略控制。例如对于一些低端设备,我们可以将图片格式从 ARGB_8888 变为 RGB_565,这样一个简单的调整,可以让图片内存的占用减少一半;又例如在适当的时机,主动回收掉一些图片缓存,避免被 Low Memory Kiiler 盯上。 但是这一切的前提,就是我们要收拢对图片的操作。
399 天前 / 空巢搬砖仔
Web 图片优化指南2019-11-19Adrian Bece原作,授权 New Frontend翻译。 未优化的图片是影响网站性能的主要因素之一,尤其会影响初次加载。取决于图像的分辨率和画质,图片可能占据整个网站流量的 70%. 生产环境出现未优化的图片并显著影响初次加载速度的现象还是挺常见的。缺乏经验的开发者通常没有意识到这一潜在问题,也不了解各种优化图片的工具和方法。 本文的目标是介绍优化 web 图片的主要工具和方法。 计算 JPG 文件尺寸未压缩图片的尺寸很容易计算,只需将图片的长宽相乘(px 值),再乘以 3 字节(因为 RGB 色彩系统使用 24 个位元)。
483 天前 / 子曰五溪
这是一篇简要翻译Rik Schennink的分享,关于基于 JavaScript 的网页图片编辑器如何每月收入4k USD。 来源:https://www.indiehackers.com/interview/how-i-capitalized-on-an-established-market-and-grew-to-3k-mo-3aa3037d0c 大家好,我是做网络组件公司PQINA的创始人,几年前我辞掉了前端开发,开始重新追求自己的创业梦想,于是做了开源的 JavaScript UI 组件,2018年11月底我上线了 Doka.js,这是基于Web图片编辑器,Doka 能帮助用户对图片进行快速地速裁剪、旋转、调整大小和添加滤镜等,六个月后 Doka 能达到每月约3k USD 的稳定性收入。
509 天前 / 我爱计算机视觉
点击我爱计算机视觉标星,更快获取CVML新技术 CV君:本文为52CV群友上海科技大学陈安沛同学投稿,介绍了他们ICCV 2019最新人脸3D重建的工作。效果非常赞,代码也已开源,欢迎大家参考~ 引言 相比于最近几天刷遍朋友圈的“ZAO-缝脸造戏“和"DeepFake",今天我们提升一个维度,为给大家介绍如何从2D图片,"ZAO"出超逼真的3D人脸。 这项工作已经被ICCV'19接收为Oral paper。 摘要 如何通过单张图片恢复高质量的三维人脸是计算机视觉和图形学的重要研究领域,高质量的3D人脸通常指准确的几何、完整的纹理和真实的材质。
590 天前 / IIronMan
2.1、保存图片到相册 /**<#Description#>第1个参数:UIIMage 对象第2个参数:监听对象第3个参数:保存后所走【监听对象】的方法第4个参数:描述文字,一般为 niul*/UIImageWriteToSavedPhotosAlbum(self.photoimageView.image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);#pragma mark 保存成功后所走的方法- (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo{// 保存完毕if (error) {NSLog(@"保存失败");}else{NSLog(@"保存成功");}}提示:上面第三个参数是要按照苹...
606 天前 / 浪尖
Spark2.4开始支持内置的图片数据源读取器,可以直接读取图片的数据。 valdf=spark.read.format("image").load("/opt/pic/")目录可以还可以是/path/to/dir/**和分区目录。 Image Schema 读取的数据会生成一个DF,该DF就一列列名字叫做 image。但是其实他是个嵌套数据结构,具体结构如下: root|-- image: struct (nullable = true)| |-- origin: string (nullable = true)| |-- height: integer (nullable = true)| |-- width: integer (nullable = true)| |-- nChannels: integer (nullable = true)| |-- mode: integer (nullable = ...
645 天前 / -江边城外-
内容较多、请先马后看;借助es分布式计算的能力,使得早期易企秀APP端图片搜索功能就具备了高可用、可扩展的能力 1、背景易企秀商场为我们提供了大量免付费的模板,这些模板多以固定的图片及样式组合而成,用户在这个基础上稍加修改便可以快速实现自己的H5场景,为了满足小白用户能够快速制作H5场景的需求,方便用户能够从海量商城作品中快速找到符合自己使用的风格模板,为此产品上提供了通过文本搜索快速获取样例商品的途径,也提供了基于图片搜索样例商品的功能,做图片搜索的目的是为了拓展用户获取商品的途径...
657 天前 / 噶牛爱尚
同意好友申请以后,仔细看了她这十年间所有的qq动态和照片。 她变美了,会打扮了,以前瘦瘦的身材配上现在的装扮和妆容,已经是超越我认知的女神了。 而我依然碌碌无为,逐渐臃肿的身体加上日益上扬的发际线,每天为生活操劳和奔波,还穷。 用一句话形容现在的感受就是: “妳已经登上更高的巅峰 而我只能望着妳远去的背影”。 默默点了根烟,把她长得好看的照片都保存了下来。 咦?发现每一张照片都是.png的图片格式。 png??png的图片我们每天都在用,可是png到底是什么,它的压缩原理是什么? 很好,接下来我将会给大家一一阐述。
661 天前 / 闲鱼技术
背景 在电商类APP里,图片到现在为止仍然是最重要的信息承载媒介,不得不说逛淘宝的过程,其实就是一个看图片的过程。而商品详情页中的图片,通常是页面中内存占用最多的内容,占用了整个页面内存的超过 50%,因此是通常容易引起app闪退的场景之一。 闲鱼在Flutter化的过程中,选择了商品详情页作为第一个落地的场景。通过多版本的迭代完善,基于Flutter的详情页已经在闲鱼稳定运行。然而正因为详情页的图片量大,导致Flutter里图片相关的问题一直挥之不去。
678 天前 / 刘奇1993
Snip20190308_232.png通常计算机在显示是CPU与GPU协同合作完成一次渲染.接下来我们了解一下CPU/GPU等在这样一次渲染过程中,具体的分工是什么 CPU: 计算视图frame,图片解码,需要绘制纹理图片通过数据总线交给GPUGPU: 纹理混合,顶点变换与计算,像素点的填充计算,渲染到帧缓冲区。时钟信号:垂直同步信号V-Sync / 水平同步信号H-Sync。iOS设备双缓冲机制:显示系统通常会引入两个帧缓冲区,双缓冲机制图片显示到屏幕上是CPU与GPU的协作完成 对应应用来说,图片是最占用手机内存的资源,将一张图片从磁盘中加载出来,并最终显示到屏幕上...