Замыленная миниатюра

Мылится из-за увеличения в браузере.
В слайдере первой лежит картинка http://roombiz.ru/wp-content/uploads/2016/11/Ep4G7hGr2Kw-410×260.jpg. Размер этой миниатюры, как нетрудно заметить, 410 на 260. А при ширине окна браузера порядка 800 ее растягивает до 777.733 на 493.2, т.е. почти в два раза. Естественно, картинка от этого лучше не становится.

Что делать? В слайдере и других местах, где размер картинки на экране может быть больше миниатрюры, использовать более подходящую миниатюру (по макс.размеру «посадочного»места) или оригинал изображения.

Т.е нужно использовать для миниатюры изображение такого размера-777,733*493,2 или как?

777 с хвостиком — это один из размеров. Если делать по уму, то не должно быть нецелых размеров, а размеры в разных разрешениях должны быть кратными. И миниатюра для этого «посадочного» места должна быть в точности размером с максимальное место.

Если по-простому, то действовать по совету tuxfighter. Только я бы делал не 600, а 800 на … на сколько сами посчитаете, это простая пропорция из школьной программы.

Т.е в functions.php я должен поменять размер?

Судя по внутренним страницам, создаются миниатюры 870х600. Попробуйте заставить слайдер показывать их.

• Ответ изменён 8 лет, 3 месяца назад пользователем Юрій.

А как его тогда заставить?

Посмотреть его настройки и код.

Мой хрустальный шар такие детали как php-код на чужом сайте не показывает, только в общих чертах, да и то не всегда 🙂

inc/widgets/widgets.php:1020

$image .= get_the_post_thumbnail( $post->ID, 'dt-featured-post-medium', array( 'title' => esc_attr( $title_attribute ), 'alt' => esc_attr( $title_attribute ) ) ).'</a>';

поменять dt-featured-post-medium на dt-featured-post-large