首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将缩略图裁剪为Wordpress上的精确尺寸以获得中等大小

将缩略图裁剪为WordPress上的精确尺寸以获得中等大小,可以通过以下步骤实现:

  1. 确定所需的缩略图尺寸:在WordPress中,可以通过设置->媒体页面来定义所需的缩略图尺寸。例如,可以设置中等大小缩略图的尺寸为300x300像素。
  2. 使用图像处理库或工具进行裁剪:可以使用各种图像处理库或工具来裁剪缩略图。以下是一些常用的图像处理库和工具:
  • GraphicsMagick:一个功能强大的图像处理工具,可以通过命令行或编程语言的接口来裁剪图像。
  • ImageMagick:类似于GraphicsMagick,也是一个流行的图像处理工具。
  • OpenCV:一个广泛用于计算机视觉任务的开源计算机视觉库,也可以用于图像裁剪。
  1. 编写代码进行裁剪:根据所选的图像处理库或工具,可以编写相应的代码来裁剪缩略图。以下是一个使用Python和Pillow库进行裁剪的示例:
代码语言:python
代码运行次数:0
复制
from PIL import Image

def crop_thumbnail(image_path, output_path, size):
    image = Image.open(image_path)
    image.thumbnail(size)
    image.save(output_path)

# 调用函数进行裁剪
crop_thumbnail('input.jpg', 'output.jpg', (300, 300))
  1. 上传裁剪后的图像到WordPress:将裁剪后的图像上传到WordPress媒体库中。可以通过WordPress的媒体库页面或使用WordPress的REST API来实现。
  2. 在WordPress中使用裁剪后的图像:在文章、页面或自定义模板中,可以使用WordPress提供的函数或短代码来插入裁剪后的图像。例如,可以使用the_post_thumbnail()函数来显示文章的特色图像。

总结:

将缩略图裁剪为WordPress上的精确尺寸以获得中等大小,需要确定所需的尺寸,选择合适的图像处理库或工具进行裁剪,编写相应的代码进行裁剪,上传裁剪后的图像到WordPress媒体库,并在WordPress中使用裁剪后的图像。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

禁用 WordPress 裁剪功能包括自动生成的 768 像素图片

WordPress 媒体库是很强大、管理媒体相当方便,如果媒体多就给数据库增加了压力,而且很多媒体是不需要上传到媒体库,上传的图片会增加很多无用被裁剪后的图片,本文就将介绍如何彻底禁用这个裁剪的功能。...WordPress 已经提供了所有的设置选项,鼠标依次放在『我的站点——管理网络——站点』,进入站点列表中,点击需要修改缩略图参数的站点上的『编辑』, 进入到编辑站点页面,再点击『设置』进入此站点的设置选项中...三、彻底禁用 WP 裁剪 直接上代码: //禁用 WordPress 4.4+ 的响应式图片功能及缩略图裁剪的所有功能 function salong_disable_wp_tailoring( $sizes... ){     unset( $sizes 'thumbnail' );//缩略图大小     unset( $sizes 'medium' );//中等大小     unset( $sizes 'medium_large...intermediate_image_sizes_advanced', 'salong_disable_wp_tailoring' ); 将以上代码添加到主题 functions.php 文件就可以,需要裁剪什么尺寸的缩略图就注释相应的代码

1.7K50

一文详解 WordPress 文章特色图片或缩略图功能

'page' ) ); // 给页面启用文章缩略图功能 设置文章缩略图大小 开启了 WordPress 文章缩略图功能之后,我们可以通过函数 set_post_thumbnail_size() 来设置缩略图的大小...,这里有两种方式:盒大小(box-resize)模式和裁剪(hard-crop)模式。...盒大小模式可以指定长度和宽度,比如一张 100X50 的图片在指定的 50X50 的盒子中会被缩小为 50X25。...代码如下: set_post_thumbnail_size( 50, 50 ); // 50 像素宽和 50 像素高,盒大小模式 第二种是硬裁剪模式(hard-crop),这种模式下,图片会被裁剪为指定的大小...WPJAM Basic 针对这些情况都做了处理,首先我们可以选择是否自动将缩略图的设置应用到主题还是修改主题代码来实现。

1.5K10
  • 一行代码彻底禁用WordPress缩略图自动裁剪功能

    记得在博客分享七牛缩略图教程的时候,提到过 WordPress 默认会将上传的图片裁剪成多个,不但占用磁盘空间,也会拖慢网站性能,相当闹心!...当时也提到了解决办法: ①、关闭主题自带缩略图裁剪功能(若有); ②、多媒体设置里面,将所有尺寸都设置为 0。...详见:《WordPress 简单代码开启七牛 CDN 及集成七牛缩略图的方法》—谈图片尺寸 而自从 WordPress 升级 4.4 之后,推出了 srcset 这个图片多屏自适应功能之后,这个恶心的裁剪又出现了...像素缩略图,并且给出了一个解决办法:《wordpress4.4+版本自动生成一个 768w 像素缩略图的解决办法》,我看了下代码,确实是一个根因:在 WordPress 4.4 版本安装/更新的时候会将这个尺寸写入到...实际上,一直关注张戈博客的朋友,可能还记得之前介绍过的一个WordPress 上帝模式,那这里的解决办法就简单了: 打开 WordPress 上帝模式(后台一次点击【设置】-->【全部设置】),然后在浏览器按下

    1.9K70

    为WordPress开启Nginx缩略图功能,七牛从此陌路

    昨天一回到家,立马进入折腾状态,学习 Nginx 的缩略图和缓存功能,几经折腾终于将这 2 个实用的功能应用到了我这个 WordPress 博客,博客图片从此和七牛陌路。...Ps:分享前先简单的说一说实时生成缩略图的好处。肯定有朋友会疑问,WordPress 不是已经有缩略图裁剪功能了吗?而且很多主题也加入了自定义尺寸的缩略图裁剪功能,为什么还要多此一举呢?...其实,用实时生成缩略图至少有如下 2 个好处: ①、免去上传图片被裁剪成多种尺寸的困扰(强迫症),既节省了空间且不会杂乱; ②、使用灵活,不管以后换什么主题,需要什么图片尺寸我都能随时拿出最佳尺寸。...出错时返回 415 ②、crop:完全根据尺寸裁剪图片,直接裁剪成跟设置一样大小的图片。...比例缩放的优点是最大程度保持图片的完整性,缺点则是如果图片的宽或高小于指定尺寸,生成的缩略图可能就会空白一部分,因为要保持缩放比例;尺寸裁剪的优点就是能保证缩略图不会出现空白区域。

    1.3K50

    说说 WordPress 的特色图像(Featured Image)

    ,过去为了给每篇文章设置一个缩略图,我们需要用代码去匹配文章中的第一张或者最后一张图片,或者通过附件方式获取图片,有了特色图片功能,一切都简单了,只需要在编辑文章的时候手动选择指定一个图片为特色图像即可...3、因为是代码自动裁剪的图片,作为缩略图的时候会出现图片裁剪不完整。 4、每次调用缩略图(首页、文章列表页)都会有代码运行增加服务器运行负载。 5、上面几条综合下来就会造成用户浏览体验下降。...也有些站长认为 WordPress 这个特色图像功能只适合不在乎空间流量和大小的用户使用,因为每张图片都会裁剪成多张大小不同的缩略图方便在不同的位置调用,最主要的是不支持外链,很浪费空间....。...九牛一毛”都谈不上。...文章页相关文章的缩略图。 搜索引擎抓取文章缩略图后在搜索结果中的展现(可以理解为 SEO 优化的一种方式)。 微信小程序需要“标准化”特色图像调用。 手机 APP 应用的缩略图调用。

    3.1K20

    WPJAM Basic 详细介绍:一键设置和应用 WordPress 缩略图

    WordPress 默认的缩略图设置是比较复杂的,如果需要某种特定尺寸的缩略图,是需要事先通过 set_post_thumbnail_size 函数进行预先定义,WordPress 才会在图片上传的时候...,裁剪或缩放出对应的尺寸的图片。...从前面 WPJAM Basic 的 CDN 加速 的功能介绍可知,云存储都有动态缩放和裁剪功能,所以如果 WordPress 开启「CDN 加速」加速,就可以利用云存储的图片裁剪功能实时对图片进行处理,...而不需要预先定义缩略图的大小了。...分类缩略图 接着我们可以决定是否开启分类缩略图,并且指定开启分类缩略图的模式:本土媒体模式还是输入图片链接模式,以及哪些分类模式支持缩略图和缩略图的尺寸。

    47430

    Golang语言情怀--第118期 全栈小游戏开发:第9节:精灵帧资源(SpriteFrame)

    spriteFrame 资源: 图像资源在 资源管理器 中会以自身图片的缩略图作为图标。...这样我们在使用 SpriteFrame 渲染 Sprite 时,将会获得有效图像更精确的大小。...取消勾选,Sprite 节点的约束框会包括透明像素的部分。 Size Mode 用来将节点的尺寸设置为原图或原图裁剪透明像素后的大小,通常用于在序列帧动画中保证图像显示为正确的尺寸。...有以下几种选择: TRIMMED 选择该选项,会将节点的尺寸(size)设置为原始图片裁剪掉透明像素后的大小。 RAW 选择该选项,会将节点尺寸设置为原始图片包括透明像素的大小。...表示用户将自己决定节点的尺寸,而不需要考虑原始图片的大小。

    25310

    php生成缩略图类timthumb

    用过这个类的都应该很熟悉,此类可以用来生成图片的缩略图并加以处理,如果在linux环境下安装了optipng或pngcrush工具,也可以进行网站的截图操作。...文件下载地址:http://www.zjkweiqi.cn/pcdown/93702.html wordpress自带的缩略图功能会对每次上传的所有图片根据设置的图片尺寸进行裁剪,并把原图和裁剪后的图片保存在网站空间中...,图片只裁剪一次,更改设置的尺寸不会重新生成,这样不仅占用主机空间,以后改版网站时还要使用同一尺寸的图片,否则图片会失真或变形。...该软件是专门针对wordpress开发的集成在wordpress主题中的缩略图应用项目,只会对调用的图片进行裁剪,而且是在有访问请求时才临时生成一个配置文件,在一定时间内缓存在空间中,不会生成多余的缩略图...参数说明: src : 需要进行图片缩放的源图片地址,或者是需要进行截图操作的网页地址 webshot : 如果此值为真则进行截图操作 w : 生成图片的宽度,如果宽度或高度只设置了一个值,则根据其中一个值进行等比缩放

    1.5K00

    WordPress彻底关闭图片768、1536、2048、scaled自动裁切

    WordPress 拥有非常强大的图片裁切功能,最基础的设置就是可以通过 WordPress 后台-设置-媒体中设置图片大小,有缩略图大小、中等大小、大尺寸等三个尺寸可以自定义设置。...但是 WordPress 也会因为图片过大裁切一个“-scaled”的图片文件,然而从 WordPress 5.3 版本开始还会自动裁切一个 768、1536px 和 2048px 大小的图片,用于适配...,不论是主题定义的自定义裁切尺寸,还是 WordPress 默认的 768、1536、2048,还是 WordPress 后台设置的图片大小的尺寸都将失效。...第二行代码就是只移除 scaled 尺寸的图片的裁切。所以可以根据自己需求使用,同时子凡还提供以下的一段代码给大家来自定义移除图片的尺寸大小。...WordPress 自动裁切尺寸的功能,因为这些自动裁切的大小虽然可能会被用到,但是无法保证以后网站改版或者提升图片质量的时候来升级图片尺寸,所以我们采用的都是服务器自动裁切图片的方式,我们网站哪里需要什么尺寸

    1.4K80

    WordPress集成PHP缩略图,并开启Nginx缓存的方法

    之前张戈博客分享过一篇给 WordPress 开启 Nginx 缩略图的教程,用着确实不错!但是总感觉清晰度不敢恭维,就算将裁剪质量调到 90 依然失真严重,于是想另辟蹊径。...这个 PHP 缩略图虽然可以将实时生成的图片缓存成文件,但是第二次被请求,PHP 依然需要进行一些很简单的判断,比如这个缩略图是否被缓存、缓存文件是否过期等。...很简单,延续之前分享的 Nginx 缩略图思路,把上面的 url 改成在图片地址最后带参数的模式,然后伪静态重写为上面的形式,最后通过 Nginx 实现纯静态缓存。...>/i', '', $content); } return $content; } 修改原理: ①、将老文章中带尺寸的图片改成完整图片路径,我之前用的是 300 大小的图片缩略图,...所以这里需要将高或宽 300 的全部去掉,变成完整尺寸图片路径; ②、最后将文章中所有图片路径上带上适合本文分享的尺寸规则,比如上述代码是?

    1.2K70

    My Eyes Are Up Here:自动侦测脸部生成缩略图的 WordPress 插件

    WordPress 默认是自动从中间裁图来生成缩略图,如果图片中的人脸在边上的时候,就会把图片中最重要的部分裁掉,如果全身照则更尴尬,有时裁剪之后剩下的是脖子和手臂。...当完成添加热点之后,点击“完成”按钮就可以重新裁剪缩略图了,重新生成的缩略图就是根据指定的人脸位置来裁剪的, 当检测到多个热点或面,该插件将尝试裁剪图像,包括尽可能多的热点在缩略图越好。...否则,它会裁剪围绕热点的中心。 如果你的主题大量使用功能的图像以人类为对象的,这个插件将帮助你避开脸部所需的作物,避免可怕的胯下击球。我的眼睛是在这里被人们在互联创建/它。...您可以从WordPress.org免费下载或查看GitHub上的项目。 如果多个人脸被侦测到,插件就会尽量在裁剪的图片中尽量包含多的人脸,否则它会围绕这些热点的中心裁剪。...如果你站点有很多人物主题的图片,这个插件会给帮你裁剪更加适合你网站的缩略图,下载:My Eyes Are Up Here

    50820

    6个最好的WordPress图像优化器插件提高WordPress网站性能

    图像优化是您定制图像以满足您网站的某些标准的过程。这组标准包括尺寸、大小、分辨率和正确的格式。最后,图像应该以不会减慢您的网站速度或破坏用户体验的方式呈现。...Imagify WordPress的图像优化器插件主要特点: 通过压缩WordPress图像而不损失质量来提高网站速度 压缩WordPress中的所有现有图像和新图像 压缩各种尺寸的图像,包括缩略图等...–全局和单独的多站点设置 处理所有文件-Smush将处理PNG、JPEG和GIF文件以获得最佳结果 超级服务器–使用WPMUDEV的快速、可靠的SmushAPI,Smush图像不会变慢 4、Optimole...画廊外WordPress中的照片优化 与图库和滑块插件兼容 ModulaWordPress照片优化库 与视网膜兼容 优化通过FTP上传的照片 自动将PNG转换为JPG格式以减小WordPress中的图像大小...通过设置最大宽度和/或高度来自动调整巨大的图像上传大小,以获得更合理的浏览器显示。 使用渐进式JPEG编码更快地显示JPEG图像。 选择在原始图像中保留版权元数据、创建日期和GPS位置。

    2.6K00

    begin主题使用说明(详解教程)

    begin主题使用说明(详解教程) 自定义栏目 3、自动将文章中插入的第一张图片作为缩略图,支持外链。 4、自动裁剪文章中的第一张图片作为缩略图,支持外链接图片下载到本地裁剪。...5、文章中无图显示随机缩略图 缩略图比例:大于等于280×210px,因本主题为响应式设计,页面会随着屏幕大小的改变而缩放,所以缩略图比例必须相同,否则有些模板和模块会显示错位。...第7条:自动缩略图改为使用timthumb.php裁剪本地图片 建议大家使用特色图像或者自定义栏目,制作单独的缩略图,调用尺寸比较小的图片,尽量不要使用自动获取文章中大图片作为缩略图,会严重影响页面加载速度...获取链接分类ID:将鼠标停在链接分类名称上,浏览器状态栏上显示的数字就是分类ID,如图: ?...缩略图强烈建议使用WP自带的特色图像功能,或者制作单独的小尺寸缩略图,缩略图尺寸:大于等于280px×210px,并通过自定义栏目添加,不建议使用自动获取文章中的图片作为缩略图,因为文章中的图片尺寸都比较大

    4.8K40

    宝, 来学习一下CSS中的宽高比,让 h5 开发更想你的夜!

    当此盒式高度按比例调整为其宽度时,我们将有一个致宽尺寸的框。 考虑下图。 盒子被按比例调整大小,其宽度和高度之间的比例是一致的。...通过拥有一致的高宽比,我们可以获得以下好处 整个网站的图像将在不同的视口大小上保持一致。 我们也可以有响应式的视频元素。...Percentage padding = height / width 195/260的结果为 0.75(或75%)。 我们假设有一个卡片的网格,每张卡片都有一个缩略图。...这个解决方案在多种视口尺寸下都不会好看。 注意到在中等尺寸下,固定高度的图片从左边和右边被裁剪得太厉害,而在手机上,它们又太宽。所有这些都是由于使用了固定高度的原因。...我们可以通过不同的媒体查询手动调整高度,但这不是一个实用的解决方案。 我们需要的是,无论视口大小如何,缩略图的尺寸都要一致。为了实现这一点,我们需要使用百分比padding来实现一个宽高比。

    1.7K30

    WordPress 高级缩略图插件:WPJAM Thumbnail

    很多人问我爱水煮鱼首页的缩略图是如何实现的,这事我最近写的一个 WordPress 插件:WPJAM Thumbnail。...有没有办法让 WordPress 缩略图功能用起来更方便呢?这个就是 WPJAM Thumbnail 这个插件所要做的事情。...这样就最大的保证了所有的文章都有缩略图,并且对于一类的文章只需设置一次即可,比如一些标签的文章,只需要到该标签编辑页面设置下该标签的特色图片(如上图),就可以将所有该类的文章都设置了缩略图,非常方便。...你可以需要将插件下面的 include/cache 目录设置为可写。...如果你安装了WPJAM Basic,这个插件会使用CDN的 API 进行裁剪,完全在 CDN 上实现缩略图裁剪,速度和效率都更是一流。

    1.4K30

    ImageMagick 的安装及使用

    合成gif magick a.jpg b.jpg c.jpg test.gif magick *.jpg images.gif 将指定的图片合成一个gif(好像以第一张图的大小为准) 3、调整图片大小...b.png b16.png 4、移除图片内嵌的所有配置文件 magick convert -strip 1.jpg 5、裁剪图片 crop参数可以把一副图像分成若干块大小一样的图片 magick img1....jpg -crop 500x500 dest.jpg 例如,原图片尺寸为1920×1200,所以可以分割出12块图片,注意如果尺寸不是目标图片的整数倍,那么右边缘和下边缘的一部分图片就用实际尺寸 在原始图像上裁剪一张指定尺寸的小图.... magick convert -quality 80 1.jpg 2.jpg 实例:生成缩略图: -resize,定义输出的缩略图尺寸;-quality 70,降低缩略图的质量为70%;-strip...:让缩略图移除图片内嵌的所有配置文件,注释等信息,以减小文件大小。

    2.8K10
    领券