При загрузке изображения создать изображение по размеру в два раза больше по ширине и длине
Устанавливаю верстку на wp. В верстке изображения выводятся с srcset атрибутом. К примеру:
<div class="row"> <a data-fslightbox class="col-sm-6 col-md-4 col-lg-3 our-works__image" href="<?php echo get_stylesheet_directory_uri(); ?>/img/our-works/1.jpg"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/our-works/1.jpg" srcset="<?php echo get_stylesheet_directory_uri(); ?>/img/our-works/1@2x.jpg 2x" alt="окна"> </a> // Другие элементы </div>
Эта часть кода выводит галерею изображений. С помощью ACF добавил галерею. Теперь нужно реализовать такую возможность: при загрузке изображений создавать изображения в два раза больше для ретина дисплеев. Например, добавляю фото 350x400 wp генерирует 700x800. Надо учесть ещё то, что загружаемые фото разных размеров, для каждого нужно создавать соответственно свой размер. Реально ли такое сделать?
Как вариант можно прописать css стиль для определенных размеров окна, например у меня ширина всех миниатюр 200 пикселей, даже если она по факту меньше или больше...
.attachment-thumbnail { width:200px; height:auto; }