В этой статье рассмотрим очень нужный онлайн сервис с помощью которого можно уменьшить размер картинок в среднем на 90%, а так же плагины для WordPress и его API. Пригодится это всем веб-разработчикам, особенно для верстки макетов.
Сжимать изображения можно прямо на сайте TinyPNG бесплатно и без регистрации. Нужно всего лишь перетащить файлы в формате .png или .jpg в поле Drop your .png or .jpg files here! и дальше сервис все сделает сам. Вам лишь останется загрузить уже обработанные изображения.
В примере ниже удалось сжать фоновое изображение для верстки с 859.2 KB до 43.6 KB. Это 95%! При чем видимое качество нисколько не потерялось.
Скачать можно по ссылке download, а если вы загрузили несколько изображений, то их можно скачать архивом по кнопке Download all.
Плагин для WordPress
Compress JPEG & PNG images от TinyPNG — плагин для WordPress с помощью которого можно оптимизировать все изображения на сайте, как при новой загрузке, так и уже загруженные до его установки.
После установки плагина необходимо получить API key. Сделать это можно на сайте TinyPNG в разделе Developer API:
После получения API ключа, его нужно добавить в настройка плагина Настройки → Медиафайлы → Your Tiny PNG Key.
Вот и все, теперь все вновь загруженные изображения будут сжиматься автоматически. А чтобы оптимизировать старые, необходимо в библиотеке файлов: Медиафайлы → Библиотека отметить все изображения и выбрать Bulk Compress PNG в меню действия. Разработка корпоративного сайта Или оптимизировать по одному, если изображений не много в колонке PNG Compression → Compress now.
TinyPNG API
У сервиса есть свой API и документация по нему для различных языков. Ниже рассмотрим небольшой пример для языка PHP. Полная документация находится здесь.
Для начала необходимо скачать библиотеки TinyPNG через composer или по ссылке в документации. И подключить их свой проект:
У сервиса есть плагин для Photoshop, но он платный. На данный момент его стоимость 65$. Скачать его можно на том же сайте в разделе Photoshop. После установки в программе появится новое меню, через которое можно будет производить те же операции, что и через онлайн сервис.
Если вам понравилась статья, вы можете отблагодарить автора любой суммой, какую сочтете для себя приемлемой:
Поделиться:
Остались вопросы по статье? Задайте их прямо сейчас!
Искусственный интеллект (ИИ) является одним из наиболее интересных и динамично развивающихся областей науки. Идеи о возможности создания искусственного интеллекта появились еще в древности, но практические реализации появились лишь в последние десятилетия. История искусственного интеллекта: от первых идей до современных реализаций Читать далее
Нейросети являются одним из наиболее популярных инструментов машинного обучения, которые используются для решения различных задач. Они представляют собой сложную систему из нескольких слоев нейронов, которые взаимодействуют друг с другом для предсказания или классификации данных. Обзор основных понятий и принципов нейросетей: Читать далее
Нейросети Midjourney – это мощные инструменты для машинного обучения, которые позволяют программистам и исследователям работать с большими объемами данных. Они были разработаны в начале 2000-х годов и представляют собой программное обеспечение, которое позволяет программистам и исследователям автоматизировать процессы машинного обучения. Читать далее
ChatGPT - это интерактивный инструмент для генерации натурального языка, основанный на последних достижениях в области машинного обучения. Он позволяет пользователям генерировать натуральные языковые ответы на любые вопросы, используя предварительно обученную модель. Для использования ChatGPT пользователь должен ввести вопрос или запрос Читать далее
Хочу рассказать об очень классном хостинге, которым я начал пользоваться примерно год назад - это beget.ru. До этого мне приходилось иметь дело с разными хостинг-компаниями и все, что я расскажу основано на моем личном многолетнем опыте. Долгое время я пользовался Читать далее
Git - это бесплатная система контроля версий с открытым исходным кодом. Это звучит невероятно скучно до тех пор, пока вам не понадобится вернуться к предыдущей версии кода, и сделать это удачно. Это программное обеспечение, которое управляет вашим исходным кодом, снимая Читать далее
Если у вас есть насыщенный информацией веб-сайт или приложение, вы можете визуализировать свои данные, чтобы пользователи могли лучше понять их. Хотя таблицы могут быть весьма полезны в некоторых случаях, таких как таблицы сравнения цен и характеристик, другие виды информации легче Читать далее
Один комментарий на «Как сжать изображение онлайн без потери качества»
Петли, шарниры от ноутбуковПетли для ноутбуков – это важная деталь, которая обеспечивает крепление экрана к корпусу. Они позволяют открывать и закрывать ноутбук, а также регулировать угол наклона экрана.
Спасибо пригодилось!