TinyPNG — сжать картинку онлайн без потери качества

Дорогие друзья!

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

Итак, цель каждого верстальщика (о том кто такой верстальщик) не просто побыстрее сверстать страничку, повырезать картинки с фотошопа и все, я справился…. Не не, так дело не пойдет, и такой верстальщик тоже далеко не пойдет))… Он должен думать о том, насколько его верстка будет легкой и оптимизированной. Это называется оптимизация верстки. Ведь страничка должна не просто загружаться, она должна загружаться легко и быстро! Как этого добиться?

Скорость загрузки сайта - сжатие картинок

Чаще всего самое увесистое в итоговой верстке, это конечно же картинки…. куда без них. И часто бывает так что скажем при верстке лендинга вес некоторых картинок может достигать и 500-800 кб! А если таких картинок штук 5…? Да получается достаточно много… Поэтому необходимо подумать о том, а как же уменьшить размер этих картинок? Как сжать картинку без потери качества?

Вот здесь на помощь приходит замечательный онлайн сервис по сжатию картинок. Называется он TinyPNG и его аналог TinyJPG. И тот и тот сжимают форматы как png так и jpg.

Какого эффекта можно ожидать?

Чтобы не говорить много, вот ниже Вам пример сжатия картинки более чем на 70%!!!

Сжатие картинки с помощью TinyPNG - результат

Кажется комментарии излишни…))

Как сжать картинку?

Все очень просто, здесь даже и описывать нечего…)…

TinyPNG - сжатие картинок без потери качества!

Выбираем картинки которые хотим сжать… ожидаем минутку пока они сожмутся и вуаля!!  После этого нам остается лишь сохранить сжатые изображения и заменить их в нашей верстке…

Перейти на сайт TinyPNG

Сжатие картинок для WordPress

Специально для пользователей WordPress есть плагин от TinyPNG.

Плагин Compress JPEG & PNG images - ускорение сайта

После того как вы загрузите изображение в WP, будет загружено на TinyJPG или TinyPNG и проанализировано с целью применения наилучшего сжатия. В результате сжатая картинка заменяют исходную, загруженную Вами. В среднем изображения JPEG сжимаются на 40-60% и изображение PNG на 50-80% без видимых потерь в качестве. Ваш сайт будет загружаться быстрее для ваших посетителей, и вы будете экономить дисковое пространство и пропускную способность сайта!

Плагин от TinyPNG

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

P.S. Поделитесь в комментариях, насколько Вам удалось сжать свои изображения?! ;)

Автор / редактор:
Фрилансер, верстальщик, программист на CMS Wordpress
70+

выполненных
проектов

3+

года опыта
работы

100+

тыс. строк
написанного кода

Ваш комментарий