Wordpress <img width height /> Problems

时间:2020-12-23 作者:Jay li

<img loading=“lazy” src=“https://example.com/wp-content/uploads/2020/09/news-coming-soon-small-box-01-150x150.jpg” width=“150” height=“150” alt="" title="" class=“img-responsive wp-image-5129” srcset=“example.com/wp-content/uploads/2020/09/news-coming-soon-small-box-01-200x200.jpg 200w, …400x400.jpg 400w, …600x600.jpg 600w, …800x800.jpg 800w, …1200x1200.jpg 1200w, … 1625w” sizes="(max-width: 800px) 100vw, 400px" tmp_title="">
我的问题是,当我通过fusion builder image element上传图像时,图像总是从原来的1625w切割到150w,并且大小=“”;(最大宽度:800px)100vw,400px“;,最大宽度为400px,而不是1625px。此问题导致屏幕上的图像太小。

1 个回复
SO网友:karl

Wordpress有一些默认的图像大小,在每次上传时都会生成。这些是:

150px square for thumbnails
300px width for medium images
768px max width for medium_large images
1024px max width for large images.
Fusion builder应具有将输出图像更改为更大尺寸的设置。或者,如果您有权访问该代码,只需将其更改为:

<img loading=“lazy” src=“https://example.com/wp-content/uploads/2020/09/news-coming-soon-small-box-01.jpg” alt="" title="" class=“img-responsive wp-image-5129” srcset=“example.com/wp-content/uploads/2020/09/news-coming-soon-small-box-01-200x200.jpg 200w, …400x400.jpg 400w, …600x600.jpg 600w, …800x800.jpg 800w, …1200x1200.jpg 1200w, … 1625w” sizes="(max-width: 800px) 100vw, 400px" tmp_title="">

相关推荐

Responsive header images

我刚刚建立了一个WordPress网站,但我的其他WordPress网站都有同样的问题:标题图像没有响应。不管屏幕有多小,它都有2000像素宽。我尝试了各种修复,从添加自定义CSS到安装特殊插件,但都没有成功。我最终通过选择不显示标题图像,然后打开文件标题来修复它。并手动在标题上方插入指向图像的链接。它工作得很好,但有两个注意事项。网站标题(在h1标签中)现在位于标题图像下方,而不是上方。此外,此修复程序仅适用于主页。我还没有弄清楚我要为其他页面做什么,除非我选择只在主页上使用标题图像。所以在我继续之前,