Как оптимизировать картинку под определенные размеры в самом темплейте?

Question

[Артур]

Как сделать чтобы в цикле поста картинку можно было реcайзить, уменьшать, обрезать. Например: сделать thumbnail, и всунуть в галерею одну и туже картинку. Как такое реализовать на wordpress?

Answer 1

[WP Panda]

https://github.com/bfintal/bfi_thumb
Вторая версия мне нравится сильно меньше

Answer 2

[Андрей Хохлов]

Если правильно понял вопрос, можно вообще не использовать миниатюры вовсе wordpress
Например, чтобы не генерировать для каждой загруженной картинки все варианты.

Есть такое решение: https://github.com/syamilmj/Aqua-Resizer
Суть:
Загрузили картинку 1000*1000px, миниатюру новости.
В списке новостей нужно выводить 200*200.
При первой загрузке она ресайзится/кропается и складывается в кеш, далее выводится порезанная из кэша.

Когда на сайте много материалов с разными размерами миниатюр профит очевиден.

В пул-реквестах есть хук чтобы удалять нарезанные версии при удалении оригинала.

Comments

[WP Panda]

bfi_thumb - дальнейшее развитие AquaResizer, в отличии от него работает на API движка, и создает картинку сразу, у AquaResizer картинка появляется только после перезагрузки страницы, ( возможно это дело с появлением уже поправили )

[Андрей Хохлов]

WP Panda: спасибо, уже ковыряю)

[Игорь Воротнёв]

А в чем собственно профит? Все равно все нужные размеры картинок будут созданы, чем это отличается от стандартного фугкционала WP? Или вы просто не в курсе, что можно удалить ненужные стандартные размеры, или переназначить их, добавить нужные... На выходе все ровно то же самое.

[Андрей Хохлов]

Игорь Воротнёв: допустим у нас есть новости (миниатюра 300*200), партнеры (миниатюра 150*150) и проекты (миниатюра 420*220).

Загружаю картинку для новости.

Для неё будут созданы 3 варианта: 300*200, 150*150 и 420*220
При том что используется только один.

Если же удалить вообще все размеры и использовать только ресайз при выводе, то для каждой картинки будет создан только 1 размер - нужный для вывода.

Профит в занимаемом картинками месте соответственно.

[Игорь Воротнёв]

Андрей Хохлов: ах вот оно что. Ну если планируется очень много картинок и надо экономить место, то да, стоит пилить в этом направлении. Впрочем, можно сделать и средствами WP. Например, вот тут есть полезная инфа wordpress.stackexchange.com/questions/178604/add-i...

[Андрей Хохлов]

Игорь Воротнёв: так aqua_resizer это тоже самое по сути
И он использует wp_image_editor

[Игорь Воротнёв]

Андрей Хохлов: полистал код плагина. Не совсем WordPress-way многое сделано, но в целом весьма ок.