reober3 发表于 2026-2-26 04:18:16

【教学】一些关于使用图片的技巧

本帖最后由 reober3 于 2026-3-6 23:56 编辑

https://img.gamemale.com/album/202601/31/182508crl9b1d81vhq8hbv.png
https://img.gamemale.com/album/202601/31/182507a3qmmq33z5qz0w10.png  由于自己用的火狐浏览器不能正常使用目录和翻页,这里就只放个概览惹(其实是不会做
  该帖涉及到的内容:如何上传图片、如何插入/使用图片、如何删除图片、上论坛首页的图片(小电视)相关、帖子末尾大图小图切换(更多图片)相关、和谐区图片预览相关
想让帖子里的图片更美观更有趣吗,快来看看吧~static/image/hrline/5.gifstatic/image/hrline/5.gif0图片分类
  进入帖子发布页面,点击编辑栏中的图片工具,我们可以看见操作框上面有三个部分:“上传图片”、“相册图片”和“网络图片”,于是就可以简单将论坛中的图片分为这三类
图片地址


1如何上传图片
1.1发帖时上传
  上传的图片不同于相册图片和网络图片,在发帖时并不能直接调整宽高,对尺寸排版有需要的话得在上传前裁剪缩放好
上传的图片在纯文字模式下是图片代码数字,可以理解为它是以文件方式存在,而不是以插图方式存在,所以不能像网络/相册图片图片链接一样直接将修改为改变图片尺寸  上传的图片不会占用你的空间容量,除非你把它存到了相册里
点进自己的个人主页,然后进入个人资料页面,往下翻到统计信息栏
空间容量会随等级增长而增加,但也有限
1.2上传到相册
  进入相册后,找到“我的相册”,然后点击右上角“上传图片”
  一般来说,你会频繁使用到的图片才需要主动存放在这里
  例如自己常用的表情包、美化帖子的装饰图、求评分求追随的图……
  另外,在日志中如果上传了图片/装扮个人空间时上传了图片,图片会强制存放于你的“默认相册”中
除了通过进入自己的个人空间点进相册
还可以通过论坛的快捷导航功能进入
1.3上传到图床
【秋园庆丰】图片上传杂谈 & 个人图床搭建教程
【如何避免图片尺度过大被图床删除?图床推荐】imgbox 再也不用担心图片被和谐了 大家上传图片喜欢用图床吗?
  有关图床,这两位坛友写得很详细,这里就不多写了(偷懒,喜欢的话请给他们点点追随~

2如何使用/插入图片
2.1点击插入
  上传的图片、相册内的图片都可以直接点击插入进鼠标光标处
  对于上传的图片,在文中多个位置点击插入,只会在第一个位置显示图片,如果使用拖拽插入,则可以多次显示
  对于相册图片,点击多少就能插入多少
2.2拖拽插入
  打开图片操作框,将一张上传的图片拖拽至正文中,可得到一张缩小的图(默认宽度为110)

  比如这个https://www.gamemale.com/forum.php?mod=image&aid=610793&size=300x300&key=85e6ff2f48e1cd66&nocache=yes&type=fixnonehttps://www.gamemale.com/forum.php?mod=image&aid=610793&size=300x300&key=85e6ff2f48e1cd66&nocache=yes&type=fixnonehttps://www.gamemale.com/forum.php?mod=image&aid=610793&size=300x300&key=85e6ff2f48e1cd66&nocache=yes&type=fixnone
  若该图没有再被点击插入,那么它会被系统默认插入到帖子末尾(满4张就变成“更多图片”),例如这四张图,翻到这篇帖子末尾会再看到它们https://www.gamemale.com/forum.php?mod=image&aid=610908&size=300x300&key=c7d581c30bf6902a&nocache=yes&type=fixnonehttps://www.gamemale.com/forum.php?mod=image&aid=610907&size=300x300&key=8bc9691974af57d1&nocache=yes&type=fixnonehttps://www.gamemale.com/forum.php?mod=image&aid=610906&size=300x300&key=e43e011aa18a5814&nocache=yes&type=fixnonehttps://www.gamemale.com/forum.php?mod=image&aid=610909&size=300x300&key=54ef1961ba556765&nocache=yes&type=fixnone
2.3系统默认插入

  上传后不进行点击插入的图片,发布后会被系统默认插入到帖子末尾,如果小于4张就是最大尺寸展示,满4张就是“更多图片”,可以切换小图大图的展示,见上面四张图的例子
  注意这个插入只对发帖时上传的图片生效
2.4网络图片插入
  直接复制地址然后两端加即可,不是必须在图片操作框里的网络图片里输入然后插入
  另外,一些图床会给出bbcode格式的链接复制,直接用也方便
  比如说直接在正文输入【img】https://i.imgs.ovh/2026/01/18/yUfdUp.jpeg【/img】(为了演示链接这里得把[]打成【】),就会在那个位置出现对应的网络图片:https://i.imgs.ovh/2026/01/18/yUfdUp.jpeg,你在回我这条帖子的时候就可以试试~
2.5图片尺寸设置
  对于相册图片和网络图片,直接将修改为即可改变图片尺寸
  只填宽,高填0的话,系统会自动帮你等比例缩放图片
  用上面的例子,如果我把【img】链接【/img】变成【img=300,0】链接【/img】
  就会出现https://i.imgs.ovh/2026/01/18/yUfdUp.jpeg
拖拽插入的缩小的图代码都是,可在纯文本模式下修改尺寸,不过原图依旧会出现在帖子中2.6点击会跳转页面的图片
  直接点击图片选中,然后点击编辑栏中添加链接的按钮,输入你想要跳转的链接即可
  或者直接输入【url=链接地址】【/url】于目标图片的左右(为了演示这里得把[]打成【】)  例如【url=链接地址】图片【/url】或【url=xxx】【img=x,y】【/img】【/url】
3图片的删除方法
  有时候上传图片后想删除,你可能会发现在正文里删除后,图片还是显示到了帖子末端
  这并不是哪里出了错,不要急着删帖,只需要点开图片操作框,然后将对应图片删除即可

  上面是“上传图片”的删除方法,如果是相册图片或网络图片,在正文里直接删就行

4上论坛首页的图片(小电视)相关
  想上小电视,首先得确保你发布的帖子的版块,和谐版块还有生活爆照不会上电视
  其次是帖子内需要有发帖时上传的图片(动图也可以)
  然后系统会在上传的图片中选择图片宽度最大的图,比如A图600×400,B图500×600,就会选择A图上电视
  另外电视本身的长宽会对你的图造成一定框选,假如你的图宽和高差距较大,可能就不能很好的展示,这时可以考虑把那张图塞到一个贴合小电视形状的背景图,再将新图上传当电视图

5帖子末尾大图小图切换(更多图片)相关
  这个就是前面2.3提到的;并不通过主动点击什么按钮实现,而是需要你发帖时上传至少4张图片,且不点击插入,发布后它们就会自动排列在底下,并出现小图大图切换

6和谐区图片预览相关
  会选3张图,选图范围似乎只排除了相册图片
↓↓↓
static/image/hrline/3.gif
  大概是选取你最后加入进帖子的三张图,所以细节控可以把预览图留到后面再加入~
  热心坛友提醒:
  1.花花原话为“坛友可以直接在帖子列表就能直接预览帖内的前三张图片”
  氮素实测下来很多帖子的三张预览并不是点进去的前三张图

这个是14年的老帖子,但预览图都是后面新上传的图片
点进别的帖子,悬浮在被展示的预览图也可以发现预览图都是帖子中最晚上传的



该帖预览图中第二张为2020年2月的举报教学,第三张为2019年6月的切换电脑版
而主楼里实际第二张图是2018年上传的图,可见并未按照帖内前三张的顺序选择预览图

  2.预览功能刚开放不久,后续应该会继续优化调整static/image/hrline/5.gifstatic/image/hrline/5.gif
希望对坛友们有帮助{:5_118:}求求追随啦~https://img.gamemale.com/album/202601/28/182527wwpaezsweooss551.pnghttps://img.gamemale.com/album/202601/28/191807a1wn89n5xg8o3o3a.png

毛茸茸兽兽 发表于 2026-2-26 11:42:40

吃瓜ing还有相同宽度下数字排序靠前的展示
以及不要在附件xxxx格式的图片,有的浏览器会默认下载,占下载附件的次数

赴约波波 发表于 2026-2-26 04:28:20

原来小图片是拖拽插入的,学到了

talkspecial 发表于 2026-2-26 04:41:14

感谢分享{:6_200:}!教程写得超棒!原来还有朴实无华直接拖拽图片进帖子的操作,受教了!之前还好奇和谐区预览是不是和上小电视一样,原来是最后3张涨知识了{:6_190:}

凯诺斯 发表于 2026-2-26 05:04:54

很实用的技巧惹,原来拖拽也能插入图片还是第一次知道{:6_165:}

DIMDANMAS 发表于 2026-2-26 05:15:50

涨知识了,之前上传图片传完就没后续了,可以把发帖的原稿补充到图片里,这样更详细点,网络图片插入和图片尺寸设置可以加个范例

2302594 发表于 2026-2-26 06:13:34

虽然教材是不错,但是后面那些图片都什么黑暗料理:funk:

Ghost-in-System 发表于 2026-2-26 06:59:42

好实用的指南,我都不知道图片可以拖拽然后做成文字环绕模式,以后排版会更好看了

cdcai 发表于 2026-2-26 07:53:21

经常有新人问图片插入和折叠

thesametime 发表于 2026-2-26 08:47:10

一直觉得泥潭的编辑器有点难用,原来是我不会用(

AlenL 发表于 2026-2-26 08:49:43

很实用,对于摸索发帖图片问题很有帮助

Martus 发表于 2026-2-26 08:57:22

今天刷到个帖子,点图片可以跳转到链接,感觉可以补充下

腐竹焖排骨 发表于 2026-2-26 08:59:29

初入泥潭时只知道用附件添加图片,原来还有这么多便捷的方法,来学习了

娱乐法师火布偶 发表于 2026-2-26 09:19:09

和谐区的图片预览逻辑还是和其他地方有点不同,毕竟是新开放和试用的功能,应该还会继续调整

飞扬fox 发表于 2026-2-26 09:31:38

https://img.gamemale.com/album/202408/03/102140hjlz96pqcpj4llmi.gif非常实用的图片插入技巧,终于知道更多图片那个是从哪来了

you9632587 发表于 2026-2-26 09:38:31

确实很需要给萌新科普一下正确的插入方式,很多萌新不会插结果就是帖子里都是小图然后帖子末尾都是大小图的模式

Shay111 发表于 2026-2-26 10:00:54

很实用的技巧,感谢楼主分享喵

xqwh 发表于 2026-2-26 10:22:37

学会了怎么拖图片排版,不过懒人还是只管上传最后都在下边缩略图里

Burry 发表于 2026-2-26 10:27:18

特别实用的图片插入指南呢,我一般也只会一小部分而已。

notunicorna 发表于 2026-2-26 10:28:06

坛友可以直接在帖子列表就能直接预览帖内的前三张图片
坛花的原话是前三张而不是最后三张惹

2254921 发表于 2026-2-26 10:39:14

已严肃学习,以后发主题必将学以致用
页: [1] 2 3 4
查看完整版本: 【教学】一些关于使用图片的技巧