在当今这个视觉为王的时代,一张好的特色图片往往能够为网站增色不少。WordPress 作为全球最受欢迎的博客平台,其特色图片的设置与优化更是至关重要。WordPress 特色图片的大小究竟应该如何设置呢?本文将为你一一揭晓。
一、WordPress 特色图片的概念
在 WordPress 中,特色图片通常指的是文章或页面中的缩略图、封面图等。这些图片能够提升文章的视觉效果,吸引读者眼球。在 WordPress 5.0 版本之后,特色图片功能得到了进一步的完善,使得图片的设置更加便捷。
二、WordPress 特色图片大小的最佳实践
1. 图片分辨率
最佳实践:建议使用 72 像素/英寸的分辨率。这是因为大多数显示器分辨率为 72 像素/英寸,使用此分辨率可以确保图片在网页上显示清晰。
表格:
| 分辨率 | 优点 | 缺点 |
| :—-: | :–: | :–: |
| 72 像素/英寸 | 清晰度适中,适合网页显示 | 文件大小较大 |
| 300 像素/英寸 | 清晰度极高,适合印刷 | 文件大小极大 |
2. 图片尺寸
最佳实践:根据实际需求选择合适的图片尺寸。以下是一些常见的图片尺寸:
缩略图:150×150 像素
中等尺寸:300×300 像素
大尺寸:1024×1024 像素
全尺寸:图片原始尺寸
表格:
| 图片尺寸 | 优点 | 缺点 |
| :—-: | :–: | :–: |
| 缩略图 | 适合展示,文件小 | 清晰度较低 |
| 中等尺寸 | 适合展示,文件适中 | 清晰度适中 |
| 大尺寸 | 清晰度较高 | 文件较大 |
| 全尺寸 | 清晰度最高 | 文件最大 |
3. 图片格式
最佳实践:建议使用 JPEG 或 PNG 格式。JPEG 格式适用于照片类图片,具有较好的压缩效果;PNG 格式适用于图标、图形类图片,具有无损压缩效果。
4. 图片优化
最佳实践:使用图片压缩工具减小图片文件大小,提高网站加载速度。例如,可以使用 TinyPNG、ImageOptim 等工具。
三、WordPress 特色图片优化的技巧
1. 使用图像编辑软件调整图片尺寸和格式
2. 利用 WordPress 插件自动优化图片
3. 合理设置图片缓存
4. 避免使用过大的图片
四、总结
WordPress 特色图片的大小设置与优化对于提升网站视觉效果至关重要。通过本文的介绍,相信你已经对 WordPress 特色图片的大小有了更深入的了解。在实际操作中,请根据自身需求选择合适的图片尺寸、分辨率和格式,并注意图片优化,让你的网站更加美观、高效。
为什么要使用wordpress的特色图像功能
更加轻盈
特色图像并不是只是完全输出一张图像来显示封面图片,而是会生成不同尺寸的略缩图,如果你上传的大尺寸图片,特色图像会将你的大尺寸图片生成好几个很小的图片,作为封面图片。
在文章的列表中,有那么多的文章和封面图片,如果截取第一张图片,则是截取的完整尺寸的图片,所以图片的质量得不到缩小,从而拖慢你的网站加载速度
更加规范
我们知道,文章中第一张图片我们在设置时,往往要和文章配合,所以尺寸大小不一,在列表页截取这些图片的时候,就很容易出现图片大小不一,混乱、错位的情况。
使用特色图像则可以从根本上解决这一问题,自动生成的图片大小等比例缩放,你只需要准备好尺寸相同的图片,上传即可生成不同图像,让网站更加统一规划,整齐明朗了!
wordpress略缩图图片变形怎么办
首先看你主题的缩略图是怎么写的。
1、如果你的是截取文章第一张图,那么只要的文章的图片的尺寸不与缩略图的比例相近,那调用出来的肯定是变形的了。
2、如果缩略图采用的文章特色图,也会出现你所说的变形,除非比例很相近。
如在functions.php文件中采用的这种形式,add_image_size('thumbnail',195,195);
3、如果缩略图采用的文章特色图,但使用的add_image_size('thumbnail',195,195,true);
这种就相对不会变形,但是是硬裁切。如图片尺寸比例不对,(很高的情况),它可能把顶部和底部部分给裁切掉了,比如人物图片把头部或脚给裁切掉。
针对以上3种,第一种调用的图由于是原图,所以图片大小很大,影响网页加载,和空间的流量;第二三种的缩略图大小相对减少,节省空间流量和相对加快页面加载速度。
第二种相对第三种,图片比例掌握不好,还是会看到变形。而第三种个人比较倾向,只要你比例不是太离谱,基本不会变形,只是会裁切掉一些地方。【如缩略图是宽尺寸的,你就别用窄高尺寸的了】
综合以上,找到你的functions.php文件,查找文件中的add_image_size特色图尺寸代码,在尺寸后方加true。如
add_image_size(‘thumbnail’, 195, 195, true);
以上只是参考,你可以找找官网资料。
链接:
codex.wordpress.org/Function_Reference/add_image_size
如何在WordPress后台文章管理列表显示特色图像
第一种方法:
实现的方法很简单,使用 Featured Image Column插件即可。在后台插件安装界面搜索 Featured Image Column即可在线安装,或者下载Featured Image Column
启用该插件后,就会发现在后台文章管理列表多出了一栏显示特色图像。
第二种方法:
第一步:如果希望没有特色图像时在后台文章列表显示默认的图像,可以在主题的 functions.php中添加下面的代码:
然后将名为 featured-image.png的图片上传到当前主题下的 images文件夹里。
第二步:如果希望自定义后台文章列表中的特色图像大小,可以在当前主题的 functions.php中添加下面的代码:
然后将名为 featured-image.css的CSS文件上传到当前主题下的 css文件夹。
第三步:以下是插件默认添加的css代码,可以将其添加到 featured-image.css并进行修改: