Обзор сервиса TinyPNG для сжатия фотографий

Очень подробный обзор сервиса TinyPNG для сжатия фотографий В этом обзоре я хочу познакомить вас с полезным сервисом, который сам давно использую для лучшего сжатия фотографий. Сервис называется TinyPNG. Он мне очень понравился, поэтому я хочу поделиться с теми, кто о нем еще не знает. Некоторые умники скажут: «На кой черт мне сдался этот твой сервис, если я могу спокойно сжать картинку, допустим, в том же Фотошопе?» 

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

Начну с того, что в блоггинге, веб-мастеринге или в создании сайтов, немалое значение имеют сами фотографии. Скажите, вы выдели в сети хоть один сайт, который не содержал бы ни одной фотографии. Наверное, нет! Да что там говорить, сами темы и шаблоны для сайтов состоят порой из немалого количества графических элементов (всякие кнопочки, рюшечки, иконки и подобная дребедень). Вся эта графика, как вы видите, составляет не малый процент от всего сайта.

Это я к чему такое вступление завел? А потому, что одной из главных головных болей любого веб-мастера и блогера — это увеличение скорости загрузки страниц своего детища. Я бы сказал, это своего рода погоня за драгоценные миллисекунды. Разве не смахивает на автогонки? Там в принципе то же самое. Инженеры и механики «колдуют» над своей машиной ради драгоценных секунд времени. Так и у нас. Все время изворачиваемся и ищем альтернативные пути решения. Одной из популярных таких тем является «Замена плагинов на код«. Признавайтесь, у кого такая мысль не крутилась в голове?

Хорошее сжатие фотографий

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

Особенности сервиса TinyPNG

Итак, прежде чем начать работать с данным сервисом, давайте рассмотрим его преимущества. Чем он так хорош? Для вас я хочу выделить три главные особенности этого замечательного ресурса:

Как происходит сжатие изображение в сервисе TinyPNG

Метод сжатия


Сервис работает только с png форматом. Но по мне, так это не минус. PNG формат очень часто используется. Особенно, если нужно использовать прозрачный фон. Однако, как правило, файлы такого формата весят не мало. Поэтому этот сервис и заточен именно под такой формат файлов. Само сжатие фотографий происходит путем изменения количества бит. То есть идет преобразование 24 битного изображения в 8 битное (уменьшается количество цветов). Вследствие этого существенно изменяется и сам размер файла. Сжать можно более 70% размера файла. Также для оптимизации можно сразу загружать до 20 изображений в один заход и размером не выше 5 Mb. Классно, не правда ли?

Плагин для интеграции TinyPNG в Photoshop

Интеграция с Photoshop


Да, вы не ослышались. Теперь данный метод сжатия можно интегрировать в программу Photoshop. Для этого сервис предлагает нам специальный плагин. Однако за такой плагин нужно заплатить. А вы думали, все бесплатно! На данный момент он стоит 40$. Плагин называется TinyPNG Photoshop. Он позволит вам использовать данный метод сжатия прямо в фотошопе.

Как создать интеграцию сайта с сервисом TinyPNG

Интеграция с сайтом


Можно интегрировать сервис к любому сайту. Можно даже и не пользоваться сервисом. Когда вы будете загружать изображения на свой сайт, то они автоматически будут сжиматься. Неплохо, правда! И к тому же нет ограничений в размере загружаемого файла. Однако тут есть другие ограничения. Бесплатно можно конвертировать не более 500 изображений в месяц. Если больше, то нужно уже платить.

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

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

В принципе для многих сайтов такой сервис подойдет. Как правило, загружаются изображения невысокого разрешения. А если сайт на какую-то обучающую тематику, то там вообще, практически одни обучающие скриншоты. Если и будет какое-то ухудшение в качестве, то это не так страшно. Главное, чтобы картинка была небольшого размера и более понятной для пользователя. Я когда загружаю картинки на свой блог, то сильно не зацикливаюсь на качестве.

Работа с сервисом

Итак, давайте все же, начнем работать с этим сервисом. Заходим на tinypng.com, и оказываемся на главной странице данного сервиса. Сразу в глаза бросается красивая панда. Ну а чуть правее мы видим загрузчик для наших файлов. Также есть небольшая пометка, что одновременно загружать можно не более 20 изображений и не более 5 Mb каждое.

Загрузчик файлов TinyPNG

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

Потоковая загрузка фалов на сервис TinyPNG

После этого чуть ниже появится таблица выполнения процесса. Там все наглядно видно. Левее отображаются названия файлов. Далее идет первоначальный размер —> статус процесса (если finished, то нормально) —> размер после сжатия —> кнопка загрузки (download) —> процент сжатия. Как видите, все просто. Вам теперь только остается обратно скачать эти файлы. Вот и вся работа!

Процесс сжатия изображений png формата

Но на самом деле, можно еще больше сжать фотографии. Для этого просто уже сжатые фотки по новой (по второму кругу) загружаем на данный сервис. Конечно, процент сжатия не будет таким высоким, как в первоначальном заходе, но размер все же уменьшиться. Я лично, когда делаю какие-то обучающие скриншоты, то всегда сжимаю одни и те же картинки по нескольку раз (иногда по 10 -20 раз). Так сказать, сжимаю до упора, пока процент сжатия не будет равным нулю.

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

Интеграция с Photoshop

Как я уже говорил, сервис TinyPNG можно интегрировать в программу Adobe Photoshop с помощью специализированного плагина. Таким образом, установив плагин TinyPNG Photoshop, вы прямо в программе можете сжимать и сохранять свои изображения. После установки плагина в программе появится новое меню. С помощью его вы можете просматривать, выбирать и сжимать нужные вам изображения не выходя из программы. Также у вас не будет ограничений на загрузку файлов. Так обычно не более 20 фоток можно загружать, а с плагином без разницы. Хоть сотню за раз можно взять.

Итак, давайте перейдем на страницу плагина. В верхнем меню сайта щелкаем на «Photoshop«.

Интеграция сервиса TinyPNG с программой Photoshop

Далее просматриваем информацию о плагине. Как я уже говорил ранее, получить все на халяву у нас не получиться. Придется заплатить. На данный момент плагин стоит 40 $ — 1 штука. Честно скажу вам, лично мне этот плагин нафиг сдался. Думаю, большинство из вас тоже так думают. Не знаю, кому этот плагин может понадобиться, ведь проще воспользоваться бесплатным сервисом. Ну и что, если стоят какие-то ограничения. Они в принципе не такие уж и страшные. Пережить можно. А отдавать 40 $, так сказать за то, чтобы не делать лишние телодвижения для меня полный абсурд.

Если кому-то уж сильно приспичит этот плагин, то можете его купить. Доступен он для ОС Windows и Mac. Также вам нужно знать, что плагин не будет работать с фотошопом ниже версии CS5. То есть на данный момент он работает с версией CS5, CS6 и CC. Внизу страницы выбираете ОС, с которой вы работаете. После чего ниже нужно заполнить данные. Скажу, что оплата идет только с кредитной карточки (рисунок ниже). Пока других способов у них нету. Также будьте внимательны, что не все версии ОС поддерживаются. Например, для Windows подойдет только версия не ниже семерки.

Купить плагин TinyPNG Photoshop

Итак, после того, как вы приобрели данный плагин, вам его нужно установить в программу Photoshop. Я не буду тут расписывать подробную инструкцию по установке плагина в графический редактор. На самом сервисе есть подробное описание установки (1) для разных операционных систем. Так что почитайте там.

Инструкция по установке плагина TinyPNG Photoshop

Интеграция с сайтом

Ну и последняя интересная возможность — это интеграция сервиса TinyPNG с вашим сайтом. Как я говорил, воспользовавшись такой возможностью, вы сможете сжимать фотографии налету. То есть когда вы загружаете фотографии на свой сайт или блог, то они будут автоматически сжиматься. Таким образом, вам даже не нужно заходить на сам сервис. Такая полезная функция будет также полезна и тем владельцам сайтам, пользователи которых загружают свои изображения прямо на сам сайт.

Давайте в самом верхнем меню сайта перейдем во вкладку «Developer API«.

Developer API для разработчиков

Там идет краткое описание. Ниже вам предлагают получить API ключ. В специальной форме вам нужно ввести свой email и имя. После этого нажать «Get your API key«.

Получить API ключ на сервисе TinyPNG

Далее к вам на почту придет письмо со ссылкой на ключ. Перейдя по ссылке, вы на специальной странице можете скачать ключ. Также рядом будет выводиться лимит по сжатию. Теперь после этого вам с помощью своего ключа и специального кода нужно создать запрос для интеграции с сервисом. Я не буду тут многим напрягать мозг подробной интеграцией сервиса с сайтом, так как думаю, что большинству это вообще, может и вовсе не интересно. А кому опять сильно захочется, то можете почитать инструкцию на самом сервисе. Там все расписано в примерах.

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

Бесплатный тариф.

До 500 изображений в месяц. Это более чем предостаточно. Для сравнения за два с лишним года ведения этого блога, я загрузил в него всего лишь 650 фотографий. Так что такое ограничение для большинства блогеров и веб-мастеров вполне нормальное. Также обратите внимание, что нам предлагают неограниченный размер файлов и всего за 0 $ (хорошо, что бесплатно!).

Малый тариф.

Преобразование до 3 500 фотографий в месяц. Размер не ограничен, но уже за 15 $ в месяц.

Большой тариф.

Сжатие до 50 000 картинок. Не знаю, кому такое может понадобиться. Скорее всего, такой большой объем подойдет для крупных порталов или социальных сетей, где пользователи каждый день загружают десятки новых фотографий.

Бывает так, что кто-то из пользователей заранее не позаботиться сжать фотографию. Владельцу сайта это, конечно же, не выгодно, так как расходуется дополнительное место. А автоматическое сжатие такого количества изображений, будет весьма кстати. Размер, конечно же, без ограничений. А вот цена — 100 $ в месяц (вот же стервятники!).

Интеграция TinyPNG с WordPress

Еще один сюрприз. Тем, кто владеет сайтом или блогом на движке WordPress, то вам не нужно мучиться и разбираться с интеграцией. Для вас есть специальные плагины, которые с легкостью помогут вам решить подобную задачу. Что от вас только потребуется, так это установить нужный плагин и вставить свой API ключ для отслеживания количества преобразований картинок. Тарифы здесь такие же, какие я привел выше. Вот какие плагины имеются в наличии:

Compress PNG for WP

Compress PNG for WP — очень хороший плагин. Он прекрасно интегрируется в медиа галерею WordPress. Там вы можете оптимизировать все свои старые изображения в PNG формате. Также плагин может автоматом сжимать новые изображения при их загрузке на сайт. Еще очень хорошим преимуществом является то, что при оптимизации не создаются дублированные изображения. То есть у вас будут те же старые изображения, но уже с другим размером. Дублей никаких не будет.

Инструкция по работе с плагином
Когда установите плагин, вам нужно перейти в «Настройки» —> «Медиафайлы«. В самом низу вы увидите настройки этого плагина:
  • Your Tiny PNG Key — сюда вам нужно ввести свой API ключ. Без него плагин не будет работать.
  • Automatically shrink files on upload? — автоматическое сжатие загружаемых фотографий. Галочка должна стоять.
  • Which file sizes do you want to shrink? — если у вас используются дубли изображений (например, миниатюрки), то их тоже можно сжимать. Просто отмечаем галочки в нужных пунктах. Если дубли не используются, то все поля оставляем пустыми.

Настройки плагина Compress PNG for WP

Далее сохраняем настройки. Все, интеграция сайта WordPress с TinyPNG завершена. Теперь при загрузке новых фоток, они у вас будут автоматически сжиматься. Однако, что делать со старыми изображениями? Для этого заходим в «Медиафайлы» —> «Библиотека«. С правой стороны у вас появится новая колонка «Compress PNG for WP«. В ней отображается статус фотографий. Если картинка будет не PNG формата, то будет надпись «Not a png file, Tiny PNG cannot compress«. Здесь ничего не поделаешь. Ну а так, чтобы оптимизировать нужное изображение, нажимаем «Compress now«.

Интеграция плагина Compress PNG for WP в галерею

После этого вам будет показан статус. Будет показан коэффициент сжатия, а также оригинальный и текущий размер файла.

Сжатие изображений в галереи WordPress

Также чтобы по отдельности не оптимизировать каждую фотку, можно просто отметить нужные и в списке действий выбрать «Bulk Compress PNG«. Далее нажимаем «Применить«. После этого сожмутся те фотографии, которые вы выбрали.

Bulk Compress PNG for WordPress

К сожалению, по нескольку раз сжимать одно и то же изображение не получиться. Размер не изменяется. Поэтому я предпочитаю пользоваться самим сервисом. Там можно добиться максимального сжатия. Единственно, этот плагин я бы использовал только для сжатия уже старых фотографий, которые я не оптимизировал. Также такой вариант может подойти, если вы сжимаете только один раз или ваши пользователи загружают к вам свои фотографии.

WP TinyPNG

WP TinyPNG — такой же плагин, как и Compress PNG for WP, но с дополнительной возможностью сохранить исходное изображение. По мне, так эта лишняя функция. Зачем забивать свой хостинг лишними дублями изображений? Еще в отличие от предыдущего плагина, этот все же позволяет сжимать одни и те же изображения по нескольку раз. Иногда это очень полезно делать!

Инструкция по работе
Итак, после активации, переходим в «Настройки» —> «Медиафайлы«. Там в самом низу вы найдете настройки:
  • TinyPNG API Key — вводим сюда свой API ключ. Там ниже есть ссылка на запрос получения ключа.
  • Keep original File — сохранять ли исходный файл с оригинальным размером. Рекомендую не включать эту опцию, дабы не плодить лишние дубли изображений и не забивать этим мусором свой сервер.
  • Compress children (thumbnails) — сжатие дублированных изображений. Если они у вас используются, то отмечаем данный пункт.
  • Enable debug processing — включение процесса отладки. Если при установке у вас возникли некоторые проблемы с этим плагином, то можете отметить этот пункт. Так плагин может выявить причины различных ошибок.

Плагин WP TinyPNG

Теперь сохраняем все изменения. Скажу, что этот плагин, как и предыдущий интегрируется в медиа галерею WordPress. Когда вы зайдете в библиотеку медиа файлов, то вам тоже будет доступен новый столбик только уже с названием «PNG Compression«. В нем можно сжать каждое изображение по отдельности. Однако заметьте, в этой библиотеке нельзя выбрать сразу несколько изображений для сжатия. Чтобы такое реализовать, плагин создает дополнительную вкладку. Заходим в «Медиафайлы» —> «PNG Compression«. Там как мы видим, плагин сам формирует удобную для нас библиотеку. Вверху мы видим главные кнопки:

  • Select All — отметить все изображения;
  • Select None — убрать выделение;
  • Select Compressed — выбрать сжатые картинки;
  • Select Uncompressed — выбрать несжатые фотографии.

Библиотека плагина WP TinyPNG

Чуть ниже вы увидите, что плагин собрал все изображения только png формата. Дабы не запутаться, лишние фотки других форматов выводиться не будут. В общем, зашли вы в эту библиотеку. Дальше вы просто одним щелчком выбираете все несжатые фотографии и нажимаете на кнопку «Compress Images«. Дальше плагин начнет сжимать фотографии и после этого покажет вам итог работы. Вернувшись назад, вы увидите, что оптимизированные изображения выделены уже зеленым цветом.

Что еще здесь можно сделать? Можно сделать повторную процедуру для уже сжатых картинок. Для этого вы просто одним щелчком выбираете уже оптимизированные фото. После спускаетесь ниже, ставите галочку для повторного сжатия (4) и нажимаете на кнопку «Compress Images«.

Плагин WP TinyPNG для сжатия изображений

Также заметьте, если вы в опциях плагина поставили галочку на Keep original File (сохранять оригинальное изображение), то с помощью кнопки «Revert to Backup» вы можете восстановить оригинал. Это своего рода бэкап фотографий. Но, даже не смотря на это, я бы не стал сохранять оригинальные размеры, дабы не загромождать дисковое пространство на хостинге.

TinyPNG for WordPress

TinyPNG for WordPress — еще один плагин для сжатия изображений на сайте WordPress. Однако он хуже предыдущих, так как здесь нет интеграции с галереей. То есть оптимизировать старые изображения уже не получиться. Также он позволяет загружать только до 5 изображений одновременно. Сам плагин все оптимизированные изображения хранит в отдельной папке «TinyPNG«. Это не совсем удобно.

Инструкция по работе
Итак, после активации в административной панели сайта вам будет доступно меню «TinyPNG» с красивой иконкой в виде мордочки панды. Нажимаем на нее. В поле Your Email ID (2) вводим свой email. Далее чуть ниже в поле Your API Key (3) вставляем свой API ключ и нажимаем «Submit«. После этого можно уже загружать картинки.

Плагин TinyPNG for WordPress

Однако заметьте, что все фотографии стоит загружать только через опцию этого плагина иначе оптимизации не будет. Согласитесь, не очень-то и удобно.

Вот такие вот плагины, которые можно использовать для интеграции сервиса TinyPNG с сайтом на CMS WordPress. В принципе неплохо! Даже можно сжать старые фотографии. Так очень удобно. Не нужно по десять раз загружать фотографии. Достаточно просто в медиа галереи выбрать нужные картинки и их оптимизировать. Может даже кому-то понадобиться сжимать изображения налету. Но лично я так не делаю, так как сжимаю изображения в самом сервисе. Привык я к нему!

Заключение

Некоторые говорят, что для увеличения скорости загрузки сайта нужно сжимать фотографии в статьях. Однако почему-то многие забывают про фотографии, которые установлены в самой теме сайта. Как правило, там тоже картинки в PNG формате и весят они не слабо. Это тоже влияет на скорость загрузки. Поэтому такую графику тоже нужно сжимать. Для WordPress эти фото находятся по такому пути: wp-content/themes/название темы/images. Сжав там изображения, вы облегчите свою тему и уменьшите время загрузки сайта. К примеру, моя тема весила 550 Kb. После оптимизации фотографий вес составлял 220 Kb. Одним таким способом мне удалось увеличить скорость загрузки блога на 1 — 1,5 секунды.

Ну а теперь можно закончить обзор сервиса TinyPNG. Добавляйте этот сайт к себе в закладки и используйте для сжатия своих фотографий png формата. Скажу, что этот сервис сжимает фотографии получше, чем программа Adobe Photoshop. То есть качество выходной картинки существенно отличается. В фотошопе она будет немножко хуже. Поэтому, примите к сведению этот момент. Лично я использую этот сервис, но без всяких плагинов. Для моих нужд этого вполне достаточно! А для ваших? В общем, изучайте и внедряйте!

Еще сервисы для работы с графикой:

  • если вы часто работаете с графикой для сайтов, то вам может пригодиться обычный генератор палитр изображений. Сервис называется bighugelabs. Помимо палитр, ресурс специально для верстальщиков автоматом генерирует еще и CSS стили.
  • также хочу посоветовать вам сервис для конвертации файлов. Ресурс Zamzar предоставляет большой выбор форматов для конвертации.
Сказать спасибо кнопками ниже:
Сергей

Занимаюсь созданием и продвижением информационных сайтов в интернете. Интересуюсь маркетингом, SEO и SMM. Осваиваю возможности полезного софта для работы.

Оцените автора
( 1 оценка, среднее 5 из 5 )
Добавить комментарий

  1. Галина

    Интересный сервис! Для сжатия фотографий очень пригодиться. Как было сказано, это действительно увеличивает скорость загрузки сайта и блога. Да еще и плагины для WordPress имеются. Обязательно нужно интегрировать WordPress с TinyPNG.

    Ответить
  2. Надежда Хачатурова

    Совсем недавно открыла для себя этот сервис, но не так глубоко, как Вы описываете. Жаль, не сразу начала оптимизировать картинки, а старые менять не хочется, да и сайт неплохо грузится. Пользуюсь tiny бесплатно. В лимит укладываюсь, еще и остается. Будет время, вернусь, с Вашего позволения, изучу весь функционал.

    Ответить
    1. Надежда, если у вас есть старые неоптимизированные изображения в png формате, то можно воспользоваться плагином. Он вам все эти фотографии сожмет, и не придется их удалять. Потом при желании от плагина можно избавиться.

      Ответить
      1. Надежда Хачатурова

        И у Вас в блоге наверняка есть о плагине статья. :) Или название скажете? С удовольствием воспользуюсь.

        Ответить
        1. Надежда, в этой статье я написал о этих плагинах. Они находятся ближе к концу поста. Рекомендую использовать либо Compress PNG for WP, либо WP TinyPNG. Инструкция по плагинам тоже здесь. Только она заключена в спойлеры. Разверните его и там все найдете.
          Каюсь, в последнее время я пишу такие объемные посты, что даже не многие смогут их за раз осилить. *blush*

          Ответить
          1. Лара

            Привет Сереж :-) Мне нравятся твои статьи. Написано все досконально. Еще мне нравится, как пишет Александр Майер, у него тоже такие статьи большие, хорошие.
            Я к этой статье раз пятый возвращаюсь, постоянно перечитываю, да и на многие твои другие статьи часто хожу. Так что не вздумай укорачивать свои тексты :-D
            Кстати, сервис этот знаю, и правда очень хороший.

            Ответить
            1. Спасибо, Лариса! Учту в дальнейшем. :-)

              Ответить
  3. Азик

    Постой-ка, Сергей Стеклов! Имя мне знакомо, дизайн блога тоже! Ааааа, я понял!!)
    Блог о рок-музыке тоже твой)))
    То-то я думаю, знаком, но не помню!!)) :-D :-) *rofl*

    Ответить
    1. Ага, угадал. *victory* У меня есть еще и музыкальный блог!

      Ответить
  4. Азик

    Да да, интересный сервис!)
    Но я как-то не задумываюсь о картинках, ищу в поисковиках и вставляю на блог!))
    Даже не делаю их уникальными!!))

    Ответить
    1. И что, даже не сжимаешь? Ну, это ты зря. :-( Во-первых, с такими картинками у тебя страница будет весить больше, что плохо отразится на скорости загрузки. Во-вторых, ты не экономишь место на хостинге. Поэтому я тебе рекомендую не махать рукой на оптимизацию изображений для блога. Это тоже один из важных моментов в блоггинге и создании сайтов.

      Ответить
      1. Азик

        Надо взять в привычку оптимизацию картинок! Но мне это дело кажется слишком долгим, надо как-то автоматизировать это дело!!))

        Ответить
        1. Да, Азик. Это дело слишком много отнимает времени. Например, для этой статьи оптимизация фотографий у меня заняла чуть ли не день. Поэтому, чтобы автоматизировать этот процесс, лучше нанять отдельного человека. Самому подготавливать картинки и оформлять статью очень долго. :-(

          Ответить
  5. Надежда Хачатурова

    Сергей, кажется, нашла у Вас косячок небольшой. Перехожу из почты на комментарий 2158, причем, это уже второй раз, а ответа Вашего не вижу. В прошлый ответа тоже не увидела — страницу перезагружала.
    Статьи большие, действительно, но шрифт хороший, все в одном месте. Хорошо использовать как хрестоматию, о чем, в принципе, и написала к репостам в социальные сети. Обязательно найду время и не бегло пробегусь, как сегодня, а все глубоко изучу, что мне требуется. За ответ все равно большое спасибо, хотя я его сейчас и не вижу (по памяти из письма). :-)

    Ответить
    1. Спасибо, Надежда! Да, есть такой косяк. *yes* Мне об этом тоже раньше говорили. Не видно ответов в комментариях. Сейчас полазил в настройках плагина кэширования W3TC. Кое что поменял и в том числе отменил кэширование для подписчиков. Завтра протестирую комментарии с других браузеров. Посмотрю, как будет работать. Еще раз спасибо!

      Ответить
      1. Надежда Хачатурова

        Хорошо Вы почистили! Все данные пришлось вводить заново. *rofl* Главное, и пришла из письма на ответ, и отвечаю ответом. Смайликов не хватит от радости, что все получилось.

        Ответить
        1. Спасибо Надежда за ответ. Главное, чтобы в дальнейшем не было подобных глюков. Завтра может попробую протестировать на разных браузерах. Надеюсь, будет нормально.

          Ответить
  6. Юлия

    Актуальная статья, для меня и для моего блога так уж точно, как-то я упустила этот момент с самого начала, теперь надо вплотную заняться. Я так понимаю, без плагина мне не обойтись…

    Ответить
    1. Не ну чего, можно и без плагина сжимать фотки прямо на сервисе. Плагин хорош тогда:
      1) когда нужно сжать старые уже давно загруженные изображения;
      2) для ленивых, которым лень на сервис заходить *mosking* ;
      2) для крупных сайтов где пользователи загружают свои какие-то фотографии.

      Ответить
  7. Ирина Лирнецкая

    Сергей, статья у Вас получилась, прям как у меня — длинная и ценная :-) . Очень много полезной информации, впрочем, как всегда. Я оптимизирую изображения, но как *dash* : делаю скрин, довожу его до кондиции в обычном редакторе виндовс и пишу название в транслит. Вот и все. А сжимать мне очень нужно — у меня тема очень тяжелая+ я вставляю много картинок в посты+иногда и видео. Информация мне нужна позарез, буду изучать. Спасибо.

    Ответить
    1. Спасибо, Ирина! Да, сжимать фото нужно обязательно.
      Я так скриншоты делаю с помощью программы PicPick (можете взять на заметку). Она очень простенькая и хорошенькая! :-) Ну, а далее захожу в сервис TinyPNG и сжимаю по нескольку раз. Только после этого загружаю на блог.

      Ответить
      1. Ирина Лирнецкая

        Я тоже PicPick пользуюсь, оч удобно. Поставила в панель задач и скриншотю себе до изнеможения :-D . Сергей, скажите, а если сжимать картинки, то в размере 620х418 они как будут смотреться на блоге. Я обычно такие вставляю, хотя в средине поста уже начала поменьше ставить 300 или 430х310 и т. д. Извиняюсь за вопрос, плохенько разбираюсь в этих премудростях *blush*

        Ответить
        1. Ничего страшного! *don-t_mention*
          Я картинки стараюсь делать шириной не больше 440 px. Ну, чтобы на маленьких мониторах картинка не залезала на соседний сайтбар. Ирина, при изменении разрешения у вас картинки в сайтбар не залезают. Они автоматически уменьшаются. Это хорошо! Поэтому в принципе можно использовать среднее разрешение. 450 — 500 px по ширине. Главное, фотографии делать не слишком большие или не слишком маленькие. Тут вам нужно смотреть на глаз и выбирать наиболее оптимальное разрешение. Также нужно знать, картинки с большим разрешением весят больше. В общем, как-то так. :-)

          Ответить
  8. Вилия

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

    Ответить
    1. Вилия, в графическом редакторе сжатие не такое хорошее, как на сервисе. В редакторе может сильно испортиться качество картинки или же процент сжатия будет не таким большим. Поэтому лучше воспользоваться сервисом. *good*

      Ответить
  9. Надежда Хачатурова

    Сергей, Вы поняли, наверное, что я от Вас еще и не уходила со вчерашнего дня? :-) Хотела установить плагин Compress PNG for WP, но выскочило предупреждение, что с последней версией вордпресс он не протестирован. Понимаю, что просто нет данных (пользуются многие), но хотелось бы Ваше мнение узнать.

    Ответить
    1. Надежда, а у вас уже стоит WordPress 4.0? Просто я эти плагины тестировал на версии 3.9.2. С этой версией движка никаких проблем не было. С четверкой я пока не работал, поэтому тут точно сказать не могу. Если вы обновились до четвертой версии, то рекомендую вам сделать бэкап блога и потом установить копию на локальный сервер. Я так для этого использую Денвер. Ну и там уже установить этот плагин и посмотреть, как он будет себя вести с четвертой версией.

      Просто тут в новой версии CMS были сделаны некоторые изменения в галереи. А этот плагин как раз и встраивается в галерею. Поэтому тут не исключены конфликты. Если интересно, то можете протестировать на локальном сервере. Я лично так всегда делаю. Не так страшно если что-то слетит. *mosking* Я может потом, когда будет свободное время, сам попробую с четверкой поработать. Просто сейчас пока некогда.

      Ответить
      1. Надежда Хачатурова

        Вот Вы какой коварный, Сергей! :-) Пишете же, что нужно обновляться, а сами сидите на версии 3.9.2. Буду ждать теперь, пока у Вас появится время. Дольше жила с несжатыми картинками, да и то это относительно — изображения не с фотоаппарата.

        Ответить
        1. Надежда, вы меня немного не поняли. *mosking* Я не писал, что нужно обновляться. Просто я с удивлением у вас так спросил. :-) Ну, мол вы так быстро уже перешли на новую версию что ли? Просто сразу обновляться не стоит, чтобы не было конфликтов. Стоит подождать, когда разработчики исправят ошибки и только потом переходить.

          Я потом на локалке обновлю движок и посмотрю, как плагины будут себя вести. Попозже напишу о результатах. *bye* А сжимать картинки нужно. Если еще у вас используются дубли изображений, то сжатие просто необходимо. *yes*

          Ответить
          1. Надежда Хачатурова

            Опять в письме ссылка не на тот комментарий.
            Поняла я Вас так. Просто пошутила — у меня четверка с самого первого дня, не после Вашей статьи побежала обновляться. Если бы была какая-то угроза, меня бы предупредил программист, да и откатил бы сам, если что не так. Мне позволено все, но в разумных пределах — контроль неусыпный.

            Ответить
  10. Светлана

    Сайт у меня ещё молодой. Картинок и фотографий не так много. А фотографией увлекаюсь и обязательно воспользуюсь этим сервисом для сжатия фотографий

    Ответить
  11. Олия

    Сергей, привет. Я сжимаю изображения в фотошопе. Мне очень удобно, быстро. Сохраняя для Web, выставляю нужный размер, сжимаю, сохранить как…пишу название) Всё.
    Спасибо за полезную информацию.

    Ответить
    1. Привет, Оля! Фотошопом тоже можно, но он немного хуже сжимает изображения. Сервис в этом плане немного выигрывает. Даже не зря разработчики выпустили плагин для интеграции TinyPNG в Photoshop. Только он платный. :-(

      Ответить
  12. Max

    Есть и наш сервис. Кроме PNG сжимает еще JPEG, PDF, CSS, JS. optimin.ru

    Ответить
    1. С виду неплохой у вас сервис. Только, еще им толком не пользовался. Надо будет потом заценить его в действии.

      Ответить
  13. allemiko

    Как раз сервис для меня, тем более что место на хостинге не ризиновое ;-), пошел регистрироваться.

    Ответить
  14. allemiko

    Слушай, сервис вещь)), попробовал, супер, спасибо.

    Ответить
    1. А-то! Ерунду я рекламировать не буду! :-D Сервис очень хорош. Даже для него специальные плагины WordPress написали, чтобы было легко интегрировать на свой блог.

      Ответить
      1. allemiko

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

        Ответить
  15. Егор

    Пользуюсь этим сервисом. И ещё хочу сказать об аналогичном сервисе для jpeg — JPEGmini.

    Ответить
  16. Елена

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

    Ответить
  17. Светлана

    Сергей, а я использую для сжатия изображений сервис punypng.com. Судя по описанию, он очень идентичен. Мне этот сервис очень нравится, качество изображений после сжатия идеальное.

    Ответить
    1. Надо будет тоже заценить его. Я смотрю, он даже по названию очень схож.

      Ответить
  18. Настя

    Вот часто пользуюсь этим сервисом, но об интеграции с Фотошопом и не подозревала. Спасибо большое за информативную статью

    Ответить
  19. Alexander Meier

    Очень люблю этот сервис. Чаще всего юзаю на сайтах формат png, и этот сервис просто бог в его сжатии =)

    Ответить
  20. Лара

    Привет, Сергей! Ох, и нужная эта тема — сжимать картинки для лучшей работы сайта. Вначале я просто искала картинку, скачивала или делала скриншот, или создавала коллаж из картинок, но сколько весят, не особо задумывалась. В результате свободное место на хостинге катастрофически стало уменьшаться.

    Спасибо за сервис. Кстати, люблю читать комментарии — там тоже бывают часто полезные советы, помимо тех, что в статье. :-)

    Ответить
    1. Ага, я когда только начинал, то про сжатие картинок вообще, не знал. Загружал тяжелые и не оптимизированные фотографии. Но потом как-то вовремя одумался.) Лариса, если у тебя очень мало места на хостинге, то рекомендую тебе заняться чисткой неиспользуемых дублированных картинок. Как правило размер в половину уменьшиться.

      Ответить
  21. Лара

    Спасибо, Сергей! Займусь обязательно. А не посоветуешь хороший плагин для этого? :-)

    Ответить
    1. Есть Delete no used images или сокращенно DNUI. Попробуй с ним поработать. :-)

      Ответить
  22. Иван

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

    Ответить
  23. Ольга Черныш

    Я все еще считаю, что сжимать надо до загрузки на компе. Обычным редактором. Просто и быстро.

    Ответить
  24. Серж

    Секрет в том, что сервисы на самом деле работают ХУЖЕ утилит и по степени сжатия, и значительно хуже в смысле УПРАВЛЯЕМОСТИ, то есть — они вообще никак не управляются. Где выбор количества цветов, типа штриховки, приоритетности альфа-канала? Всего этого нет, и никогда не будет. «Главное, простой». А что полезного в этом «главном», скажите на милость?!

    Короче, до сих пор пользую утилиты, и наверное на них и останусь.

    • Color Quantizer — kherson.myftp.biz/cq/
    • Image Catalyst — habrahabr.ru/post/215213/
    • ScriptPNG — css-ig.net/scriptpng

    Вот они, три столпа качественного сжатия!

    Ответить
    1. А что полезного в этом «главном», скажите на милость?!

      Серж, во многих случаях бывает так, что не всем нужны эти дополнительные настройки. Достаточно простого сжатия и все. Тому, кто сильно над изображениями не заморачивается, тому этот сервис хорошо пригодиться. И таких людей я скажу, очень много.
      Ну а кому нужно больше, тому конечно же, нужно искать что-то другое. Спасибо, что поделились утилитами. Потом попробую с ними поработать. Может что-нибудь из них понравится. :-)

      Ответить
  25. Айк

    А как оптимизировать 40.000 изображений которые на сайте уже,кто знает хороший плагин?

    21 век на дворе,нужно автоматизировать процесс сжатия,а не оптимизировать каждое изображение по отдельности.

    Загрузил на сайт-плагин оптимизировал и все -автоматизировать,не все нужно руками делать,цените время друзья !

    Ответить
  26. Геннадий

    Добрый вечер! Установил всё по вашей инструкции для WordPressa,зашёл в библиотеку? Там ни каких изменений не произошло.где и в чём ошибка не пойму?

    Ответить
Adblock
detector