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