Wordpress оптимизация изображений?

Question

[Артем]

Здравствуйте, кто знает как можно сделать оптимизацию (сжатие) изображений в Вордпрессе в момент загрузки их с админки? Плагины не подходят, нужен минимальный скрипт который сможет это делать автоматически для всех загруженых изображений

Answer 1

[Дмитрий]

а почему плагины не подходят?

минимально, можно вот так
add_filter('jpeg_quality', function($arg){return 100;});

где 100 - качество картинки. чем меньше, тем меньше файл, но хуже качество

Comments

[Артем]

jpeg_quality не подойдёт, он не работает для исходного изображения

[Дмитрий]

так чем плагины не устраивают?

[Артем]

Тем что нужен скрипт в 10-20 строк, а не избыточный функционал плагин

[Дмитрий]

Артем, вообще оптимизировать оригинальное изображение на стороне сервера - плохая идея:
1 картинка может быть большая, не хватит памяти
2 теряем оригинал

и есть достаточно много сервисов, которые умеют оптимизировать картинки на лету так, что оригинал остается на сервере в полном размере, но пользователь получает сжатую версию. тот же jetpack умеет это из коробки

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

настоятельно рекомендовал бы все же воспользоваться плагинами. если подобрать правильный плагин, избыточность кода будет не особо большая.
в 10-20 строк вы не уложитесь. например, нужно будет уметь обходить нехватку памяти при попытке оптимизации

[Артем]

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

[Дмитрий]

Артем, ну вот как раз картинки размером больше 2 мб шаред хостинг может и не потянуть.
в этом случае лучше тогда на фронте перед загрузкой картинок "оптимизацию" делать.

делал такое для кастомной формы на фронте WP, но там я просто проверял размер картинки - если была картинка, допустим, выше 4000px, ресайзил и это так же уменьшало ее размер
что-то похожее можно и для админки сделать. Памяти на стороне пользователя обычно больше

[Артем]

Дмитрий, сервера свои и довольно мощные, думаю проблем с этим не будет

[Дмитрий]

Артем, это типо выгоднее платить за избыточные мощности сервера, чем поставить 20 строк избыточного кода плагина?

[Артем]

Дмитрий, ну как стоит задача)

[Артем]

Дмитрий, нашёл ваш ответ с хуком когда назначается имя изображению, вставил функцию но что то ничего не поменялось кроме имени, вот сама функция:
function resize_photo($path, $filename, $filesize, $type, $tmp_name)
{
$quality = 10; //Качество в процентах
$size = 1048576; //Максимальный размер файла
if ($filesize > $size) {
switch ($type) {
case 'image/jpeg':
$source = imagecreatefromjpeg($tmp_name);
break;
case 'image/png':
$source = imagecreatefrompng($tmp_name);
break;
case 'image/gif':
$source = imagecreatefromgif($tmp_name);
break;
default:
return false;
}
imagejpeg($source, $path . $filename, $quality); //Сохраняем созданное изображение по указанному пути в формате jpg
imagedestroy($source);//Чистим память
return true;
} else {
return false;
}
}

Answer 2

[Максим]

insideonline.ru/page_resizephoto/index.php

Comments

[Артем]

Хорошее решение, но я немного не пойму как это реализовать с WordPress

[Максим]

Артем, использовать в месте, где идёт загрузка изображения. Если вопрос где разместить функцию? Хоть где) Можно хоть в хелпере, можете отдельным сервисом

Answer 3

[georgich]

Приветствую!
Достал из закладок: https://habr.com/ru/company/io/blog/258363/

Answer 4

[Антон Р.]

Например так:

function imageResize_test($filename, $new_width, $file_name){
	
	//Получаем ширину и высоту исходника
	list($w, $h) = getimagesize($filename);
	
	//Получаем коэфицент соотношения сторон
	$proportions = $h / $w;
	
	$new_w = $new_width;
	$new_h = $new_w * $proportions; // Получаем высоту уменьшенной картинки пропорционально новой ширине
	
	$thumb = imagecreatetruecolor($new_w, $new_h);
	
	$source = imagecreatefromjpeg($filename);
	
	imagecopyresized($thumb, $source, 0, 0, 0, 0, $new_w, $new_h, $w, $h);

	imagejpeg($thumb, '../images/small_' . $file_name, 95);
	imagedestroy($thumb);
	
}

Где 95 это качество джипега:

imagejpeg($thumb, '../images/small_' . $file_name, 95);

Answer 5

[Артем Гвоздев]

https://tinypng.com/developers/reference/php

Answer 6

[Анатолий]

В свое время задавался таким же вопросом, в итоге сделал оптимизацию на vps.

После загрузка jpg-картинки, картинки нарезаются по нужным размерам, затем оптимизируются в 2х форматах: jpeg (Mozilla MozJpeg) и webp

Формат png не меняю, так как загружаю уже оптимизированный (в основном это документы).

Что такое Mozilla MozJpeg и webp можно посмотреть в онлайн сервисе: https://squoosh.app/

Answer 7

[alexbeglov1989]

Еще достаточно важный пункт по SEO - это оптимизация и сжатие картинок на сайте. Вот интересная статья на эту тему: https://optipic.io/ru/blog/seo-optimizatsiya-izobr...

Comments

[Артем]

Совершенно не то что нужно