light04 发表于 2023-10-1 06:04:37

【秋园庆丰】图片上传杂谈 & 个人图床搭建教程

本帖最后由 light04 于 2023-10-14 21:38 编辑



双节快乐啊各位大帅逼们,最近新活动开放,泥潭的帖子呈现井喷态势,想必大佬们都水贴水的认真交流的很开心吧。
可惜本人身无长物,实在想不到有什么可以拿出来博君一笑的呢{:6_166:}【你说拿珍藏的资源出来发?咳咳,双节嘛,还是要好好休息的~前面几天还是让坤儿好好放个假吧】
没办法了惹,思来想去,想到之前看论坛大家发帖似乎饱受图片大小限制和清晰度之苦。既然如此,让我水一下活动那就来聊一聊论坛图片怎么处理吧{:4_114:}
在开始之前我先放一张白袜体育生在这里镇楼{:4_108:}


另外求追随咧,觉得有用请一定点一下评分呦~评分免费不消耗自己资源的~
https://raw.githubusercontent.com/chen40436/chen-img/main/%E6%AF%94%E5%BF%83.jpg

首先,在论坛发过图的都知道,由于泥潭框架老旧,我们是不能直接图片放进去的,就算你粘贴进去,也大概率显示不出来,还有可能超出帖子大小限制。所以,我们必须按照泥潭给出的方式上传图片{:6_168:}…………………………
https://img.gamemale.com/forum/202309/30/103942cs3yyskxs5yihr6k.jpg
如图,泥潭一共三种贴图方式,其中直接上传和相册图片二者大差不差,都是将本地的图片上传到泥潭的服务器中,二者同样拥有着单图大小限制和容量的限制,使用起来颇为麻烦,但浏览时的加载速度是最快的。[图片大小限制500k以下,上传每日容量5MB,相册总容量5~45MB]
总的来说,只要发的图集图片稍微多点,蛐蛐这点空间是绝对不够用的,毕竟现在已经是手机随便拍一张图就能上十多M的时代了呢{:6_190:}至于第三种方式外链则没有大小和容量的限制,想要贴多少张就能贴多少张~~~{:5_141:}不过嘛,需要我们提供图片地址才可以使用。到这里,肯定会有一些小萌新会问,什么~是快乐……咳咳,图片地址是什么{:4_110:}
简单的说,图片地址就是一张图片的保存的路径。

[*]如果是在本地电脑,那么文件的路径就是图片地址,比如:E:\study\温暖的家\xxx.jpg
[*]而如果是在互联网上的话,就是文件保存在服务器中的地址,通过这个地址我们可以直接访问到这张图片,比如百度的logo就存放在这个地址[http://www.baidu.com/img/bdlogo.png]

当然了,想要在论坛里贴图,本地的地址是不能用,除非你开了网络共享,不过那样做即不安全又麻烦,不在考虑范围之内{:4_114:}那么我们要如何获取一张图片的网络地址呢?
如果这张图片是网图,那么在网页里右键图片,选择“复制图片地址”即可。
https://img.gamemale.com/forum/202309/30/112556ovgn3wgcwp4ug2g4.jpg
如果是本地图片的话……那就用yandex和Google Image 识图找网图的图片地址咳咳,开个玩笑:$(好像也不是不行?)一般来说,本地图片需要经由图床、博客等第三方上传为网络图片,然后才可以作为外链使用。https://img.gamemale.com/forum/202309/30/115541lhmrj377rrbrzckk.jpg
看到这里,想必泥潭图片上传的基础机制大家都搞懂了吧。那么现在就去发百八十万个优秀的资源帖吧想要更多的论坛图片上传小知识请看这里 → 论坛上传图片的小技巧~

现在谈谈图片处理的方式。毕竟虽然方式一和方式二的使用有门槛、限制多。但是毕竟是论坛加载图片最快的方式。时间就是金钱,加载速度还是很重要的{:4_101:}
首先,我们都知道,常见的图片类型有JPG、PNG、gif、webp这几种,其中数量最多的是JPG和PNG两种类型。
而一般来说,一本高清写真的JPG版本一张图大小在5MB以下,而PNG版本可能在10MB上下,这个数字远远超出了泥潭所能承受的大小,我们必须对图片进行压缩处理后才能上传{:6_188:}
压缩图片的方式其实特别简单,市面上已经有很多成熟现成的工具了。如果对图片长宽没有特别要求的话,随便找个在线图片压缩网页就行了。
我用的网站是这个—>图片压缩软件在线版
有缩小优先、清晰优先和自定义三种压缩模式。https://img.gamemale.com/forum/202309/30/131921eg7qxxglfq11xm8w.jpg

一般用缩小优先就可以达到500k以下的要求。如果还不行,可以打开自定义模式选择指定大小压缩(希望大小设置500k就行了,不会超的)https://img.gamemale.com/forum/202309/30/132205e0f2sfl6z1sg0170.jpg
压缩效果如下https://img.gamemale.com/forum/202309/30/234704gnpcaqn6b2xn96ny.jpg

https://www.gamemale.com/static/image/hrline/1.gif

但是有些时候,我们还要对图片的大小规格有要求,又或者需要对图片进行打码等处理,这时候单纯的压缩网站已经不顶用了,一般我会用Snipaste截图软件进行操作。Snipaste功能相当丰富,拥有打码,涂鸦,裁剪,自动识别窗口,屏幕贴图等功能,并且体积小,占用低,操作简单流畅,处理论坛图片自然也不在话下。
首先,打开要处理的图片,点击Snipaste快捷键F1进行截图(正常化来说Snipaste会自动识别画面内元素,让你不需要手动框选截图范围,当然,有时候会出BUG识别不到)
https://img.gamemale.com/forum/202309/30/145739od94j4guj7p7gmj9.png
然后对框选后的图片进行处打码、标记等操作,操作完毕后,点击保存。
https://img.gamemale.com/forum/202309/30/145740gxxdkk8r7kzed3d0.png
再选中原图,点击直接替换。这样图片就处理好了。
https://img.gamemale.com/forum/202309/30/234630qddfb3dluefnlye3.png
处理完成后效果https://img.gamemale.com/forum/202309/30/234806cv0ux35rudaed921.jpg
两种方式处理图片的对比结果如下图https://img.gamemale.com/forum/202309/30/235428g1jaofaaa75xrahc.jpg可以看到,用Snipaste截图的图片大小大概为压缩的0.3~0.4倍,虽然分辨率比较低,但楼主用肉眼看不出有什么太大的差别{:4_114:}
如果你觉得这两种方法还不够,无法满足你的需求,可以看看这个帖子 → 【瑞兔呈祥】【好物推荐】在线高质量图片压缩和编辑工具

static/image/hrline/2.gif
10.4更新:不错的图片处理工具【秋园庆丰】分享一款集合了批量重命名、批量添加水印、添加马赛克和图片转换的看图软件。
static/image/hrline/2.gif
更新:图片批量压缩工具与批量更改文件名与后缀

接下来我们说说图床!

首先经典三连问,你知道什么是图床吗?图床能做什么?图床怎么用?

[*]定义:图床一般是指用于储存图片的服务器,没有计算机相关知识的小伙伴可以理解为互联网版本的图片展示柜。由于国内外网络环境的区别有国内和国外之分。国外图床常常会由于网络和距离等各种因素导致访问速度很慢,影响图片显示速度;
[*]作用:看了上面的定义,我们可以很清楚的知道,图床,就是专门用来存放图片,同时允许你把图片对外连接(对外展示)的网上存储空间,通常各大博客和平台等图片较多的网站都会有专门的图床进行网络图片的存储   ;
[*]使用:图床的使用方法非常简单,现在多数图床都是可视化的傻瓜操作,直接在图床上传你想要贴的图片,然后复制这张图片的链接,就可以使用了,使用起来没有任何技术门槛;

怎么样,很简单吧,是不是一看就懂{:4_101:}
看懂了我们就进入下一项,如何找到一个可以使用的图床?首先我们要知道,由于互联网旺盛的网络图片存储需求,图床的种类和数量那是非常的多的,就算是完全免费的图床,那也是随便在网上搜一搜就能找到很多的。当然了,图床同样需要付出运维成本,所以免费图床的稳定性并不能保证,有可能这个月找到,下个月就因为资金不足而倒闭了。不过我们使用图床并非商业用途,图床是否会随时倒闭对我们这些个人用户来说影响不大,图床爆炸了,也就换下一家的事情{:4_114:}

PS:切忌使用免费的图床做商业用途或将图床作为小哥哥们温暖的家,否则一切后果请自行承担{:6_190:}
简单列举三个市面上的免费图床


[*]路过图床(https://imgse.com/) 老牌知名图床,有谷歌的广告。楼主看到的安利是这样的:【支持免注册上传图片,永久存储,支持HTTPS加密访问和调用图片,提供多种图片链接格式】,然而楼主实际使用的时候发现并不可以免注册,至于其他的,楼主用的少,就不太清楚了{:6_188:}
[*]微博图床,国内快速稳定图床,永久存储,支持外链,免费使用。不过据说微博限制外链之后,不修改代码已经无法正常在第三方软件上使用了,上传图片也要先登录账号。话说这不会就是我搜图永远找不到微博的老图的原因吧{:4_111:}
[*]sm.ms 图床(https://link.zhihu.com/?target=https%3A//sm.ms/),这个也是比较出名的老牌图床了,免费会员拥有5GB的额度,无梯子也可以访问,速度也还行。

当然了,以上图床我均不建议发和谐资源时使用,用它们在论坛里发点表情包倒是没问题。因为它们都有严格的用户协议,是禁止上传违法违规图片的{:6_188:}https://img.gamemale.com/forum/202310/01/033242wt089e9z0pk9vt9z.png


最后讲讲如何搭建自己的图床。
首先你需要一个稳定的梯子,以保证你能正常快速的访问github平台。此外GitHub是英文页面,如果是英语不好的朋友,可以选择像我一样安装github中文化脚本。这些都准备好了之后,就可以打开GitHub注册账号了。(建议有账号的也注册一个小号,最好不要用大号做图床)
然后就可以开始搭建了!
https://raw.githubusercontent.com/chen40436/chen-img/main/%E6%90%AD%E5%BB%BA1%20(1).png
https://raw.githubusercontent.com/chen40436/chen-img/main/%E6%90%AD%E5%BB%BA1%20(2).png
https://raw.githubusercontent.com/chen40436/chen-img/main/%E6%90%AD%E5%BB%BA1%20(3).png
此时你的图床就已经搭建好了,是的,好了,就是怎么简单{:6_185:}
要使用的话点击添加文件选择上传就可以了。
当然,这样子使用很不方便,还需要打开网页。所以我们还可以使用第三方的图片上传工具PicGo帮助我们上传图片。
下载好PicGO后,我们要先去GitHub创建一个访问令牌token。token其实就是服务端生成的一串加密字符串、以作客户端进行请求的一个“令牌”。看不懂的童鞋把它当作钥匙和锁就可以了。我们只有持有token,才可以赋予第三方软件上传图片到我们所创建的仓库的权限。
依次点击头像→设置→(左边栏拖到最底下)开发者设置→个人访问令牌→生成新令牌(经典)
https://raw.githubusercontent.com/chen40436/chen-img/main/%E4%BB%A4%E7%89%8C%20(1).png
https://raw.githubusercontent.com/chen40436/chen-img/main/%E4%BB%A4%E7%89%8C%20(2).png
然后打开PicGO软件,选择图床设置→GitHub→按下图填写即可
https://raw.githubusercontent.com/chen40436/chen-img/main/picgo.png然后就可以尽情的使用啦~{:5_141:}
https://img.gamemale.com/forum/202310/01/045548bqlfeoisi7qww4j6.png
是不是很简单捏~你学会了吗,快去试试吧{:6_184:}{:6_200:}








轮回2L 发表于 2023-10-1 06:18:36

很棒的教程惹,之前都是压缩图片来达到目标大小的,图床似乎也很好用{:6_200:}

Horan丨 发表于 2023-10-1 06:28:09

之前都是用系统压缩图片,有了教程就不怕图片因为太糊变得不美了

Atsukun 发表于 2023-10-1 06:57:31

还是压图吧,那天批量做压缩转格式找软件半天找不到,最后是用格式工厂转的……

娱乐法师火布偶 发表于 2023-10-1 07:08:27

使用github确实是一个图床的新思路呢

alexwang 发表于 2023-10-1 07:13:00

github可以上传涩涩图片吗?{:4_102:}

菜猫 发表于 2023-10-1 07:19:11

处理图片我都是用ps的,GitHub搭图床还是第一次知道

这个痔疮不太疼 发表于 2023-10-1 07:22:26

刚睡醒,还以为你要带我参观你家的床:$

sgslrw 发表于 2023-10-1 07:27:02

这种工具类的帖子也是很有价值的,多谢楼主梳理了:loveliness:

silencedonkey 发表于 2023-10-1 07:47:06

感谢楼主的教程~
随着升级上传的单个图大小也会增加,个人体会是大图转成jpg稍微压缩一下一般就够了

Burry 发表于 2023-10-1 08:04:12

谢谢楼主特别详细的教程呢。大概能学习到很多对图片大小和图床更有效的处理。准备参考一下。

ZHD 发表于 2023-10-1 08:09:17

楼主的教程很用心呢!看上去非常详细,等以后换了电脑再试试!

Morphyus 发表于 2023-10-1 08:11:01

{:6_188:}用github当个人闯图,很有想法

you9632587 发表于 2023-10-1 08:12:10

我就是用系统自带的软件压缩图片大小,也还挺方便的吧

湖南安 发表于 2023-10-1 08:14:35

圖床原來是這樣搭建的!
幾乎不發帖的我個人相簿還有空間呢(ry

AncL 发表于 2023-10-1 08:15:17

;P之前跟u老师偷偷学了一手 后来为了图省事直接压缩图片 清晰度下降雨我无瓜(?) 还是感谢分享噜 给楼主很多很好的评价

上口下天先生 发表于 2023-10-1 08:20:51

这排版有点东西,我一开始还以为教程躲哪去了。

时间之朔 发表于 2023-10-1 08:33:00

天才,以后就不用每张展示图都压缩了,确实已经很有用了

DELINQUENCY 发表于 2023-10-1 08:57:14

学会了自建图床,原来某hub还有这种玩法~给楼主一个大大的追随^_^
不过还是希望坛友别插太多外链[祈祷]加载会很慢……在能看清的前提下,小一点不失为一种选择。

犬傑犬 发表于 2023-10-1 08:58:51

目前是用ps的自帶壓縮 , 也能批量處理{:6_200:}
页: [1] 2 3 4 5
查看完整版本: 【秋园庆丰】图片上传杂谈 & 个人图床搭建教程