1. 前言
熟悉咕咕的老朋友都知道,咕咕之前博客搭建系列出过图床的视频,当时用的是Chevereto,配合了Typora + Picgo插件,完成了博客图片的上传。
因为Chevereto后来维护的人员发生了变动,免费版本似乎已经没有中文语言包了,加之咕咕之前一直想研究WebP的转换,但是一直搞不成,心里有些不爽。(总感觉图片太大了,自己一个一个压缩又浪费时间)
无意中网上冲浪的时候,发现了一个叫做简单图床——EasyImage
的图床,居然自带把图片上传就转换成WebP的功能,大喜,遂下载尝试之,发现果然床如其名,搭建也很简单,故而推荐给小伙伴们。
1.1 WebP是什么?
WebP 的有损压缩算法是基于 VP8 视频格式的帧内编码[17],并以 RIFF 作为容器格式。[2] 因此,它是一个具有八位色彩深度和以 1:2 的比例进行色度子采样的亮度-色度模型(YCbCr 4:2:0)的基于块的转换方案。[18] 不含内容的情况下,RIFF 容器要求只需 20 字节的开销,依然能保存额外的 元数据(metadata)。[2] WebP 图像的边长限制为 16383 像素。
WebP 是一种衍生自 Google VP8 的图像格式,同时支持有损和无损编码。当使用有损模式,它在相同体积提供比 JPG 图像更好的质量;当使用无损模式,它提供比最佳压缩的 PNG 图像更小的体积。简单来说,WebP 图片格式的存在,让我们在 WebP 上展示的图片体积可以有较大幅度的缩小。网站上的图片资源如果使用 WebP,那么自然也会减少这些图片文件的加载时间,也就带来了网站加载性能的提升。关于 webp 图像格式的具体实现细节可以去维基百科或者文末我提到的推荐阅读看一下,总之 webp 很香就是啦 (●’◡’●)
以上WebP内容摘抄自Reimu’s blog
简而言之,就是WebP格式的图片,可以再损失很小画质的前提下,大幅度减少图片的体积,一方面可以节省你服务器的储存,另一方面也可以节省带宽,让你的网站打开速度更快!目前大厂(腾讯的微信公众号、谷歌等公司)都在用,我们当然也要用起来!
2. 特点
始于2018年7月,支持多文件上传,简单无数据库,返回图片url,markdown,bbscode,html的一款图床程序
之前一直用的图床程序是:PHP多图长传程序2.4.3
由于版本过老并且使用falsh上传,在当前html5流行大势所趋下,遂利用基础知识新写了一个以html5为默认上传并且支持flash,向下兼容至IE9。 文档的说明,有点长,可以不看 = =
- 支持WebP格式转换
- 支持仅登录后上传
- 支持设置图片质量
- 支持文字/图片水印
- 支持设置图片指定宽/高
- 支持上传图片转换为指定格式
- 支持限制最低宽度/高度上传
- 支持API
- 在线管理图片
- 支持网站统计
- 支持设置广告
- 支持图片鉴黄
- 支持自定义代码
- 支持上传IP黑白名单
- 支持创建仅上传用户
- 更多支持请安装尝试···
3. 项目展示
GitHub开源地址:https://github.com/icret/EasyImages2.0
稳定版下载地址:稳定版
文档地址:https://www.kancloud.cn/easyimage/easyimage/2625222
Demo地址:https://png.cm/
作者博客:https://blog.png.cm/ (此条5
3.1 界面演示
官方提供的图:
后台的几张图:
4. 搭建环境
- 服务器:
腾讯香港轻量应用服务器24元/月VPS一台展示用的服务器是Netcup特价款,本期搭建用的是Vultr的服务器,按小时计费,可随时销毁(最好是选非大陆的服务器)(腾讯轻量购买链接)Hetzner注册免费得25欧试用金有效期一个月 - 系统:Debian 10(DD脚本 非必需DD用原来的系统也OK)
- 域名一枚,并做好解析到服务器上(域名购买、域名解析 视频教程)
- 【本教程采用】提前安装好宝塔面板海外版本aapanel,并安装好
Nginx 1.21
、PHP 7.4
(安装地址)
4.1 兼容
- 最低
PHP 5.6
,推荐PHP≥7.0
及以上版本,需要PHP支持Fileinfo,iconv,zip,mbstring,openssl
扩展,如果缺失会导致无法上传/删除图片 - 文件上传视图提供文件列表管理和文件批量上传功能,允许拖拽(需要
HTML5
支持)来添加上传文件,支持上传大图片,优先使用HTML5
旧得浏览器自动使用Flash和Silverlight
的方式兼容
5. 搭建视频(上传中)
YouTube:https://youtu.be/kOW46igrQvA
哔哩哔哩【高清版本可以点击去吐槽到B站观看】:
6. 搭建方式
其实可以直接看文档
6.1 安装必需的PHP扩展
6.1.1 apparel(宝塔面板)
打开宝塔后台->软件商店
->已安装
->选择php
->设置
->安装Fileinfo
、iconv
、zip
、mbstring
、openssl
扩展(如果没有就是已经安装了)。
Fileinfo安装不上,可能是因为内存太小了,添加虚拟内存的方法如下:
软件商店,搜索Linux工具箱
尝试再次安装。
~~依次再安装其他需要的扩展。~~实测只有这一个需要安装。
安装完成之后,记得重启PHP。
6.1.2 Lnmp
6.2 将域名解析到服务器
把你图床打算用的域名解析到搭建图床的服务器上,这边以cloudflare为例子:
6.3 新建一个站点
宝塔面板点击新建站点:
只需要填写域名
,选择PHP
即可,简单图床足够简单,不需要数据库!
空壳站点成功创建!
接下来我们配置SSL证书!
记得打开强制SSL
SSL配置相关问题可以查看这篇文章:aapanel(宝塔面板)SSL证书申请经常错误的解决方法
紧接着我们打开网站的根路径:
把里面的东西都删了:
然后我们下载EasyImage的安装包,点开远程下载
,输入下面的链接: