​​Тема с подборкой сервисов, которыми мы в команде пользуемся, зашла. Но туда не попал один сервис, который я очень люблю, да и я хотел рассказать про него отдельно. TinyPNG – уверен, многие из вас про него слышали. А тем, кто не слышал, расскажу, для чего он нужен и чем так крут. Основное (и, вероятно, единственное) назначение сервиса – Умное сжатие WebP, PNG и JPEG. Подобных сервисов дофига, не меньше десктопных вариантов и даже консольных скриптов (включая нативные под *nix, которые можно запустить прямо в консоли на сервере, не прибегая к стороннему софту). Если проверять сайт в PageSpeed Insights, он всегда ругается, мол, используйте прогрессивный WebP и вообще ваши картинки слишком большие и тяжелые. Как уменьшить картинку? Сжать ее! Я в свое время перепробовал разные сервисы и программы, перечитал всякие публикации. Но все, что я пробовал, ухудшало саму картинку. А сейчас это критично, особенно с нашими телефонами с крутыми экранами и ноутами с 4к экранами, где даже суперкачественная картинка выглядит размытой. Если оптимизировать, так вообще качество – говно! Так чем лучше TinyPNG? Я не знаю, в чем магия, но обработанные им картинки невозможно уличить в испорченном качестве (сравнивал много раз две картинки рядом – не смог увидеть разницы). При этом размер файла снижается на 60-80% - это очень-очень много. Знаю, что немало «лишнего веса» — это всякие мета данные, но для сайта их тем более можно удалить (наша цель – уменьшить размер страницы и увеличить скорость ее загрузки). Когда я готовлю изображения для своих сайтов, всегда предварительно прогоняю их через этот сервис. А для блога (WordPress) использую плагин, который позволяет сжимать картинки сразу при загрузке их в посты (500 изображений в месяц бесплатно – мне хватает). Кроме этого, есть API, модули, плагины, библиотеки и даже десктопные программы – тут кому что нравится. Лично я предпочитаю веб-версию, так как не люблю лишние программы. Короче, сервис – пушка! Дублирую ссылку: TinyPNG PS Никак не могу понять, почему Гугл (и не только он) топит за WebP. Качество самого изображения хуже, чем PNG и весит больше (оба изображения прогонял в tinypng).