在没有css和html标记的帖子内容上调整图像大小

时间:2022-02-16 作者:Janith Chinthana

Background:我正在使用WordPress 的帖子Newsletter. 我正在通过api 并将其用于Newsletter 发送它们的工具。在输入新闻稿工具之前,我正在缩小特色图像。但现在我面临着一些麻烦,有时我有高分辨率的内容后图像。

Issue:我需要调整帖子内容的内部图像大小,但不使用任何csshtml image tags attributes 因为我将它们用于时事通讯目的。

我知道怎么处理htmlcss bellow等标签;

<img class="wp-image-290893 aligncenter lazyloaded" src="https://fcam.b-cdn.net/blog/wp-content/uploads/Finnair_A350_Business_Class_Seat_Champagne_Glass.jpg" alt="" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://fcam.b-cdn.net/blog/wp-content/uploads/Finnair_A350_Business_Class_Seat_Champagne_Glass.jpg 1985w, https://fcam.b-cdn.net/blog/wp-content/uploads/Finnair_A350_Business_Class_Seat_Champagne_Glass-158x100.jpg 158w, https://fcam.b-cdn.net/blog/wp-content/uploads/Finnair_A350_Business_Class_Seat_Champagne_Glass-768x485.jpg 768w, https://fcam.b-cdn.net/blog/wp-content/uploads/Finnair_A350_Business_Class_Seat_Champagne_Glass-1024x646.jpg 1024w, https://fcam.b-cdn.net/blog/wp-content/uploads/Finnair_A350_Business_Class_Seat_Champagne_Glass-237x150.jpg 237w" data-ll-status="loaded" width="1000" height="631">
我的问题是,如果这些图像的真实宽度超过了一定的宽度(可能是800px),是否有必要缩小这些图像的大小。根据我的计算,这种优化有助于节省大量带宽。

任何帮助都将不胜感激。

1 个回复
SO网友:TomC

您应该查看以下内容:https://developer.wordpress.org/reference/functions/add_image_size/

将此添加到主题的功能中。php或插件:

add_image_size( \'newsletter-image\', 800, 600 ); // 800 pixels wide by 600 pixels tall, soft proportional crop mode
然后使用如下图像:

if ( has_post_thumbnail() ) { 
    the_post_thumbnail( \'newsletter-image\' ); 
}

相关推荐

Broken images on iphone

我在iPhone上破坏了图像,这只发生在我大约一周前添加新图像的主页上(新图像的格式和大小与旧图像完全相同)这是网站:CartonMaster。伊利诺伊州公司提前感谢,