Друзья, по поводу картинок и их сжатия-оптимизации постоянные обсуждения. Все просто - есть стандарты для web, они заданы jpg, gif, png. Все равно, какой программой это делать. Лидером де-факто фотошопом, либо многочисленными онлайн и оффлайн подражателями. Суть одна, оптимизация картинок - это компромисс между качеством и размером. Сжать можно и на 90 % но вы должны понимать, что пикселизация тоже будет нехилая. Всем рекомендую - в фотошопе - save to web - там видно 4 окна, исходный и с пресетами, можно настроить вид, и все в том же духе. Настраивайте, сколько душе угодно, либо пользуйтесь сохраненными пресетами. Это лучшее, что сделали по оптимизации картинок.
а какой на данный момент оптимальный вес страницы? ( ну к примеру лет 10 назад было рекомендовано до 200кб по моему )...
стандартов для веса страниц особо не существует, на странице надо размещать все, что необходимо. есть рекомендации к картинкам - не более 100кб, и есть рекомендации ко времени загрузки страниц - до 3 секунд. Сервис webpagetest.org в помощь.
Если планируете выходить на яндекс маркет - там требование к физическому размеру картинок не менее 600х600 pix. Да и вообще, прошли времена модемов и плохого интернета, у всех практически сейчас хороший канал. Сейчас борьба за качество, красоту. Чем лучше фото товара, возможность рассмотреть подробности, тем больше шансов быстрее продать.
Я обычно через гууловский PageSpeed Insights проверяю, он подсказывает на сколько можно оптиально сжать
Ему можно скормить ФТП папку (с подпапками) с фотками товаров в интернет-магазине чтобы он их все оптимизил?
Тоже использую FileOptimizer, довольно хорошо сжимает. Еще пользуюсь RIOT, но ее надо тонко настраивать и без потери качества она не жмет. Зато когда пнг очень большой, а его надо максимально уменьшить (пусть даже с некоторой потерей), то тогда это отличный вариант.
Мне в свое время попалась программка Color quantizer (сайт программы http://x128.ho.ua/color-quantizer.html) ей и пользуюсь до сих пор, довольно много вариантов настроек. Про настройки программы можно почитать в этой статье http://xiper.net/learn/soft-for-colder/graphics/color-quantizer-basic-options
Перед самой заливкой сайта все изображения *.png прогоняю через оптимизаторы, НО только по весу файла, БЕЗ какого либо изменения (видимого/невидимого неважно) внешнего вида. Считаю что вся подготовка ответственных изображений фонов должна делаться вручную под полным контролем, ато эти автоматические оптимизаторы с "невидимимы" потерями такого могут натворить. В общем порядок такой Photoshop: Save for Web: PNG > Потом прогон всех PNG через оптимизатор без изменения внешнего вида. --- Добавлено, 6 сен 2016 --- Ну и раскажу метод когда нужно выжать максимум при минимальном размере: 1) Ваш редактор (Photoshop) > сохраняем в PNG 24 2) Используем Color Quantizer и подгоняем до нужного размера/кол-ва цветов/качества вручную. Лучшей софтины для этого я не встречал, да и тут ее уже упоминали. 3) Прогоняем полученные PNG через оптимизатор без потери качества. Я реккомендую iCatalyst https://github.com/lorents17/iCatalyst
подскажите, как так фото обрабатывают вот тут на главном слайдере http://demo.hashthemes.com/hashone/ (демо темы WP) --- Добавлено, 31 окт 2016 --- а нет, я соврал сначала подумал, что это таким макаром картинка сжимается, но глянул - грузится она целиком и полностью, это просто эффект