Как сжать изображение онлайн без потери качества
14 февраля 2020 Разное
В этой статье рассмотрим очень нужный онлайн сервис с помощью которого можно уменьшить размер картинок в среднем на 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 или по ссылке в документации. И подключить их свой проект:
require_once("lib/Tinify/Exception.php");
require_once("lib/Tinify/ResultMeta.php");
require_once("lib/Tinify/Result.php");
require_once("lib/Tinify/Source.php");
require_once("lib/Tinify/Client.php");
require_once("lib/Tinify.php");Указываем ваш API ключ:
\Tinify\setKey("ВАШ_КЛЮЧ_API");Можно так же использовать подключение через прокси сервер:
\Tinify\setProxy("http://user:[email protected]:8080");Сжимаем изображение:
$source = \Tinify\fromFile("unoptimized.jpg");
$source->toFile("optimized.jpg");Плагин для Photoshop
У сервиса есть плагин для Photoshop, но он платный. На данный момент его стоимость 65$. Скачать его можно на том же сайте в разделе Photoshop. После установки в программе появится новое меню, через которое можно будет производить те же операции, что и через онлайн сервис.
Часто бывает, что сайт находится не на обычном хостинге, а на выделенном сервере. Конечно же все вопросы касающиеся работы сервера должен решать системный администратор, но на деле это не совсем так. У программиста должны быть хотя бы минимальные знания, как Читать далее
В продолжении статьи Как подключиться к серверу по SSH приведу список основных команд, которые вам понадобятся в работе. Вы сможете перемещаться по папкам, перезагрузить веб-сервер, сделать бэкап нужных файлов и многое другое в операционной системе CentOS. Самые нужные команды SSH Читать далее
В продолжении предыдущих статей об основах работы с веб-сервером на CentOS через SSH: Как подключиться к серверу по SSH и Основные команды SSH в этой рассмотрим как установить или обновить PHP на сервере. Такая необходимость возникает довольно часто, например когда Читать далее
Бывает нужно протестировать проект на MacOS, например в Safari. Или нужно сделать небольшое приложение для IOS и протестировать его на реальном устройстве. Тут есть 3 варианта. Конечно же самый лучший это реальный Mac. Второй это хакинтош и третий собственно виртуальная Читать далее
Виртуальная машина с MacOS быстрее и стабильнее работает на VMware Workstation Pro. К тому же нет проблем с подключением внешних устройств. У меня получилось развернуть систему гораздо быстрее и не было никаких проблем с разрешением экрана, подключением Iphone и видеопамятью, Читать далее
Xcode среда программирования для разработки приложений для MacOS, iOS, WatchOS и TvOS. Самое главное, что это единственная среда, где вы сможете протестировать свое приложение на реальном устройстве и без активации аккаунта разработчика. В предыдущих статьях мы говорили о том, как Читать далее
В этой статье рассмотрим, как добавить поддержку устройств с IOS 12 и выше в Xcode 10. А так же подключить Iphone и запустить на нем свое приложение. 1. Настройка поддержки IOS 12 и выше в Xcode 10 В Xcode 10 Читать далее
Спасибо пригодилось!