Как изменить размер картинки?

Question

[▪ ▪]

Использую acf для вставки изображения. В данном коде были только такие размеры

<?php foreach( $images as $image ): 
            $content = '<li>';
                $content .= '<a class="gallery_image" href="'. $image['url'] .'">';
                     $content .= '<img src="'. $image['sizes']['medium'] .'" alt="'. $image['alt'] .'" />';
                $content .= '</a>';

Видно что здесь указываются только стандартные medium, large, full. Можно ли сделать свой размер? Из за этих размеров вся галерея миниатюрная. Мне хотелось бы чтобы были большие картинки в блоках (по три блока в ряд а не четыре).

Comments

[alex-1917]

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

[▪ ▪]

alex-1917, но ведь нужно как то сделать чтобы в ряду было три блока а не четыре. Есть другие решения?

[alex-1917]

Рикко, в смысле по ТРИ? Чтобы по ширине смотрелось гут? Ну читайте мои уточнения внизу.

Answer 1

[alex-1917]

Стандартные размеры medium, large, full - можно поменять в админке! Только учитывать, что эти константы будут применены на всем сайте.
И небольшое пояснение, почему бы не советовал использовать свои кастомные размеры - каждый добавочный размер будет генерировать дополнительную превьюшку в виде файла, я стал задумываться об этом, когда попался проект, где криворукая команда наваяла около 12 дополнительных размеров! В итоге сохраняя картинку на сайт, клиент получал на сервере 15 вариантов исходной картинки! До слёз было смешно рассматривать размеры 120х80 и 130х90, 240х160 и 260х200 и т.д. !!! Учитывая дефолтную особенность WP все картинки одного месяца валить в одну папку, можно легко подойти к файловому ограничению, не говоря уже о том, что запрос к какой-то из картинок в папке с сотней картинок и в папке с 100к картинок мягко говоря не близнецы...
В типовом магазине три-четыре размера картинок за глаза, в большинстве своих проектов 3 размера так и используются, т.е. без дописывания кастомных размеров!!!
Необходимость в большем количестве размеров говорит о кривоглазом дизайнере, кривоногом верстальщике и глухонемом программисте.

Comments

[▪ ▪]

А вариант add_image_size( 'custom-size', 220, 180 ) не лучший выбор в данной ситуации?

[alex-1917]

Рикко, я ж вроде всё разжевал.
Кстати, вот все форматы, в которые сохраняется картинка - thumbnail, medium, large, full
Сначала тщательно проходимся по проекту и определяемся с необходимыми размерами, далее сначала используем три штатных размера, при необходимости корректирую значения ширины-высоты, далее, если не уложились в количество форматов, добавляем еще один формат, не хватает - еще один и так далее. Я обхожусь в большинстве случаев ТРЕМЯ форматами!
Страница товара:
полная картинка товара - full (оригинальный размер фото),
эскизы галереи товара - thumbnail (120х90),
блоки-слайдеры ПОХОЖИЕ ТОВАРЫ или ВЫ СМОТРЕЛИ или РЕКОМЕНДАШКИ - medium (240х360)
Категория:
фото товаров в списке - или medium (240х360) или large (400Х600), по сути даже large излишний, если хватит в категории размера medium.
Страница ЛукБУк - large (400Х600) + full для фенсибокса

[▪ ▪]

alex-1917, спасибо за развернутый ответ.

[alex-1917]

Рикко, да уж, заставил попотеть)))

Answer 2

[Stalker_RED]

add_image_size( 'custom-size', 220, 180 );

add_image_size()

Answer 3

[4mobile]

можно

function new_setup() {
    if ( function_exists( 'add_image_size' ) ) { 
        add_image_size( 'middle', 300, 300, false ); 
        add_image_size( 'thumb1024', 1024 );
    }
}
add_action( 'after_setup_theme', 'new_setup' );

потом обновить размеры плагином Regenerate Thumbnails если картинки уже были загружены на сайт