Png или jpg или как снизить вес сайта. Небольшой урок

Разные полезности для сайта, от сторонних разработчиков.
Ответить
Аватара пользователя

Автор Темы
anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Png или jpg или как снизить вес сайта. Небольшой урок

Сообщение anonimus » 15 апр 2014, 00:15

Png или jpg - небольшой урок

вот я взял исходник png за основу
Изображение
теперь конвертируем в jpg формат, но без дополнительной компрессии
т.е. оставляем коэффициент 100
Изображение
далее сжимаем и получаем коэффициент 50
Изображение
и теперь сильно жмём до коэффициента 10
Изображение

если сильно придираться, то разница конечно есть, но не столь заметная что бы не использовать jpg формат
но следует учесть, что при некоторых действиях оттенки цветов можно было сделать чуть темнее и никто разницы не заметил бы вообще! :)
разумеется, что при сильном сжатии разница по размытию существенна, а где 100 коэффициент, так там практически ничего не видно, как особо не заметно и на коэффициенте 50
так что самое оптимальное это jpg при коэффициенте 60-100

а теперь смотрим размеры картинок и делаем выводы:

исходник png - 487896 байт или 476 килобайт
jpg 100 - 174054 байт или 169 килобайт в 2,81 меньше исходника
jpg 50 - 30605 байт или 29,8 килобайт в 15,97 меньше исходника
jpg 10 - 13521 байт или 13,2 килобайт в 36,06 меньше исходника

Конечно всегда пожалуйста! :-)
Приходите ещё, буду вас ждать и особенно за консультациями :-)
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Реклама

Lokos

Re: Png или jpg или как снизить вес сайта. Небольшой урок

Сообщение Lokos » 17 апр 2014, 10:23

С помощью какой программы сжимать и выставлять коэффициенты?

Аватара пользователя

gladiolus0707
Специалист
Специалист
Сообщения: 1115
Зарегистрирован: 13 янв 2014, 10:56
Версия Web Builder: 10.1
Имя: Иван
Контактная информация:

Re: Png или jpg или как снизить вес сайта. Небольшой урок

Сообщение gladiolus0707 » 17 апр 2014, 10:27

Lokos писал(а):С помощью какой программы сжимать и выставлять коэффициенты?

Самая простая программа и бесплатная для работы с графикой GIMP
Вставай рано, работай до поздна и.... найдешь нефть!


Lokos

Re: Png или jpg или как снизить вес сайта. Небольшой урок

Сообщение Lokos » 17 апр 2014, 10:45

gladiolus0707 писал(а):
Lokos писал(а):С помощью какой программы сжимать и выставлять коэффициенты?

Самая простая программа и бесплатная для работы с графикой GIMP

Имеется фотошоп, с помощью него возможно?

Аватара пользователя

Автор Темы
anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Re: Png или jpg или как снизить вес сайта. Небольшой урок

Сообщение anonimus » 17 апр 2014, 11:45

Lokos писал(а):Имеется фотошоп, с помощью него возможно?

естественно
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

Аватара пользователя

vlad
Подающий надежды
Подающий надежды
Сообщения: 145
Зарегистрирован: 08 янв 2014, 19:40
Версия Web Builder: 9.2
Имя: Владимир

Re: Png или jpg или как снизить вес сайта. Небольшой урок

Сообщение vlad » 17 апр 2014, 12:06

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

Аватара пользователя

Alex
Admin
Admin
Сообщения: 3160
Зарегистрирован: 06 фев 2012, 00:03
Версия Web Builder: 14.2.2
Имя: Алексей
Контактная информация:

Re: Png или jpg или как снизить вес сайта. Небольшой урок

Сообщение Alex » 17 апр 2014, 12:46

Лучше использовать Сохранить для WEB
Онлайн-магазин готовых решений
В личке принимаю, только по техническим вопросам! На вопросы по программе в личке не отвечаю!


Ответить

Вернуться в «Полезное для сайта.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость