之前分享过markdown软件typora ,不过现在要收费了,marktext是个简单易用的免费跨平台开源 Markdown 编辑器,支持表格、流程图、甘特图、数学公式、代码高亮、图床、拼写检查等功能https://marktext.app ,比如查看我之前整理过的公众号文章2021 年公众号苏生不惑百篇原创文章整理
由于包体积优化是一个持续的过程,但是人为手动调整图片等过于耗时,所以整和了下shell 指令,并提供一次分享,方便调整项目内的图片文件。 方案会是一个IOS/Android都能使用的方案,只要在当前文件夹下执行对应的脚本就可以。
不管你是网站站长、自媒体、博客作者、摄影师、设计师,还是需要在网上分享传输图片/照片的人,都希望自己上传图片耗时更短、图片体积更小,别人浏览时又能更快下载显示出来吧。
现在的手机拍摄的照片基本都在 10 MB 之上,而上传照片都有大小限制,那就需要对图片压缩,本文分享一个本地化的纯 Python 编写图片压缩工具,帮助您减小图像的文件大小,比很多在线压缩的要好用。
随着版本的迭代,业务的增加,QQ音乐apk的大小已经超过25M,其中res目录占用的大小超过5.5M,所以提出了对安装包进行瘦身的技术需求。
.markdown-body{color:#595959;font-size:15px;font-family:-apple-system,system-ui,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background-image:linear-gradient(90deg,rgba(60,10,30,.04) 3%,transparent 0),linear-gradient(1turn,rgba(60,10,30,.04) 3%,transparent 0);background-size:20px 20px;background-position:50%}.markdown-body p{color:#595959;font-size:15px;line-height:2;font-weight:400}.markdown-body p+p{margin-top:16px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{padding:30px 0;margin:0;color:#135ce0}.markdown-body h1{position:relative;text-align:center;font-size:22px;margin:50px 0}.markdown-body h1:before{position:absolute;content:"";top:-10px;left:50%;width:32px;height:32px;transform:translateX(-50%);background-size:100% 100%;opacity:.36;background-repeat:no-repeat;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABfVBMVEX///8Ad/8AgP8AgP8AgP8Aff8AgP8Af/8AgP8AVf8Af/8Af/8AgP8AgP8Af/8Afv8AAP8Afv8Afv8Aef8AgP8AdP8Afv8AgP8AgP8Acf8Ae/8AgP8Af/8AgP8Af/8Af/8AfP8Afv8AgP8Af/8Af/8Afv8Afv8AgP8Afv8AgP8Af/8Af/8AgP8AgP8Afv8AgP8Af/8AgP8AgP8AgP8Ae/8Afv8Af/8AgP8Af/8AgP8Af/8Af/8Aff8Af/8Abf8AgP8Af/8AgP8Af/8Af/8Afv8AgP8AgP8Afv8Afv8AgP8Af/8Aff8AgP8Afv8AgP8Aff8AgP8AfP8AgP8Ae/8AgP8Af/8AgP8AgP8AgP8Afv8AgP8AgP8AgP8Afv8AgP8AgP8AgP8AgP8AgP8Af/8AgP8Af/8Af/8Aev8Af/8AgP8Aff8Afv8AgP8AgP8AgP8Af/8AgP8Af/8Af/8AgP8Afv8AgP8AgP8AgP8AgP8Af/8AeP8Af/8Af/8Af//////rzEHnAAAAfXRSTlMAD7CCAivatxIDx5EMrP19AXdLEwgLR+6iCR/M0yLRzyFF7JupSXn8cw6v60Q0QeqzKtgeG237HMne850/6Qeq7QaZ+WdydHtj+OM3qENCMRYl1B3K2U7wnlWE/mhlirjkODa9FN/BF7/iNV/2kASNZpX1Wlf03C4stRGxgUPclqoAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gEaBzgZ4yeM3AAAAT9JREFUOMvNUldbwkAQvCAqsSBoABE7asSOBRUVVBQNNuy9996789+9cMFAMHnVebmdm+/bmdtbQv4dOFOW2UjPzgFyLfo6nweKfIMOBYWwFtmMPGz2Yj2pJI0JDq3udJW6VVbmKa9I192VQFV1ktXUAl5NB0cd4KpnORqsEO2ZIRpF9gJfE9Dckqq0KuZt7UAH5+8EPF3spjsRpCeQNO/tA
近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
今天是周末,照例给大家整理一下,过去一周 GitHubDaily 在微博、知乎平台分享的一些内容。
在文章《使用TinyPNG来优化您的网站图片》介绍过TinyPNG提供的压缩服务,效果非常棒。ImgURL 图床也是使用TinyPNG来提供图片压缩,不过TinyPNG有免费次数限制。于是xiaoz寻找了Linux系统下的其它图片压缩方案,希望后期能够用到。
许多开发人员花费了大量时间优化网页性能,比如优化 js、css、减少 http 请求等等,但减小图片大小产生的优化比其他所有领域加起来影响更大。
我电脑上没有任何盗版,无论是编程工具还是其它软件都是如此,我把它做为自我要求的一个基本。
编译打包又再次遇到这个问题,AAPT2 error: check logs for details 记得以前记录了,但是没有整理
自从博客从 WordPress 转到静态博客(先 Hexo 后 Jekyll)之后,文章的图片处理、图片上传就成了一个不大顺畅的事情。最先是使用了 vgy.me 提供的免费图床,支持直接从剪切板上传,操作上相对比较简单,也不需要任何本地存储。不过后来 vgy.me 进行了升级改版,原先的剪切板上传功能也不再支持了,偶尔还出现图片像素被降低、丢失的问题。同时,考虑到 WebP 格式可能会适合博客使用,而 vgy.me 还不支持该格式。于是开始切换到 “对象存储 + CDN” 的方案。本地准备好的 PNG 格式图片,先通过 cwebp 命令行转成 WebP 格式图片,再通过 uPic 工具修改文件名后上传到对象存储。由于此前采用的是腾讯云的 COS 对象存储和 CDN,经常面临着 SSL 证书更新等琐碎的事情。这样一来,整体的效率实际上并不高,只能说勉强接受。
Typora在Mac、Windows上都发布了对应的软件,属于跨平台的软件,并且Typora可以与其他图片上传软件形成组合拳。
1、 如何全局安装一个 node 应用? npm install -g <package_name> 上述命令执行之后将会在当前的目录下创建一个 node_modules 的目录(如果不存在的话),然
作为创作者,最苦恼的便是各个站点对于图片的大小控制不一样的问题了,例如我常用的值得买最大支持8M的图片,而知乎、头条这一类仅支持最大5M的图片上传。但是目前即便是手机,拍一张图片也都是十多M了,为了适应这些站点,那么我们就需要将图片进行压缩。
说到图片,我们首先会想到,几种常见图片格式,如:.jpg, .png, .gif 等。
在深圳Cocos沙龙上,有幸结识了社区中大名顶顶的Colin,Shawn在在论坛上第一次看到Colin的团队用CocosCreator制作的《热血暗黑》时就被深深地震撼到了!更为重要的是,Colin将他的技术心得和宝贵开发经验写成文字,每一篇分享都是满满的干活,而且幸运的是Shawn得到Colin的授权许可,将他的文章散播到奎特尔星球,与你一起欣赏一起成长!
PicList是一款云存储/图床平台管理和文件上传工具,基于PicGo的进行了深度二次开发,保留了PicGo的所有功能的同时,为相册添加了同步云端删除功能,同时增加了完整的云存储管理功能,包括云端目录查看、文件搜索、批量上传下载和删除文件,复制多种格式文件链接和图片/markdown/文本/视频预览等,另外还有更加强大的相册和多项功能新增或优化。
假设现在我们要建立N个新项目,项目配置完全一样。在没有 CLI 的时候,我们要通过复制、粘贴一个一个完成,费时又低效。但如果有了 CLI,仅需几行命令,几秒钟就能完成所有上述步骤。
五一假期过完了,大家都去哪些地方浪了?上班第一天是不是倍感无趣?哈哈,不要紧,今天我来给大家推荐几个神器,让你明天神清气爽,这可是程序员开发必备之良品呀。
WebP 是 Google 早在 2010 年就提出的一种新的图片压缩格式,相比 JPEG 和 PNG 格式的图片,文件大小平均小了 30% 左右,从而使得网站的速度更快,使用的带宽也更少,根据 caniuse 网站的统计,目前所有现代浏览器基本都支持 WebP 了:
如项目代码目录展示的那样,除了常见的app.js作为入口文件,我们将用到的 3 张图片放在/src/assets/img/目录下,并在样式文件base.css中引用这些图片。
DevToys是面向开发人员的瑞士军刀。 DevToys帮助完成日常任务,如格式化JSON,比较文本,测试RegExp。借助智能检测,DevToys 能够检测出可以处理你在 Windows 剪贴板中复制的数据的最佳工具。 GitHub数据 11.6k stars 77 watching 613 forks 开源地址:https://github.com/veler/DevToys Microsoft Store评分 好评如潮 支持的工具 转换器 JSON <> YAML Timestamp Nu
可以通过npm全局安装一个http-server,当需要开启服务的时候, 通过命令行,跳转到需要开启服务的文件夹下, 开启服务即可!
移动端网页的加载速度对用户体验极为重要,是影响页面转化率的关键因素,H5 活动页往往使用大量的图片素材来丰富活动效果,素材加载的快慢会对用户感知造成重要的影响。
使用开源工具 LSUnusedResources 检查重复图片,但是可能会有误报,比如 [@”image%d”, index] 这种引用方式无法检查到,需要人工在核对一边。
在 Windows 操作系统上使用 Linux 命令行工具,对于许多开发者和系统管理员来说是一个常见的需求。特别是对于那些习惯于 Linux 命令行的用户来说,Windows 自带的 CMD 和 PowerShell 可能并不满足他们的需求。虽然 Windows Subsystem for Linux (WSL) 是一个很好的解决方案,但有些用户出于各种原因可能不想使用 WSL。本文将介绍几种在 Windows 上使用 Linux 命令的方法,包括具体的操作步骤、优缺点分析,以及各方法的对比。
安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1、去nodejs官网安装nodejs 2、打开命令行,OSX是终端,windows是命令提示符(window + r 输入cmd回车) 3、使用npm(nodejs的包管理器),或选装cnpm执行npm install cnpm -g --registry=https://registry.npm.taobao.org 4、全局安装gulp:(c)npm install gu
猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目,在此分享给大家。
每次出去玩之前都会上网搜很多很多的攻略。但是发现更多的是游记;游记里面的大部分信息是介绍景色、感悟等;其实除了这部分信息,怎么去,有什么注意事项等等更是很多人想要关注的事情。然而要么是因为玩的太久忘记了,要么是没有想到,很多游记对于这部分信息的记录寥寥。其实这部分信息的记录并不复杂,正好有朋友问我,因此就专门写篇文章把自己的一些经验分享一下。 作为一个高逼格的工程师,肯定是要通过各种技术手段来协助自己记录。不然好不容易出去玩,不能尽兴,还要花很多心思来记录各种时间点和经历也太伤神了,同时也失去了旅行的意义。
目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩、图片转base64、css和js的压缩以及合并,文件的md5重命名 ……。本人之前也是在项目中没具体使用过,闲来无事,查查资料,自己写了一个用gulp工具的小demo,有很多不足之处,欢迎指点。 第一步:安装node和npm 不用说,要用gulp,得先安装node和npm(安装完node后,自带有npm) Node官网下载地址:https://nodejs.org/en/downl
读者福利:点这里送几本我们部门出的新书——《弹性计算:无处不在的算力》,免费包邮到家,欢迎大家来抽奖,也帮忙 review 下抽奖的代码。
接触微信小程序有一段时间的开发者或开发团队,我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架,尤其是一些做过Web开发的开发者,受到现如今Web主流开发框架如Angular,React,Vue等的核心思想的影响,对数据/状态管理、组件化、跨平台等都有较高的追求。
正所谓「工欲善其事,必先利其器」,在日常开发过程中,如果能选对一个趁手的工具,那无疑能为我们的工作任务省下不少时间精力。
Linux操作系统广泛应用于服务器和开发环境中,而在Linux系统中经常会遇到以.Z为扩展名的压缩文件。.Z是一种使用Unix标准的压缩格式,通常由compress工具创建。本文将详细介绍在Linux中如何解压缩.Z文件,以及相关的基本知识和实用技巧。
包括cd touch cp mv rm ls,find,切换目录,创建,复制,移动,删除,查看,查找等等
https://github.com/zhaoolee/ChromeAppHeroes
之前写了一篇文章:jpg、gif、png和svg用于web上,我们该如何选择最合适的图像格式,介绍了这几种图片格式的特点,以及如何为网站选择合适的图片,然后评论区有位大佬让我补充下 WebP 格式,于是乎它来了。
WebP Server这是一个基于 Golang 的服务器,允许您动态提供 WebP 图像,在不改变图片URL路径的情况下,自动将JPEG、PNG、BMP、GIF等图像转换为WebP格式,从而减小图片体积,降低流量消耗和提高加载速度。
Linux操作系统有很多功能,其中最简单和直接的方式就是命令行(Command Line)。
本文来自腾讯前端开发工程师“ wendygogogo”的技术分享,作者自评:“在Web前端摸爬滚打的码农一枚,对技术充满热情的菜鸟,致力为手Q的建设添砖加瓦。”
本博客介绍了Linux基础入门的必备命令行技能,共分为九个主题。首先,在命令行简介部分,解释了命令行的组成和结构,以及常用的命令行操作。接着,详细介绍了常用的文件和目录操作命令,包括ls、cd、mkdir、rm等,帮助读者熟悉文件和目录管理。第四部分涵盖了文件内容查看与编辑,介绍了cat和less命令以及vi编辑器的使用。在文件权限与用户管理部分,深入探讨了chmod、chown和useradd等命令,帮助读者理解文件权限和用户管理的重要性。系统信息查询与监控一节介绍了uname、df、top等命令,用于查看系统信息和资源使用情况。接着,通过网络命令与通信,解释了ping、ifconfig、netstat等命令,帮助读者进行网络通信测试和配置。在压缩与解压缩一节,介绍了tar、gzip和unzip命令,用于文件的压缩和解压缩。最后,在实用的命令技巧部分,列举了通配符的使用、历史命令调用和命令别名设置等实用技巧,帮助读者更高效地在命令行下工作。掌握这些技能和命令,读者将能够更好地操作和管理Linux系统,提高工作效率和系统安全性。
好不容易给 PPT 文案录制好了满意的 GIF 动画,领导要求修改尺寸和大小...
Linux的操作一起皆文件,Linux将所有的设备、文件、进程等都当做文件来处理,统一了对它们的操作方法,使得Linux具有了很高的灵活性和可扩展性。
领取专属 10元无门槛券
手把手带您无忧上云