Проблема с отображением изображений

  • bagdun

    (@bagdun)


    1 week ago

    Здравствуйте.
    После последнего обновления Spectra на версию 2.16.4 на сайте все изображения изменили своё отображение.

    Изображения в редакторе блоков через плагин Spectra отображаются как полагается.
    Пример из редактора блоков:

    Когда публикую запись и захожу на сайт, изображения становятся вытянутыми.
    Пример с самого сайта:

    Пробовал откатить плагин Spectra на прошлые версии проблема не решилась.
    Через другие плагины вставлял изображения, такой проблемы не наблюдается.
    Проблема присутствует исключительно с изображениями добавлеными через плагин Spectra.

    <font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”>Заметил, что проблема присутствует с изображениями, размеры которых отредактированы в следующем месте (указал ниже). В редакторе блоков отображается изображение как надо, а на сайте имеются совершенно другие размеры (отображение). </font></font>

    <font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”>Если в указанном месте не внесены изменения в размерах, там отображается изображение как и в редакторе блоков, правильно. </font></font>

    <font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”>Там, где изображения были добавлены через другой плагин, таких изменений с использованием изображений не произошло.</font></font>

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support mohsinbsf

    (@mohsinbsf)

    Hi @bagdun,

    Sorry for the inconvenience caused to you.

    In WordPress 6.7, they have implemented a feature to set the auto size for all lazy loaded images that is causing the issue: https://make.www.ads-software.com/core/2024/10/18/auto-sizes-for-lazy-loaded-images-in-wordpress-6-7/

    There are 2 ways you can fix this issue on your sites:

    1. Disable Lazy Loading:

      This is a fairly easy fix – just click on the Spectra image block and disable lazy loading, save and check the front-end.
    2. Set a defined height.
      1. If you want lazy loading on your image, then set a defined height to the Spectra image block.
      2. If you want to get the exact height of your image in the editor, you can inspect the image in Chrome Developer Tools.
      3. Inspect the image, go to Computed, and see the height of the blue box that has the width set by you in the editor. The format is width x height, so the second number will be the desired height.
      4. Set the Spectra image height explicitly based on this image value you’ve just seen, and save the page.

    Please try and let me know how it goes.

    Have a nice day!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.