Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Модули » Как сделать автоматическую компрессию картинок?

Как сделать автоматическую компрессию картинок?

     07.06.2019    картинки в новостях, картинки доп поле    Все вопросы » Модули    1021

вопрос
Всем доброго времени суток.

У меня на сайте в каждой статье в среднем по 4-6 картинок, их средние вес 500-780кб. Подскажите пожалуйста, есть ли какой-то модуль, или хак, скрипт который прямо средствами движка может находу их пережимать для поисковой оптимизации и экономии места на диске?

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

Ответа пока нет

 

10 комментариев

ТeraMoune
Юзер

ТeraMoune - 7 июня 2019 13:46 -

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

А в принципе расширьте места по больше. В конце концов когда нибудь этот момент настанет, от него никому не убежать.
irrWN
Юзер

irrWN - 7 июня 2019 13:50 -

Картинки у меня модуль загружает из сторонних источников, в папку uplads и в полную новость вставляет ссылку.
Однако google page speed ругается/, что 500-700кб это слишком жирно. Я в принципе тоже посмотрел и да, на главной странице выходит порядка 20 картинок и размер главной страницы получается 4,5 МБ - а это не есть хорошо.
ТeraMoune
Юзер

ТeraMoune - 7 июня 2019 14:08 -

А где и кем это сказано ? И главное в каком году эта инфа была актуальна. В 2000 я могу предположить :D

Используйте миниатюры, их задача как раз показать картинку уменьшенную до нужных размеров и размер их будет в рамках 5-50кб.

Сперва убедитесь сжаты ли картинки загружаемые на сайт, и на сколько они сжаты. В друг картинки уже имеют 50% степень сжатия, и толку их жать еще больше ? Только качество урезеже, а с этим и качество сайта в целом. Никому не захочется посещать сайт где картинки мыльное мыло или будто цензура в порнухе кубиками всё.
В интернете есть ресурсы по определению степени сжатия картинок.
LazyDev
PHP-developer

LazyDev - 7 июня 2019 14:25 -

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.
zaratu
Юзер

zaratu - 7 июня 2019 14:41 -

Руками очень хорошо жмет этот сервис. https://compressjpeg.com/ru/ и кстати как то без видимой потери качества.
Вот такое бы поставить на сервер.
Мне на сервер поставили как то https://root-i.work/root/seo/optimizatsiia-izobrazhenii-cherez-jpegoptim но это не совсем то что нужно, как раз таки jpegoptim если и сжимает картинки, то с явной потерей качества.
Может быть кто то знает что стоит на сервисе в первом варианте, это будет то что нужно.
ТeraMoune
Юзер

ТeraMoune - 7 июня 2019 19:34 -

https://compressjpeg.com/ru/ имеет предустановки и порог при котором картинки не сжимает если они уже сжаты и достигнуты порога.

Для примера я сжал картинку 85кб 1280х720 (уже сжатую, с степенью 87%) сайт мне дал картинку 84% 82.5кб
Я попробовал повторно сжать полученную картинку и результат был не успешным. Больше оно не сжимало.

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

Я решил сжать одну картинку на 3х сайтах и результатом у всех был разный (кто-то больше сжал, кто-то меньше) Повторно эти же файлы они так же не сжимали. А те копии которые были уж слишком сжаты я прогнал на compressjpeg, и он как и предполагалось ничего не сжал ведь те копии были уже ниже допустимого сайтом уровня сжатия.

Был один случай, человек делал кропы миниатюры и убрал сжатие в DLE, он создавал кропы в 3 раза меньше оригинала, а получал миниатюры на удивление в 3 раза больше размером чем оригиналы. А ведь оригинал был сжатым. Человек вернул настройки сжатия какими были по умолчанию (85%) и миниатюры стали весит значительно меньше чем оригинал.

Да и само слово оптимизация в контексте данных сервисов и тех что я успел найти лишь пустой звук. И первый сайт и другие ничего не оптимизируют они просто сжимают картинки и каждый сжимает согласно предустановкам. Но ни один сайт не определяет индивидуальные настройки для каждого изображения, и даже модуль Сандера это по сути тоже самое, что и класс thumb.class.php только отличием его в том, что быть может он удобней и лучше всё устроено нежели в движке.

У меня вот есть порядка 20+к картинок папка весит 47 гиг, я ничего постороннего не использую лишь подключил thumb.class.php и делал миниатюры им. На 47гиг у меня папка с миниатюрами весит 1.7 гига ( размеры копий не превышают 60кб, разрешение копий 320p)
А 320p думаю с в полне хватит для публикации на главной, для размеров в половину от 320 исходный размер файлов будет еще меньше. как пёрышки )
zaratu
Юзер

zaratu - 8 июня 2019 00:26 -

Естественно порог сжатия будет достигнут любым способом.
Суть в том, что почему то первый метод с https://compressjpeg.com/ru/ сжимает визуально без потери качества.
И если взять картинку на просторах интернета еще не сжатую, то освободится до 80% места после сжатия первым методом.
А если эту же картинку сжать на 80% другим, то есть тем же «jpegoptim», то визуально видно что качество картинки пострадало.
Оба метода не будут пережимать уже пережатую картинку, это скорее всего уже невозможно, затрагиваются те процессы которые заложены в каждый метод по отдельности и естественно пока что довести картинку весящую в 1мб до 1кб невозможно. Но 1мб первым методом можно без визуальной потери качества первым методом довести до тех же 300кб и ниже.
ТeraMoune
Юзер

ТeraMoune - 8 июня 2019 14:21 -

И вот поэтому я в начале первым делом и писал, о том что картинка уже сжата. 500-700 кб и есть сжатый объём. Если у человека абсолютно все картинки подобного размера то ему никакие хаки более не нужны. Человеку нужно следующее, не добавлять сами эти картинки для просмотра, а делать их копии с меньшим разрешением для превью.

А оригиналы пусть и ужатые отдавать по запросу пользователя когда он действительно желает посмотреть исходное изображение которые весят 500-700кб.
finik
Юзер

finik - 8 июня 2019 07:23 -

Цитата: zaratu
https://compressjpeg.com/ru/

сравнивал этот сервис с https://tinypng.com/ и второй сжимает сильнее.
ТeraMoune
Юзер

ТeraMoune - 8 июня 2019 14:07 -

А я вот тоже сравнил и разница в качестве не существенна, увидит ли человек ухудшение качества на картинки или нет зависит еще и от самой картинки. Где для одной 75% это уже заметно то для другой картинки и 50% будет допустимо. А вообще оригинальные изображения не стоит сжимать, эта всё лучше применять лишь для миниатюр и копий предпросмотра но никак не для оригинала который открывается по клику на превью.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 26.11.2012 QUM  Общие вопросы, Модули
 13.10.2013 pavang  Модули, Хаки, Ламерские вопросы
 10.11.2013 oxdavinx  Модули
 30.05.2014 alexgut  Модули, Ламерские вопросы
 11.06.2014 Thodi  Модули
 03.09.2014 lodem009  Модули
 26.04.2015 jeka6774  Модули, Ламерские вопросы
 03.03.2016 Maestro  Модули
 27.04.2016 artkb  Общие вопросы, jQuery, Модули
 30.07.2016 gmzippo  Модули
  • mondolfo | Шаблон waitlogin при авторизации через с ...
    Фото mondolfo
    mondolfo
    Шаблон waitlogin при авторизации через соцсеть?
    Вчера, 01:31
    /engine/modules/social.php
  • TeraMoune | Как изменить вывод custom по нескольким ... 11
    Фото TeraMoune
    TeraMoune
    Как изменить вывод custom по нескольким тегам?
    28-10-2024, 01:05
    Я же написал, продублирую: нужно использовать [[:punct:]]

    И проблема в условии проверяющее версию mysql, можно поменять местами true и false, изменить знак меньше на больше или вовсе убрать код строки с version_compare и оставить ту строку кода $tempArray[] где используется [[:punct:]].

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

    Там у человека совершенно другое условие поиска. Он не теги ищет которые строго разделены запятыми, он просто слова ищет и ему как раз подойдёт граница слова. И это когда-то давно поиск был разделяя по границе слова, теперь есть character_class и используется другой метод. Но это не отменяет того, что вы нашли вопрос и решение которое никак не связано с темой новости поиска новостей с наличием тегов.
  • homa152 | Как изменить вывод custom по нескольким ... 11
    Фото homa152
    homa152
    Как изменить вывод custom по нескольким тегам?
    27-10-2024, 23:33
    Если вы готовы предложить какое-то решение для исправление проблемы 3685, отлично. Иначе к сожалению на последних версиях MySQL хак не рабочий, согласно вашему трактату.
  • homa152 | Как изменить вывод custom по нескольким ... 11
    Фото homa152
    homa152
    Как изменить вывод custom по нескольким тегам?
    27-10-2024, 23:20
    Я буквально 2 часа назад столкнулся с проблемами при установке этого хака, проблема была именно в ошибке 3685, сайт не просто переставал работать, использовалась стандартная заглушка при критических ошибках MySQL исправить получилось методом описанным выше, для версия до 8 хак работает исправно, но выше, требуется доработка, так как синтаксис считается ошибочным, вы можете проверить самостоятельно.

    В статье также указано, что важно использовать экранирование, собственно, что и указано в методе по исправлению ошибки.
    Статья по решению проблемы
  • TeraMoune | Как изменить вывод custom по нескольким ... 11
    Фото TeraMoune
    TeraMoune
    Как изменить вывод custom по нескольким тегам?
    27-10-2024, 22:32
    Напротив нужно использовать [[:punct:]] вместо скобок, про это написано в документации на которую вы ссылаетесь. А \b означает границу слова и не способен правильно отображать результаты. Граница слова это когда выражение будет находить отдельные слова. Например новость имеет теги (Социальная сеть, Блокировка) и tags REGEXP '\\b(сеть)\\b' найдёт новость с тегом Социальная сеть, а так же Рыбацкая сеть и в принципе найдёт все новости где присутствует слово "Сеть" и будет много лишних результатов, а не только нужные.

    В хаке как раз присутствует проверка на старую версию и новую mysql и в каждом случае используется тот вариант который является валидным для используемой версии.
  • homa152 | Как изменить вывод custom по нескольким ... 11
    Фото homa152
    homa152
    Как изменить вывод custom по нескольким тегам?
    27-10-2024, 21:30
    Добавлю касаемо обновления архитектуры MySQL
    При добавлении хака с версии MySQL 8.0, возможно появление ошибки: 3685. Неверный аргумент для регулярного выражения.

    Можно пофиксить самостоятельно внеся корректировки в сам хак из панели админа.

    Строку:
    $tempArray[] = "tags REGEXP '[[:<:]](" . $value  . ")[[:>:]]'";


    Заменить на: 
    $tempArray[] = "tags REGEXP '\\\\b(" . $value  . ")\\\\b'";


    Согласно справочному руководству MySQL 8.0 / ... / Регулярные выражения, «MySQL поддерживает регулярные выражения с помощью международных компонентов для Unicode (ICU)».

    То есть, вместо "[[:<:]] и [[:>:]]", нужно использовать: "\b"
  • vitnet | Есть ли возможность изменить язык сайта? 1
    Фото vitnet
    vitnet
    Есть ли возможность изменить язык сайта?
    25-10-2024, 16:22
    Ну как вариант можно использовать тег {lang text=***} подробнее


    {lang text="LANG_PARAMETER"}

    Данный тег предназначен для вывода информации из языкового файла website.tpl, который в данный момент используется, где LANG_PARAMETER это значение параметра, который необходимо вывести. Например, тег {lang text="attach_images"} выведет надпись “Прикрепить изображения” из языкового пакета, в случае использования русского языка и если используется английский язык, то “Attach Images”
  • vitnet | Есть готовый модуль рейтинга комментарие ... 1
    Фото vitnet
    vitnet
    Есть готовый модуль рейтинга комментариев?
    25-10-2024, 13:12
    Вариант 1 (вручную)

    1.0 Открываете файл engine/modules/show.full.php находите в нем
    $where_approve . " ORDER BY " . PREFIX . "_comments.id " . $comm_msort;

    И меняете здесь id на rating
    Пример:
    $where_approve . " ORDER BY " . PREFIX . "_comments.rating " . $comm_msort;

    2.0 Затем переходите в админку /admin.php?mod=options&action=syscon --> Настройки комментариев --> Порядок сортировки комментариев --> По убыванию

    2.1 Далее --> Тип рейтинга комментариев выставляете "Нравится или Не нравится"

    Готово!

    Вариант 2 (плагин)
    Для просмотра содержимого спойлера, перейдите к выбранному событию.
  • Graf | Как сделать аякс кнопку "загрузить еще"? 2
    Фото Graf
    Graf
    Как сделать аякс кнопку "загрузить еще"?
    23-10-2024, 16:03
    Вот рабочий пример со скрытие пагинатора и кнопки.
    Полный код файла navigation.tpl
    [not-available=userinfo]
<div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div>

<nav class="navigation"[available=lastcomments] style="padding: 4% 8%;"[/available]>
	<div class="page_next-prev">
		<span class="page_prev" title="Предыдущая страница">
			[prev-link]<svg class="icon icon-left"><use xlink:href="#icon-left"></use></svg>[/prev-link]
		</span>
		<span class="page_next" title="Следующая страница">
			[next-link]<svg class="icon icon-right"><use xlink:href="#icon-right"></use></svg>[/next-link]
		</span>
	</div>
	<ul class="pagination">
		{pages}
	</ul>
</nav>
<script type="text/javascript">
$(document).ready(function(){
    
         $('body').on('click','#nav-load a',function(){
        var urlNext = $(this).attr('href');
        var scrollNext = $(this).offset().top - 200;
        if (urlNext !== undefined) {
            $.ajax({
                url: urlNext,
                beforeSend: function() {
                    ShowLoading('');
                },            
                success: function(data) {
                    $('.navigation').remove();
                    $('#nav-load').remove();
                    $('#dle-content').append($('#dle-content', data).html());
                    $('#dle-content').after($('#bottom-nav'));
                    window.history.pushState("", "", urlNext);
                    $('html, body').animate({scrollTop:scrollNext}, 800);    
                    HideLoading('');
                },
                  error: function() {                
                    HideLoading('');
                    alert('что-то пошло не так');
                  }
            });
        };
        return false;
    });
    
});
</script>
[/not-available]
  • vitnet | Как перенести категории в DLE? 2
    Фото vitnet
    vitnet
    Как перенести категории в DLE?
    22-10-2024, 11:30
    Для начала проверьте наличие файла /engine/cache/system/category.php и если он был до замены БД то удалите его а ещё лучше очистить кеш.
наверх