自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 高效的图像处理云服务-ImageX (image processing)

我最近的关注领域一直是图像处理领域,ImageX 是 火山引擎推出的一款图像处理服务;对于图像处理服务,一般的APP开发者或者网站开发者其实都不陌生,现在的手机一个用户拍摄了一张图片现在基本都在2-10MB左右,如果一个网站或者APP每次打开一张图片需要加载图片那可真的是太浪费流量了;所以对于图片的image processing的图片处理特性主要关注的点:图像基本的裁剪能力; 图像基本的压缩能力 图像加水印能力 增值类的图片处理能力首先,准备测试账号和测试网站还有测试素材;测.

2021-01-13 00:22:57 4306 8

原创 如何让Fresco支持HEIF/HEIC图片格式

一、阅前准备HEIF图片格式是什么?高效率图像格式(High Efficiency Image Format ,HEIF)最早被苹果公司的 iPhone 所使用,并且也将用于 Google 的 Android P 手机系统。微软也于最新放出的 Windows 10 Build 17123 预览版开始,新增了对 HEIF 图像格式的系统原生支持,所以系统极客将在本文中为大家简介 HEIF 这一新兴的高效率图像格式。HEIF优于JPEG图像格式高效率图像格式在各方面均优于 JPEG,通过使用更现

2020-08-12 17:23:18 2262 2

原创 小程序图片体验优化的思考总结

图片后缀 ~tplv-2ulrpbhhis-resize:480:q75.heif,分别对应了缩放的尺寸、图片压缩质量和图片转码目标格式,也就是说实际加载的图片已经经过了服务端的处理,缩放为了480px 宽度、质量 75 的对应格式图片,这张 heif 图片的体积减小到了 16 KB,比起处理前的超大图,节省了巨多体积,加载当然也快了很多。根据上面的测试结论,在安卓上可以使用 heif 格式图片,而 iOS 在静图场景可以使用 avif 格式图片,而动图场景下,只能退而求其次,使用 webp。

2023-09-26 12:05:06 578 1

原创 转载-抖音都在用的画质评估工具,你不试试吗?

在低质图像打压和基于画质的推荐优化等多项业务中的数据分析积累沉淀,我们获取画质评分与用户主观体验之间的明确关系,数据统计显示用户对不同画质内容的敏感程度有着不同趋势,在中档画质分区间持续提升画质,用户的 QoE 体验也会显著提升,但当画质低于或者高于某个阈值时,用户对于画质将变得不再敏感,提升/降低画质对用户的影响均会降低。业务团队首先使用画质评估工具对全地区的图片画质进行了离线摸底分析,发现部分国家间、某些重点垂类间的图片画质有较大差异,故使用自适应增强模型,针对性进行画质提升的同时尽可能节省码率。

2023-09-12 16:57:30 178

原创 【推荐】对标Discuz!开源SNS系统Fresns上线~手把手启用火山引擎ImageX

对标Discuz!开源SNS系统Fresns上线Fresns是一款免费开源的社交网络服务软件专为跨平台而打造的通用型社区产品,支持灵活多样的内容形态,可以满足多种运营场景,符合时代潮流,更开放且更易于二次开发。主程序的设计像是一个脚手架、一个框架,为扩展程序打好坚固可靠的基础,只含有身为社区不可或缺的基本 API 功能,其余扩展功能则由插件提供;插件作为一个独立功能模块,从系统设计和业务封装的角度,采用的是「命令字」作为通讯模式,即一个插件模块包括多个命令字,外部通过命令字方式来调用插件的功能。

2022-10-26 13:58:35 1430 1

原创 使用 veImageX 为 Flarum 论坛升级图片品质

使用了许久的 Flarum 一直想找一个相对来说比较好用的图床插件,也尝试使用过许多款不同的 Flarum 图像上传插件都不太满意。在 2016 年前后有一款比较可靠的插件也在 2018 年前后停止了更新。经过调研,最近找到了字节跳动旗下的火山引擎 veImageX 集成插件,体验了几天,效果尚满意,也分享给大家。当然,根据官网介绍 ImageX 不仅支持图像处理还支持文件分发与托管等同于图床加静床的组合。开通服务访问火山引擎官网 https://www.volcengine.com/product

2022-08-04 10:25:13 630

原创 (干货)基于 veImageX 搭建海报生成平台 -- 附源码

前言618 年中促销即将来临,很多公司都会通过海报来宣传自己的促销方案,通常情况下海报由设计团队基于 PS、Sketch 等工具创作,后期若想替换海报文案、商品列表等内容则需打开原工程进行二次创作,修改门槛高且不够便捷。由于公司的促销列表每日上新,急需一种简单快捷的方式来修改并生成新的海报,以及公司小程序图片分享获客需要海报分享并进行引流,因此,调研了一些云端图片合成并生成海报的方案;在调研中发现了 veImageX 这款产品可以支持此能力,veImageX 是火山引擎推出的一款的图片解决方案,具备存储

2022-06-07 15:20:21 1289

原创 精品:千字长文手把手教你使用字节跳动的火山引擎veImageX

经过我的研究发现,这个方法竟然比较通用,于是转载群发之veImageX 是字节跳动旗下的火山引擎推出的图像、文档等各类素材上传、托管、智能处理和 CDN 分发一站式解决方案,WPJAM Basic 的「CDN加速」功能也在第一时间整合了 veImageX。通过该功能,可以轻松让 WordPress 对静态资源进行 CDN 加速,为了方便大家的使用,我整理一个非常长的完全指南,基本上覆盖了 WordPress 使用火山引擎 veImageX 进行静态资源 CDN 加速的方方面面,欢迎大家收藏,方便碰到问题

2022-04-21 18:55:26 3447 2

原创 WPJAM:支持火山引擎ImageX图像处理加速的WordPress插件

字节跳动的火山引擎也推出了 veImageX 图片服务,veImageX 是面向站长群体提供图像、文档等各类素材上传、托管、智能处理和 CDN 分发一站式解决方案。我试了一下非常方便好用,所以我就整合进了 WPJAM Basic 的 「CDN 加速」功能中。下面讲讲如何进行设置 火山引擎也推出了 veImageX 服务,通过镜像回源的方式把 WordPress 上的静态资源全部一次镜像到火山引擎的 veImageX上面。开始之前,请先详细阅读 WPJAM Basic 插件的 CDN 加速功能的介绍文章,

2021-12-17 13:27:11 257 2

原创 支持ImageX图像处理的WordPress插件推荐-WPJAM插件

WPJAM:支持ImageX图像处理加速的WordPress插件字节跳动的火山引擎也推出了 veImageX 图片服务,veImageX 是面向站长群体提供图像、文档等各类素材上传、托管、智能处理和 CDN 分发一站式解决方案。我试了一下非常方便好用,所以我就整合进了 WPJAM Basic 的 「CDN 加速」功能中。下面讲讲如何进行设置 火山引擎也推出了 veImageX 服务,通过镜像回源的方式把 WordPress 上的静态资源全部一次镜像到火山引擎的 veImageX上面。开始之前,请先详细

2021-12-17 13:15:20 1244

原创 前端:WebP自适应实践

WebP介绍WebP 是 Google 推出的一种同时提供了有损和无损两种压缩方式的图片格式,优势体现在其优秀的图像压缩算法,能够带来更小的图片体积,同时拥有更高的的图像质量。根据官方说明,WebP 在无损压缩的情况下能比 PNG 减少26%的体积,有损压缩的情况能比 JPEG 减少25%-34%的体积。下图可以看出,相对于传统的图片格式,WebP 格式存在浏览器兼容性方面的问题。本文通过工程化的手段来实现 WebP 格式的自适应加载。传统做法为了在前端项目里用上 WebP 格式,并且兼容不支持该

2021-11-25 19:38:02 2258

原创 ImageX继续评测系列(1):Discuz 用上AVIF图片格式

写在前面一直关注ImageX评测的事情,好久没有写文章评测了,今天在Discuz 的插件上发现了ImageX的身影;插件地址,今天需要评测的是火山引擎的这款ImageX插件;几个概念做一些说明:火山引擎ImageX:灵活、高效的图像、文档等各类素材上传、托管、智能处理和分发一站式解决方案,官网改名字叫veImageX,应该是一个东西;看起来主要是提供了分发、托管和数据处理的一个服务;Discuz!:是戴志康老哥开发的一个开源社区程序,老牌开源程序,目前已经开源,但前几年被腾讯收购了,目前仍然

2021-08-25 20:00:48 383

原创 隐藏在水印的秘密

最近今天在测试火山引擎的ImageX处理的时候发现提供一种能力叫盲水印;看盲水印介绍内容:使用方法测试:在放访问某个url时候会自动添加上盲水印;添加完毕后,会重新提取图片里面的信息;我在其他公众号上看到这么一个文章,我猜测他们是一个原理,毕竟火山引擎属于字节跳动的业务,但算法是否一个就不知道了;相关文章:————————————————一、前言1.1、暗水印是什么广义来说,暗水印可以理解为,在一些载体数据中添加隐藏标记,这些标记在人类和机器可轻易感知的范围之外。相较于常见的明水印,比

2021-07-02 18:29:44 440

原创 在Kratos灵活的使用火山引擎ImageX的动态水印以及评测

Kratos是什么Kratos 是一款专注于用户阅读体验的响应式 WordPress 主题,整体布局简洁大方,针对资源加载进行了大量优化。安装方法下载最新发行版本的 .zip 格式安装包 github 可以下载;登录 WordPress 管理员后台,进入 外观 > 主题 页面,然后点击 添加 按钮;进入添加主题页面之后,再点击 上传主题 按钮;点击 选择文件, 找到下载的 .zip 格式安装包,然后点击 现在安装 按钮;进入 外观 > 主题 页面

2021-06-21 14:38:14 429

原创 WebGL基础:着色器基础知识

今天由字节跳动的"yancy"童鞋给大家重磅推出一篇WebGL的干货接下来让我们开启奇幻旅程,进入 3D 的世界。本文作者:yancy1. 认识3D首先我们要介绍的是几个概念,这是我们要进入到 3D 不可或缺的内容。认识一下它们吧。1.1 视点,视线,目标点,上方向这几个概念在WebGL中属于最常见的内容。视点:可以简易的理解为眼睛,也叫观察点目标点:可以理解为我们要看的物体(任何物体)上方向:头顶的方向。实际生活中,我们的目光总是以我们的眼睛为起始点,到达我们想

2021-06-03 14:53:39 461

原创 如何让Android 支持HEIF 图片解码和加载(免费的方法)

字节跳动火山引擎ImageX提供了一种能力,可以支持客户端android 直接解码HEIF 和HEIC图片,经过测试发现,可以免费使用;一、阅前准备HEIF图片格式是什么?高效率图像格式(High Efficiency Image Format ,HEIF)最早被苹果公司的 iPhone 所使用,并且也将用于 Google 的 Android P 手机系统。微软也于最新放出的 Windows 10 Build 17123 预览版开始,新增了对 HEIF 图像格式的系统原生支持,所以系统极客将在本文

2021-06-03 00:29:54 1805 1

转载 火山引擎ImageX图片服务纯代码使用方法额度领取

字节跳动旗下火山引擎也推出了图片处理服务功能即ImageX图片服务,ImageX图片服务类似于七牛图片处理,即可以作为图床分发图片,缓解源站压力,而且也可以实时对图片进行处理,只需要在图片结尾添加图片处理样式即可,比七牛更加吸引人的是ImageX图片服务免费额度支持https!

2021-05-31 20:32:03 1072

转载 关于JPEG的那点事儿:JPEG原理篇

前言本文其实于差不多正好1年前写成,是关于JPEG的那点事儿的补充。但是由于实战篇一直烂尾,拖到现在。前几天看到Google发了个JPEG新算法,说是可以将JPEG的体积同质量情况下再压缩35%,突然想起了这文了。为了说清楚Google为什么能在古老的JPEG上压榨出新的空间,我觉得还是有必要先讲清楚JPEG的原理。但是本文成文之后实在太长,所以我想了想还是把和Google算法相关的、以及一个TL;DR版的JPEG原理单独发文(大概明天8点发w)。另外,前面提到的“实战篇”也会分割放送,减少文章长度。序

2021-05-20 14:45:48 3584 2

原创 uniapp 图片上传插件使用说明

插件地址:https://ext.dcloud.net.cn/plugin?id=4589使用说明本插件是一个云端上传插件,能够降本地的文件包括图片上传到云存储,ImageX是火山引擎推出的专业图像处理的一个服务;具体引用三方评测此外这个服务还提供了便捷的一站式图片上传、存储、处理、分发服务,并提供详尽的服务质量监控和数据报表能力。同时提供客户端图片加载SDK、服务端SDK和上传SDK等。插件自身功能ImageX功能表插件功能功能说明图像上传提供基本的图像上传、并行上传能力

2021-04-02 14:56:22 1642

原创 前端性能优化指北-关于有些细节和思路

微优化是保持性能最好的办法,但是又不能有太过明确的优化目标,因为过于明确的目标会影响在项目中做的每一个决定。以下是一些不同的模型,请按照自己舒服的顺序阅读1. 比你最强的竞争对手快20%根据一个心理学研究,你的网站最少在速度上比别人快20%,才能让用户感觉到你的网站比别人的更快。这个速度说的不是整个页面的加载时间,而是开始加载渲染的时间,首次有效渲染时间(例如页面需要加载主要内容的时间),或者交互时间(指的是页面或者应用中主要的页面加载完成,并主备好与用户进行交互的时间)。在Moto G...

2021-03-30 17:45:58 2937 2

原创 Fresco 图片加载库 架构设计赏析

本文是Fresco源码分析系列的开篇,主要分析Fresco的整体架构、各个组成模块的功能以及图片加载流程,希望通过本文可以对Fresco的整体框架设计有一个大概的了解,也为后续更为深入的分析打下基础。目录Fresco的整体架构UI层DraweeViewDraweeHierachyDraweeHolderDraweeController : 加载逻辑控制层DraweeController的构造逻辑通过DataSource发起图片加载Fresco图片加载前的逻辑图.

2021-03-22 13:20:25 336

原创 巧用ImageX镜像回源在discuzq开启漫画头像

目录背景说明方案设计未开启COS存储之前开启了COS存储之后巧用imagex开始配置COS配置ImageX配置DiscuzQ的配置效果验证背景说明今天在微信群里有个朋友问,关于咨询漫画风功能,目前在腾讯和百度开始了试用漫画风,想到前些日子我做过一个imagex的功能测试,发现也有漫画风功能,所以这里记录一下我是如何使用漫画风功能的;几个概念:discuzQ:这个是腾讯推出的一个开源的社区工具平行于discuz的一款社区开源工具,本次说明就是针对在dis

2021-02-22 12:18:01 578

原创 发现一个兼具图像处理、存储和加速的wordpress插件

背景说明还记得我前几天写的关于图片云处理的评估么?在那篇文档之后,我搜集资料的时候发现了一个第三方开发的wordpress插件;先把插件的地址放在这里:https://wordpress.org/plugins/imagex/ github地址:https://github.com/sy-records/volcengine-imagex-wordpress 说实话还是很激动的,竟然能够完整的测试匹配我之前写的那个文档;本篇文档主要测试和对接一下这款插件应该如何使用,然后看看可以看...

2021-01-20 17:59:54 1084 1

原创 下一代图像压缩格式科普---HEIF 与AVIF格式

背景上一篇文档主要讲了一下ImageX支持的图片压缩格式,看起来还是非常不错压缩率比较高,但是有些同学会问这些格式和编码方式有什么不同,所以,本篇文档主要讲一下图片格式和图片编码相关的科普类说明;图片格式对比...

2021-01-15 18:59:07 6811 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除