Tinypng wordpress: Compress JPEG & PNG images — Плагин для WordPress

Вы можете рисовать дуги и рисовать изображения на canvas, используя javascript, но есть ли возможность делать и то, и другое? то есть можно ли вообще нарисовать изображение в виде дуги, а не…

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

Вступление Я решил создать тему для сценария, который создает адаптивные изображения. Я обновил эту тему, чтобы иметь возможность ссылаться. Требуйте более сфокусированного на конкретном ответе…

Я работаю над веб-сайтом, который использует адаптивные изображения и пару фиксированных боковых панелей (первая попытка адаптивного дизайна). Проблема: адаптивные изображения работают так, как…

Я действительно ценю помощь, которую получаю от этого сообщества. Вот мой вопрос: я разрабатываю тему для себя и запускаю WordPress версию 4.4.2 на своем компьютере с помощью MAMP. Изображения,…

Я использую Bootstrap3 для создания темы WordPress, и я использую адаптивные столбцы, такие как: <div class=col-md-4> <div class=panel panel> <div…

Как лучше всего добавить (адаптивные) фоновые изображения на статический сайт? Еще одно требование (которое расшифровывается ‘dynamic’) заключается в том, что изображение задается бэкэндом и поэтому.

В Rails, используя carrierwave gem, можем ли мы оптимизировать загружаемые изображения? Оптимизировать означает сжимать и сжимать размер файла?

можете ли вы помочь мне оптимизировать этот код def calc_potential(time, firstsale, lastsale, sold, supplied): retval = [] for t, f, l, c, s in zip(time, firstsale, lastsale, sold, supplied): try:…

Я пытаюсь оптимизировать изображения в wordpress с помощью плагина EWW Optimizer, но после нажатия кнопки оптимизировать я получил следующее исключение: Операция Прервана Я думаю, что это может быть…

Плагины для оптимизации сайта на WordPress

Публикуем нашу подборку плагинов для оптимизации сайта, изображений, скорости, HTML, CSS, JS  и пр.

Плагины для оптимизации изображений

Если не оптимизировать изображения, они могут значительно замедлить скорость загрузки сайта и занимать больше места на хостинге. Для оптимизации изображений есть множество плагинов, которые всё сделают легко и быстро.

EWWW Image Optimizer

Image Optimizer – один их лучших плагинов для оптимизации изображений. Он оптимизирует как загружаемые изображения форматов JPEG, PNG и GIF, так и существующие.
Процесс оптимизации происходит на Вашем сервере, без подключения к внешним сервисам, поэтому оптимизация изображений будет быстрей.

WP Smush

WP Smush оптимизирует изображения, сжимая и удаляя цвета, которые не используются в файлах JPEG, PNG и GIF, таким образом уменьшая размер на несколько процентов.

TinyPNG

Плагин TinyPNG  автоматически сжимает все загруженные изображения с помощи онлайн-сервиса TinyPNG.
С помощью API ключ с сайта TinyPNG, плагин позволяет в месяц бесплатно сжимать до 500 изображений.

Плагины для кеширования

Когда пользователь заходит на сайт, статические html страницы, которые он видит, генерируются из динамических на лету. Чтобы каждый раз, когда пользователи заходят на сайт, страницы не генерировались заново, тем самым нагружая сервер, нужно поместить эти сгенерированные статические страницы в кеш. Для этого можно использовать плагины кеширования.

Hyper Cache

Hyper Cache – один из самых лучших плагинов кэширования, он показывает лучшие результаты в ускорении сайтов.
Hyper Cache кэширует страницы сайта и помещает их в папку cache на Вашем сервере.

W3 Total Cache

W3 Total Cache кэширует каждый элемент на сайте, содержит множество настроек, с помощью которых можно настроить кэширование файлов. Этот плагин больше подходит для крупных сайтов.

Оптимизация, чистка от мусора, дублей

Clearfy

Clearfy Pro – простой в управлении, но мощный плагин для оптимизации сайта, который содержит функционал десятка плагинов.
Его основные возможности:

• Очищает исходный код от мусора.
• Улучшает SEO оптимизацию.
• Удаляет дубли страниц.
• Настраивает защиту сайта.
• HTML-минификация

Simple optimizer

Simple Optimizer проверяет работу базы данных, оптимизирует ее и удаляет из нее ненужную информацию.

Autoptimize

Autoptimize оптимизирует html код, сss и java скрипты. Он объединяет все скрипты и стили, сжимает и кэширует их. Также перемещает все скрипты вниз. Плагин Autoptimize лучше использовать с плагинами кэширования.

Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.

Если Вам понравилась статья — поделитесь с друзьями

Плагины WP для сжатия картинок

Как выяснилось, тот плагин EWWW Image Optimizer, который я использовал ранее для сжатия картинок по тестам разнообразных авторитетных изданий дает компрессию всего 5%.

Результаты тестирования плагинов Вордпресс на сжатие картинок

Сам я не стал ничего тестировать, так как времени нет, но нашел тесты трех сайтов про WordPress, которым я доверяю.

Никакого спама! Можно отписаться в любой момент.

1. Лучшие плагины по тестам wpbeginner.com

Как видно из скриншотов ниже два лучших плагина – это:

• reSmush.it,
• ShortPixel Image Optimizer.

Остальные – отстой!

Тест сжатия JPEG-картинок

Тест сжатия PNG-картинок

2. Лучшие плагины по тестам themeisle.

Как видно по скриншотам ниже лучшие плагины для сжатия картинок по версии themeisle.com – это:

• Optimole,
• ShortPixel Image Optimizer,
• TinyPNG.

Тест сжатия JPEG-картинок

Тест сжатия PNG-картинок

Вот ссылка на источник: “6 Best WordPress Image Optimizer Plugins (Tested and Compared)”.

Многие другие надежные источники, которые я проверял аналогичным образом пишут, что лучшие плагины – это:

• TinyPNG ,
• ShortPixel Image Optimizer.

Лучший плагин для оптимизации картинок

Итак, в итоге я выбрал для себя: TinyPNG, ShortPixel Image Optimizer. А из этих двух плагинов я выбирать уже буду по цене и условиям использования.

При оценке стоимости плагина помните о том, что каждый раз, когда вы загружаете картинку, Вордпресс создает около 6 дополнительных картинок разных размеров. И если вы загружаете 100 файлов в месяц, то оптимизатор картинок будет сжимать 600 картинок в месяц.

Стоимость плагина ShortPixel Image Optimizer

До 100 картинок в месяц – бесплатно.

Оптимизация 5000 картинок в месяц стоит $4.99 в месяц (см. скриншот выше). Но мне больше понравились их пакетные тарифные планы.

Пакет из оптимизации 10 000 картинок стоит $9.99, а 30 000 картинок стоит – $19.99. Меня заинтересовали именно эти два тарифа.

Вот ссылка на их тарифы, а сам бесплатный плагин скачать можно на сайте wordpress.org.

Стоимость плагина TinyPNG

До 100 картинок в месяц – бесплатно. Хотя на их сайте написано, что до 500 картинок в месяц бесплатно, на странице плагина на сайте wordpress.org они пишут, что около 100 картинок в месяц можно оптимизировать бесплатно.

Далее, до 9500 картинок – $0.009 за одну картинку.

Если сравнить с ценами на пакеты плагина ShortPixel Image Optimizer, то 5000 картинок в TinyPNG будет стоить $40.5, а 10000 картинок будет стоить $85.50 (я использовал калькулятор на их сайте для расчетов).

То есть, плагин TinyPNG стоит в 10 раз дороже, чем плагин ShortPixel Image Optimizer!

Поэтому я буду использовать ShortPixel Image Optimizer! А вы?

Как оптимизировать изображения WordPress без плагина?

Использование высококачественных изображений делает сайт более привлекательным. Однако использование слишком большого количества изображений может снизить производительность вашего сайта.

Imagify – один из самых популярных плагинов для оптимизации изображений в сообществе WordPress. Но даже плагины могут снизить производительность вашего веб-сайта или даже ухудшить качество изображения.

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

Зачем оптимизировать изображения WordPress без плагина?

Если вы планируете создать успешный сайт с большим объемом трафика, вы должны соблюдать определенные правила. Как упоминалось выше, наличие изображений на вашем сайте очень важно. Используя изображения, связанные с вашим контентом, вы можете не только сделать публикацию более привлекательной, но и увеличить богатство своего контента. Вы, наверное, слышали известную поговорку: «Картинка стоит тысячи слов».

Но проблема в том, что наличие большого количества изображений на сайте может снизить производительность. Пользователи предпочитают сайт, который загружается быстро и без проблем. Если скорость вашего сайта низкая, они, вероятно, покинут ваш сайт, не дождавшись полной загрузки. В результате у вас будет отрицательный показатель отказов.

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

Лучшее решение – оптимизировать изображения на WordPress. Оптимизация изображения означает уменьшение размера изображения без ущерба для качества.

Использование оптимизированных изображений в WordPress улучшает SEO и UX. В результате посещаемость вашего сайта увеличивается. В репозитории WordPress есть множество плагинов, которые могут оптимизировать изображения WordPress.

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

Установка плагинов может оставить у вас несколько проблем:

• Установленные плагины могут быть тяжелыми и негативно повлиять на ваш сайт.
• Установленные плагины могут быть несовместимы с вашей активированной темой.
• Некоторые плагины могут изменить внешний вид вашего сайта.

Поэтому существуют онлайн-инструменты, разработанные специально для оптимизации изображений WordPress без плагинов.

Как упоминалось выше, существует множество онлайн-инструментов, предназначенных для оптимизации изображений WordPress без плагинов. Вот одни из лучших.

1. TinyPNG

TinyPNG – один из лучших онлайн-инструментов для оптимизации изображений WordPress без плагинов. Его можно использовать для сжатия изображений PNG и JPEG.

TinyPNG использует систему квантования, чтобы уменьшить количество частиц изображения. Однако это не снизит качество изображения. В результате размер изображения резко уменьшится.

Размер изображения будет уменьшен до 70% без потери качества. TinyPNG также может оптимизировать GIF.

2. Трещина

Kraken.io – один из самых быстрых инструментов оптимизации изображений с уникальным алгоритмом, который помогает сэкономить место и трафик. Ваш сайт будет работать быстрее с оптимизированными изображениями и, в конечном итоге, предоставит пользователям лучший UX. Kraken максимально уменьшает размер без ущерба для его качества.

3. JPEG.io

JPEG.io – еще один инструмент, который вы можете использовать для оптимизации изображений WordPress без плагина. JPEG.io поддерживает популярные форматы изображений, такие как JPEG, PNG, GIF, SVG, BMP, EPS, WEBP, TIFF и даже PSD.

Вы можете использовать функцию перетаскивания, которую он предлагает для загрузки изображений. Кроме того, вы также можете использовать Dropbox и Google Drive в качестве источника ваших изображений. Загруженные изображения будут сжаты без потери размера.

4. Сжать JPEG

Сжатие JPEG – еще один инструмент оптимизации изображений в нашем списке. С помощью этого инструмента вы можете загружать 20 изображений одновременно и оптимизировать их. Как только процесс будет завершен, вы можете загрузить их сразу или по одному.

Помимо сжатия изображений, вы можете изменять их форматы. Например, из PNG в JPG или из SVG в PNG.

5. Compressor.io

Compressor.io – один из самых полезных инструментов для оптимизации изображений WordPress. С Compressor.io вы можете сжимать изображения до 90% и в конечном итоге сократить время загрузки вашего сайта.

Этот инструмент поддерживает форматы GIF, PNG, JPEG и SVG.

Лучшие бесплатные компрессоры изображений для Windows

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

1. Цезиевый компрессор изображений

Установив Cesium, вы можете сжимать изображения до 90% без изменения его качества. Кроме того, вы можете загрузить сразу несколько изображений и сжать их. Изображения можно использовать после завершения процесса. Цезий поддерживает JPEG, PNG и BMP.

Вы можете скачать Cesium Image Compressor с их официального сайта.

2. PNG Gauntlet

PNG Gauntlet – еще один компрессор изображений для Windows. Помимо сжатия изображений, это программное обеспечение может конвертировать другие форматы изображений в PNG. PNG Gauntlet не изменяет качество изображений, а только уменьшает размер.

3. Оптимизатор файлов

С помощью File Optimizer вы можете сжимать изображения различных форматов. Просто используйте функцию перетаскивания, чтобы загрузить изображения в инструмент для их сжатия.

Оптимизатор файлов имеет удобный интерфейс. Однако он удаляет исходное изображение после завершения процесса, и нет возможности вернуть его.

4. Оптимизатор PNG.

Четвертый инструмент в нашем списке – Оптимизатор PNG. Этот инструмент может конвертировать различные форматы в PNG и оптимизирует только файлы PNG. Оптимизатор PNG также работает в Linux. Это также отличный инструмент для оптимизации большого количества изображений, поскольку он очень быстро выполняет свою работу.

5. jStrip

Еще один бесплатный компрессор изображений для Windows – jStrip. jStrip может обрезать и сжимать изображения без изменения их качества.

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

Лучшие бесплатные компрессоры изображений для Mac

Если вы пользователь Mac, не волнуйтесь, мы также выбрали несколько компрессоров изображений для Mac.

1. ImageOptim

Первый инструмент, который мы хотели бы представить, – это ImageOptim. С помощью этого инструмента вы можете оптимизировать изображения WordPress без плагина на Mac.

Использовать ImageOptim очень просто, и вы можете использовать его функцию перетаскивания, чтобы добавлять изображения и просто сжимать их.

Кроме того, ImageOptim может удалять метаданные с изображения. Например, качество камеры, местоположение по GPS и т. д.

2. Сквош.

Squash – еще один компрессор изображений для Mac. Как и большинство инструментов, которые мы упомянули в нашем списке, Squash имеет функцию перетаскивания, которая упрощает весь процесс сжатия изображения. Кроме того, вы можете сжать более одного изображения для сжатия одновременно. Сквош поддерживает JPEG и PNG.

3. Neuxpower

Neuxpower – следующий инструмент в нашем списке. Этот инструмент можно использовать для сжатия изображений JPEG. Кроме того, он доступен как для Windows, так и для Mac. Не только Neuxpower можно использовать для оптимизации изображений для электронных писем.

4. Сжатие оптимизатора изображения

Последний компрессор изображений в нашем списке – сжатие оптимизатора изображений. Этот инструмент может сжимать изображения до 90% без изменения качества.

С его функцией перетаскивания вы можете добавить изображения PNG и JPEG в компрессор и запустить процесс. После завершения сжатия исходный файл будет заменен самостоятельно.

Вывод

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

Источник записи: https://betterstudio.com

TinyPng API. Оптимизация и ресайз изображений

От автора: в данном уроке будет показана работа с API одного из популярнейших сервисов для работы с изображениями – это сервис TinyPNG. Данный сервис позволяет уменьшать, иногда значительно, вес изображений без потери качества. Качественные и легкие изображения важны для SEO-оптимизации любого сайта, а использование API позволит оптимизировать изображения автоматически.

Источник: WebForMySelf

Читайте также

DevOps • linuxhint. com • 11 марта 2021 г. 9:10

Introduction: XAMPP is a cross-platform web server that is designed for testing your web applications based on Apache, MySQL, Perl, and PHP. This webserver was developed by Apache Friends and it has been in use since 2002. Today, we will learn the me…… читать далее

Разработка • techrocks. ru • 10 марта 2021 г. 19:33

Автор разобрал тулсет, который сформировался у них в компании, рассказал, чем он хорош, и объяснил плюсы и минусы его альтернатив. Запись Инструменты системного администратора впервые появилась Techrocks…. читать далее

Разработка • sitepoint.com • 10 марта 2021 г. 19:00

There was a time when the only way to authenticate yourself with an application was by providing your credentials (usually a username or email address and a password) and a session was then used to maintain user state until the user logged out. A lit…… читать далее

Сервис TinyPNG для сжатия фотографий PNG формата

В этом обзоре я хочу познакомить вас с полезным сервисом, который сам давно использую для лучшего сжатия фотографий. Сервис называется TinyPNG. Он мне очень понравился, поэтому я хочу поделиться с теми, кто о нем еще не знает. Некоторые умники скажут: «На кой черт мне сдался этот твой сервис, если я могу спокойно сжать картинку, допустим, в том же Фотошопе?» 

Так вот! Во-первых, скажу, что фотошопом сжимать картинки порой не всегда удобно и не всегда быстро. Во-вторых, большинство людей даже бояться устанавливать эту программу. В принципе, их понять можно! А вот сервисом пользоваться намного быстрее и сподручнее.

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

Это я к чему такое вступление завел? А потому, что одной из главных головных болей любого веб-мастера и блогера — это увеличение скорости загрузки страниц своего детища. Я бы сказал, это своего рода погоня за драгоценные миллисекунды. Разве не смахивает на автогонки? Там в принципе то же самое. Инженеры и механики «колдуют» над своей машиной ради драгоценных секунд времени. Так и у нас. Все время изворачиваемся и ищем альтернативные пути решения. Одной из популярных таких тем является «Замена плагинов на код«. Признавайтесь, у кого такая мысль не крутилась в голове?

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

Особенности сервиса TinyPNG

Итак, прежде чем начать работать с данным сервисом, давайте рассмотрим его преимущества. Чем он так хорош? Для вас я хочу выделить три главные особенности этого замечательного ресурса:

Метод сжатия

Сервис работает только с png форматом. Но по мне, так это не минус. PNG формат очень часто используется. Особенно, если нужно использовать прозрачный фон. Однако, как правило, файлы такого формата весят не мало. Поэтому этот сервис и заточен именно под такой формат файлов. Само сжатие фотографий происходит путем изменения количества бит. То есть идет преобразование 24 битного изображения в 8 битное (уменьшается количество цветов). Вследствие этого существенно изменяется и сам размер файла. Сжать можно более 70% размера файла. Также для оптимизации можно сразу загружать до 20 изображений в один заход и размером не выше 5 Mb. Классно, не правда ли?

Интеграция с Photoshop

Да, вы не ослышались. Теперь данный метод сжатия можно интегрировать в программу Photoshop. Для этого сервис предлагает нам специальный плагин. Однако за такой плагин нужно заплатить. А вы думали, все бесплатно! На данный момент он стоит 40$. Плагин называется TinyPNG Photoshop. Он позволит вам использовать данный метод сжатия прямо в фотошопе.

Интеграция с сайтом

Можно интегрировать сервис к любому сайту. Можно даже и не пользоваться сервисом. Когда вы будете загружать изображения на свой сайт, то они автоматически будут сжиматься. Неплохо, правда! И к тому же нет ограничений в размере загружаемого файла. Однако тут есть другие ограничения. Бесплатно можно конвертировать не более 500 изображений в месяц. Если больше, то нужно уже платить.

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

А вот если взять изображение с большим разрешением, да еще и с многообразным цветовым оформлением (например, какой-то красивый пейзаж) то качество здесь все же немного ухудшиться и различия станут видимыми. Поэтому, если вы хотите сжимать изображения без потери качества, то данный сервис стоит использовать для картинок небольшого разрешения или для скриншотов с малым количеством цветовых элементов (например, какие-то графики, логотипы, иконки и тому подобное).

В принципе для многих сайтов такой сервис подойдет. Как правило, загружаются изображения невысокого разрешения. А если сайт на какую-то обучающую тематику, то там вообще, практически одни обучающие скриншоты. Если и будет какое-то ухудшение в качестве, то это не так страшно. Главное, чтобы картинка была небольшого размера и более понятной для пользователя. Я когда загружаю картинки на свой блог, то сильно не зацикливаюсь на качестве.

Работа с сервисом

Итак, давайте все же, начнем работать с этим сервисом. Заходим на tinypng.com, и оказываемся на главной странице данного сервиса. Сразу в глаза бросается красивая панда. Ну а чуть правее мы видим загрузчик для наших файлов. Также есть небольшая пометка, что одновременно загружать можно не более 20 изображений и не более 5 Mb каждое.

Вот написали вы статью и понаделали скриншотов. Далее, чтобы по одному каждую фотку не дергать, выделяем нужные картинки (не более 20) и просто перетаскиваем в этот загрузчик сервиса.

После этого чуть ниже появится таблица выполнения процесса. Там все наглядно видно. Левее отображаются названия файлов. Далее идет первоначальный размер —> статус процесса (если finished, то нормально) —> размер после сжатия —> кнопка загрузки (download) —> процент сжатия. Как видите, все просто. Вам теперь только остается обратно скачать эти файлы. Вот и вся работа!

Но на самом деле, можно еще больше сжать фотографии. Для этого просто уже сжатые фотки по новой (по второму кругу) загружаем на данный сервис. Конечно, процент сжатия не будет таким высоким, как в первоначальном заходе, но размер все же уменьшиться. Я лично, когда делаю какие-то обучающие скриншоты, то всегда сжимаю одни и те же картинки по нескольку раз (иногда по 10 -20 раз). Так сказать, сжимаю до упора, пока процент сжатия не будет равным нулю.

Конечно, при таком раскладе качество последних обработанных скриншотов будет хуже первоначальных. Но для меня главнее размер. А если качество картинки станет немного хуже, то ничего страшного. Главное, чтобы на фото было все понятно. Ну, чтобы сильно не расплывался текст и графические элементы. В общем, суть работы с таким сервисом вы поняли.

Интеграция с Photoshop

Как я уже говорил, сервис TinyPNG можно интегрировать в программу Adobe Photoshop с помощью специализированного плагина. Таким образом, установив плагин TinyPNG Photoshop, вы прямо в программе можете сжимать и сохранять свои изображения. После установки плагина в программе появится новое меню. С помощью его вы можете просматривать, выбирать и сжимать нужные вам изображения не выходя из программы. Также у вас не будет ограничений на загрузку файлов. Так обычно не более 20 фоток можно загружать, а с плагином без разницы. Хоть сотню за раз можно взять.

Итак, давайте перейдем на страницу плагина. В верхнем меню сайта щелкаем на «Photoshop«.

Далее просматриваем информацию о плагине. Как я уже говорил ранее, получить все на халяву у нас не получиться. Придется заплатить. На данный момент плагин стоит 40 $ — 1 штука. Честно скажу вам, лично мне этот плагин нафиг сдался. Думаю, большинство из вас тоже так думают. Не знаю, кому этот плагин может понадобиться, ведь проще воспользоваться бесплатным сервисом. Ну и что, если стоят какие-то ограничения. Они в принципе не такие уж и страшные. Пережить можно. А отдавать 40 $, так сказать за то, чтобы не делать лишние телодвижения для меня полный абсурд.

Если кому-то уж сильно приспичит этот плагин, то можете его купить. Доступен он для ОС Windows и Mac. Также вам нужно знать, что плагин не будет работать с фотошопом ниже версии CS5. То есть на данный момент он работает с версией CS5, CS6 и CC. Внизу страницы выбираете ОС, с которой вы работаете. После чего ниже нужно заполнить данные. Скажу, что оплата идет только с кредитной карточки (рисунок ниже). Пока других способов у них нету. Также будьте внимательны, что не все версии ОС поддерживаются. Например, для Windows подойдет только версия не ниже семерки.

Итак, после того, как вы приобрели данный плагин, вам его нужно установить в программу Photoshop. Я не буду тут расписывать подробную инструкцию по установке плагина в графический редактор. На самом сервисе есть подробное описание установки (1) для разных операционных систем. Так что почитайте там.

Интеграция с сайтом

Ну и последняя интересная возможность — это интеграция сервиса TinyPNG с вашим сайтом. Как я говорил, воспользовавшись такой возможностью, вы сможете сжимать фотографии налету. То есть когда вы загружаете фотографии на свой сайт или блог, то они будут автоматически сжиматься. Таким образом, вам даже не нужно заходить на сам сервис. Такая полезная функция будет также полезна и тем владельцам сайтам, пользователи которых загружают свои изображения прямо на сам сайт.

Давайте в самом верхнем меню сайта перейдем во вкладку «Developer API«.

Там идет краткое описание. Ниже вам предлагают получить API ключ. В специальной форме вам нужно ввести свой email и имя. После этого нажать «Get your API key«.

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

Также не забывайте, что здесь есть свои ограничения, то есть нам предлагают три тарифных плана:

Бесплатный тариф.

До 500 изображений в месяц. Это более чем предостаточно. Для сравнения за два с лишним года ведения этого блога, я загрузил в него всего лишь 650 фотографий. Так что такое ограничение для большинства блогеров и веб-мастеров вполне нормальное. Также обратите внимание, что нам предлагают неограниченный размер файлов и всего за 0 $ (хорошо, что бесплатно!).

Малый тариф.

Преобразование до 3 500 фотографий в месяц. Размер не ограничен, но уже за 15 $ в месяц.

Большой тариф.

Сжатие до 50 000 картинок. Не знаю, кому такое может понадобиться. Скорее всего, такой большой объем подойдет для крупных порталов или социальных сетей, где пользователи каждый день загружают десятки новых фотографий.

Бывает так, что кто-то из пользователей заранее не позаботиться сжать фотографию. Владельцу сайта это, конечно же, не выгодно, так как расходуется дополнительное место. А автоматическое сжатие такого количества изображений, будет весьма кстати. Размер, конечно же, без ограничений. А вот цена — 100 $ в месяц (вот же стервятники!).

Интеграция TinyPNG с WordPress

Еще один сюрприз. Тем, кто владеет сайтом или блогом на движке WordPress, то вам не нужно мучиться и разбираться с интеграцией. Для вас есть специальные плагины, которые с легкостью помогут вам решить подобную задачу. Что от вас только потребуется, так это установить нужный плагин и вставить свой API ключ для отслеживания количества преобразований картинок. Тарифы здесь такие же, какие я привел выше. Вот какие плагины имеются в наличии:

Compress PNG for WP

Compress PNG for WP — очень хороший плагин. Он прекрасно интегрируется в медиа галерею WordPress. Там вы можете оптимизировать все свои старые изображения в PNG формате. Также плагин может автоматом сжимать новые изображения при их загрузке на сайт. Еще очень хорошим преимуществом является то, что при оптимизации не создаются дублированные изображения. То есть у вас будут те же старые изображения, но уже с другим размером. Дублей никаких не будет.

Инструкция по работе с плагином

• Your Tiny PNG Key — сюда вам нужно ввести свой API ключ. Без него плагин не будет работать.
• Automatically shrink files on upload? — автоматическое сжатие загружаемых фотографий. Галочка должна стоять.
• Which file sizes do you want to shrink? — если у вас используются дубли изображений (например, миниатюрки), то их тоже можно сжимать. Просто отмечаем галочки в нужных пунктах. Если дубли не используются, то все поля оставляем пустыми.

Далее сохраняем настройки. Все, интеграция сайта WordPress с TinyPNG завершена. Теперь при загрузке новых фоток, они у вас будут автоматически сжиматься. Однако, что делать со старыми изображениями? Для этого заходим в «Медиафайлы» —> «Библиотека«. С правой стороны у вас появится новая колонка «Compress PNG for WP«. В ней отображается статус фотографий. Если картинка будет не PNG формата, то будет надпись «Not a png file, Tiny PNG cannot compress«. Здесь ничего не поделаешь. Ну а так, чтобы оптимизировать нужное изображение, нажимаем «Compress now«.

После этого вам будет показан статус. Будет показан коэффициент сжатия, а также оригинальный и текущий размер файла.

Также чтобы по отдельности не оптимизировать каждую фотку, можно просто отметить нужные и в списке действий выбрать «Bulk Compress PNG«. Далее нажимаем «Применить«. После этого сожмутся те фотографии, которые вы выбрали.

К сожалению, по нескольку раз сжимать одно и то же изображение не получиться. Размер не изменяется. Поэтому я предпочитаю пользоваться самим сервисом. Там можно добиться максимального сжатия. Единственно, этот плагин я бы использовал только для сжатия уже старых фотографий, которые я не оптимизировал. Также такой вариант может подойти, если вы сжимаете только один раз или ваши пользователи загружают к вам свои фотографии.

WP TinyPNG

WP TinyPNG — такой же плагин, как и Compress PNG for WP, но с дополнительной возможностью сохранить исходное изображение. По мне, так эта лишняя функция. Зачем забивать свой хостинг лишними дублями изображений? Еще в отличие от предыдущего плагина, этот все же позволяет сжимать одни и те же изображения по нескольку раз. Иногда это очень полезно делать!

Инструкция по работе

• TinyPNG API Key — вводим сюда свой API ключ. Там ниже есть ссылка на запрос получения ключа.
• Keep original File — сохранять ли исходный файл с оригинальным размером. Рекомендую не включать эту опцию, дабы не плодить лишние дубли изображений и не забивать этим мусором свой сервер.
• Compress children (thumbnails) — сжатие дублированных изображений. Если они у вас используются, то отмечаем данный пункт.
• Enable debug processing — включение процесса отладки. Если при установке у вас возникли некоторые проблемы с этим плагином, то можете отметить этот пункт. Так плагин может выявить причины различных ошибок.

Теперь сохраняем все изменения. Скажу, что этот плагин, как и предыдущий интегрируется в медиа галерею WordPress. Когда вы зайдете в библиотеку медиа файлов, то вам тоже будет доступен новый столбик только уже с названием «PNG Compression«. В нем можно сжать каждое изображение по отдельности. Однако заметьте, в этой библиотеке нельзя выбрать сразу несколько изображений для сжатия. Чтобы такое реализовать, плагин создает дополнительную вкладку. Заходим в «Медиафайлы» —> «PNG Compression«. Там как мы видим, плагин сам формирует удобную для нас библиотеку. Вверху мы видим главные кнопки:

• Select All — отметить все изображения;
• Select None — убрать выделение;
• Select Compressed — выбрать сжатые картинки;
• Select Uncompressed — выбрать несжатые фотографии.

Чуть ниже вы увидите, что плагин собрал все изображения только png формата. Дабы не запутаться, лишние фотки других форматов выводиться не будут. В общем, зашли вы в эту библиотеку. Дальше вы просто одним щелчком выбираете все несжатые фотографии и нажимаете на кнопку «Compress Images«. Дальше плагин начнет сжимать фотографии и после этого покажет вам итог работы. Вернувшись назад, вы увидите, что оптимизированные изображения выделены уже зеленым цветом.

Что еще здесь можно сделать? Можно сделать повторную процедуру для уже сжатых картинок. Для этого вы просто одним щелчком выбираете уже оптимизированные фото. После спускаетесь ниже, ставите галочку для повторного сжатия (4) и нажимаете на кнопку «Compress Images«.

Также заметьте, если вы в опциях плагина поставили галочку на Keep original File (сохранять оригинальное изображение), то с помощью кнопки «Revert to Backup» вы можете восстановить оригинал. Это своего рода бэкап фотографий. Но, даже не смотря на это, я бы не стал сохранять оригинальные размеры, дабы не загромождать дисковое пространство на хостинге.

TinyPNG for WordPress

TinyPNG for WordPress — еще один плагин для сжатия изображений на сайте WordPress. Однако он хуже предыдущих, так как здесь нет интеграции с галереей. То есть оптимизировать старые изображения уже не получиться. Также он позволяет загружать только до 5 изображений одновременно. Сам плагин все оптимизированные изображения хранит в отдельной папке «TinyPNG«. Это не совсем удобно.

Инструкция по работе

Однако заметьте, что все фотографии стоит загружать только через опцию этого плагина иначе оптимизации не будет. Согласитесь, не очень-то и удобно.

Вот такие вот плагины, которые можно использовать для интеграции сервиса TinyPNG с сайтом на CMS WordPress. В принципе неплохо! Даже можно сжать старые фотографии. Так очень удобно. Не нужно по десять раз загружать фотографии. Достаточно просто в медиа галереи выбрать нужные картинки и их оптимизировать. Может даже кому-то понадобиться сжимать изображения налету. Но лично я так не делаю, так как сжимаю изображения в самом сервисе. Привык я к нему!

Заключение

Некоторые говорят, что для увеличения скорости загрузки сайта нужно сжимать фотографии в статьях. Однако почему-то многие забывают про фотографии, которые установлены в самой теме сайта. Как правило, там тоже картинки в PNG формате и весят они не слабо. Это тоже влияет на скорость загрузки. Поэтому такую графику тоже нужно сжимать. Для WordPress эти фото находятся по такому пути: wp-content/themes/название темы/images. Сжав там изображения, вы облегчите свою тему и уменьшите время загрузки сайта. К примеру, моя тема весила 550 Kb. После оптимизации фотографий вес составлял 220 Kb. Одним таким способом мне удалось увеличить скорость загрузки блога на 1 — 1,5 секунды.

Ну а теперь можно закончить обзор сервиса TinyPNG. Добавляйте этот сайт к себе в закладки и используйте для сжатия своих фотографий png формата. Скажу, что этот сервис сжимает фотографии получше, чем программа Adobe Photoshop. То есть качество выходной картинки существенно отличается. В фотошопе она будет немножко хуже. Поэтому, примите к сведению этот момент. Лично я использую этот сервис, но без всяких плагинов. Для моих нужд этого вполне достаточно! А для ваших? В общем, изучайте и внедряйте!

Еще сервисы для работы с графикой:

• если вы часто работаете с графикой для сайтов, то вам может пригодиться обычный генератор палитр изображений. Сервис называется bighugelabs. Помимо палитр, ресурс специально для верстальщиков автоматом генерирует еще и CSS стили.
• также хочу посоветовать вам сервис для конвертации файлов. Ресурс Zamzar предоставляет большой выбор форматов для конвертации.

TinyPNG — сжатие изображений PNG с сохранением прозрачности

Что делает TinyPNG?

TinyPNG использует интеллектуальные методы сжатия с потерями, чтобы на уменьшить размер файла на PNG. За счет выборочного уменьшения количества цветов в изображении для хранения данных требуется меньше байтов. Эффект почти незаметен, но он очень сильно влияет на размер файла!

Почему мне следует использовать TinyPNG?

PNG полезен, потому что это единственный широко поддерживаемый формат, который может частично хранить прозрачных изображений .Формат использует сжатие, но файлы могут быть большими. Используйте TinyPNG для сжатия изображений для ваших приложений и сайтов. Он будет использовать меньшую полосу пропускания и будет загружаться быстрее .

Кто-нибудь может отличить?

Отличный вопрос! Позвольте мне провести параллельное сравнение. Ниже представлены две фотографии моего двоюродного брата. Левое изображение сохраняется как 24-битный PNG прямо из Adobe Photoshop. Справа то же изображение, обработанное TinyPNG. Заметили разницу?

Как это работает?

Отличный вопрос! Когда вы загружаете файл PNG (переносимая сетевая графика), похожие цвета в вашем изображении объединяются.Этот метод называется «квантованием». Уменьшая количество цветов, 24-битные файлы PNG можно преобразовать в гораздо меньшие 8-битные цветные изображения с индексом. Также удаляются все ненужные метаданные. В результате лучше файлы PNG с 100% поддержкой прозрачности . Ешьте свой торт и ешьте его тоже!

На изображении выше размер файла уменьшен на более чем на 70% . У меня отличное зрение, но я тоже не вижу разницы! Используйте оптимизированное изображение, чтобы сэкономить трафик и время загрузки, и посетители вашего сайта будут вам благодарны.

Везде ли поддерживается?

Отличный вопрос! Файлы, созданные TinyPNG, отлично отображаются во всех современных браузерах , включая мобильные устройства . По-прежнему требуется поддержка Internet Explorer 6? Обычно он игнорирует прозрачность PNG и отображает сплошной цвет фона. С TinyPNG фон снова становится прозрачным. Бинарная прозрачность без обходных путей!

Безопасно ли использовать анимированный PNG?

Отличный вопрос! Chrome, Firefox и Safari поддерживают APNG.Только Microsoft Edge пока не поддерживает формат. Если у вас есть браузер Edge, вы можете проголосовать за поддержку APNG на сайте отзывов разработчиков Microsoft.

Apple добавила анимированные стикеры в iMessage с выпуском iOS 10. Если вы хотите создавать и сжимать стикеры размером менее 500 КБ, взгляните на пример стикера iMessage Panda на Github.

А как насчет фотошопа?

Отличный вопрос! Только Photoshop CC 2015, 2017 и 2018 может сохранять изображения как проиндексированные файлы PNG с альфа-прозрачностью.В других версиях это невозможно, и Photoshop CS5 даже не может правильно их отображать.

Вы можете использовать Сохранить для Интернета , чтобы экспортировать изображения в виде 24-битных прозрачных файлов PNG и загрузить их в TinyPNG. Мы преобразуем их в крошечные проиндексированные файлы PNG. Вы также можете установить плагин TinyPNG Photoshop. Он позволяет масштабировать, просматривать и сохранять сжатые изображения PNG и JPEG прямо из Photoshop.

Почему вы создали TinyPNG?

TinyPNG — Developer API

Начало работы

После получения ключа вы можете сразу же приступить к сжатию изображений.Официальные клиентские библиотеки доступны для Ruby, PHP, Node.js, Python, Java и .NET. Вы также можете использовать плагин WordPress для сжатия изображений JPEG и PNG. А если у вас есть магазин Magento, вы можете просто установить расширения для Magento 1 CE, Magento 1 EE или Magento 2 CE, чтобы оптимизировать изображения продуктов.

Сообщество также создало большое количество сторонних надстроек, использующих Developer API.

Вы также можете создать свою собственную интеграцию с любым клиентом HTTP (S).Сервер сожмет ваше изображение и ответит URL-адресом, по которому вы можете получить результат.

 curl --user api:  ВАШ_API_KEY  \
      --data-binary @  unoptimized.png  -i https://api.tinify.com/shrink
 

Функции

Одинаковый API для изображений JPEG и PNG

API сжимает изображения JPEG и PNG. Вам нужно только загрузить исходное изображение и загрузить результат. Все остальное происходит автоматически .

Загрузить напрямую или предоставить URL-адрес изображения

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

Сохранить метаданные

Вы можете выбрать сохранение информации об авторских правах , GPS-местоположения и даты создания в сжатых изображениях JPEG. Для изображений PNG может быть сохранена информация об авторских правах.

Amazon S3 и Google Cloud Storage

Вы можете указать API для сохранения оптимизированных изображений непосредственно в ваших сегментах Amazon S3 или Google Cloud Storage . При этом вы также можете установить собственные заголовки Cache-Control и Expires.

Идеальное изменение размера изображения

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

Обнаружение интересующей области

Воспользуйтесь преимуществом интеллектуальной обрезки для создания эскизов с различными пропорциями . API изменит размер ваших изображений и обрежет наименее интересные визуально части.

Обнаружение вырезанного изображения

Мы добавили новый алгоритм для обнаружения отдельно стоящих объектов на простом фоне. API добавит фоновое пространство или удалит лишние области при изменении соотношения сторон. Таким образом, объект на вашем изображении останется свободно стоящим и не будет обрезаться по краям при изменении размера.

TinyPNG — Поддержка плагина Photoshop

Это раздел поддержки TinyPNG и TinyJPG Photoshop плагин с инструкциями по установке, дополнительной помощью, советами и ухищрения.Вы также всегда можете скачать ваш плагин , лицензия и счет-фактура еще раз.

Инструкции по установке Mac

Установка плагина на macOS довольно просто. Страница загрузки предлагает вам два файла. Один файл содержит плагин, а другой файл — вашу лицензию. Ты сможешь необходимо скопировать оба файла в папку плагинов Photoshop, как показано ниже.

1. Вы получите ссылку на страницу загрузки по электронной почте. Загрузите двух файлов.

2. Откройте Finder и перейдите к установке Adobe Photoshop. папка. Папка по умолчанию — Macintosh. HD / Applications / Adobe Photoshop … Здесь вы найдете папку под названием Plug-ins .

3. Откройте второе окно Finder и перейдите в папку «Загрузки». Выбирать как TinyPNG-JPG.license , так и TinyPNG-JPG.plugin и перетащите эти два файла в папку Плагины папка.

Плагин установлен.

Использование плагина на Mac

После того, как вы установили плагин, вы можете начать использовать его для сохранения сжатые файлы JPEG и PNG с помощью Adobe Photoshop.

1. Перезапустите Photoshop и откройте файл изображения . Проверять чтобы убедиться, что он установлен в режим RGB, CMYK, lab или градации серого.

2. В меню файла щелкните Файл> Экспорт> TinyPNG и TinyJPG … 900 24.

   Заметили сочетание клавиш на скриншоте? Продолжайте читать, если вы хотите использовать плагин как профессионал!

3. Появится диалоговое окно плагина с предварительным просмотром ваше сжатое изображение PNG.Вы можете ввести в файл имя и при желании изменить масштаб изображения или расположение папки. Нажмите Сохранить , и все готово!

Инструкции по установке для Windows

На странице загрузки предлагается установщик Windows и файл лицензии. Ты потребуется запустить установщик, а затем вручную скопировать файл лицензии в папку плагинов Photoshop, как показано ниже.

1. После покупки плагина вы получите ссылку на страницу загрузки.Здесь можно скачать как установщик и файл лицензии.

2. Теперь запустите установщик. Это скопирует плагин в ваш Photoshop CS5, CS6, CC, CC 2014, CC 2015, CC 2017, CC 2018, Программные папки CC 2019 или CC 2020.

   Если вы используете антивирусный сканер, например Avast Business Antivirus или AVG AntiVirus и возникли проблемы с установкой, вам может потребоваться временно отключить это.

3. Используйте Explorer, чтобы скопировать TinyPNG-JPG.файл лицензии из Загрузите папку в папку с плагинами Photoshop. Папка плагина обычно находится в C: \ Program Files \ Adobe \ Adobe Photoshop … \ Plug-ins .

   Если вы используете 64-битную версию Windows, вам может потребоваться скопировать файл лицензии дважды . Photoshop обычно находится в программные файлы и программные файлы (x86) .

Плагин установлен.

Использование плагина в Windows

После того, как вы установили плагин, вы можете начать использовать его для сохранения сжатые файлы PNG с помощью Adobe Photoshop.

1. Перезапустите Photoshop и откройте файл изображения . Проверять чтобы убедиться, что он установлен в режим RGB, CMYK, lab или градации серого.

2. В меню файла щелкните Файл> Экспорт> TinyPNG и TinyJPG … 900 24.

   Заметили сочетание клавиш на скриншоте? Продолжайте читать, если вы хотите использовать плагин как профессионал!

3. Появится диалоговое окно плагина с предварительным просмотром ваше сжатое изображение PNG.Вы можете ввести в файл имя и при желании изменить масштаб изображения или расположение папки. Нажмите Сохранить , и все готово!

Советы и приемы

Ниже вы найдете несколько советов и приемов, которые могут пригодиться при использовании плагина.

• Вы можете сохранить часть изображения, создав выборов . Используйте инструмент Marquee Tool , чтобы создайте выделение и выберите File> Export> TinyPNG и TinyJPG .Окно предварительного просмотра теперь покажет это выделение и скажет Экспорт выделения в дно. Нажмите Сохранить , и ваш выбор будет сохранен.

• Вы также можете сохранить часть изображения, используя ломтиков . Используйте инструмент Slice Tool , чтобы создать ломтик. Текущий выбранный фрагмент будет обозначен значком желтая граница. При желании дайте вашему фрагменту собственное имя, выбрав щелкнув правой кнопкой мыши и выбрав Edit Slice Options … . В имя настраиваемого фрагмента будет использоваться для имени файла вместо имя изображения.Затем выберите File> Export> TinyPNG и Кириллович . В окне предварительного просмотра теперь будет отображаться пользовательский фрагмент. и внизу будет указано Экспорт среза .

• В Photoshop вы можете добавить сочетание клавиш в плагин. Для этого выберите Edit> Keyboard. Ярлыки … 900 24. Перейдите в меню приложения > Файл> Экспорт> TinyPNG и TinyJPG … и нажмите любимую клавишу комбинация. Например, вы можете нажать ⌘ + ⇧ + P.Photoshop предупредит вас, если комбинация уже занята.

• Вам не нужно беспокоиться о цветовых профилях . Изображения автоматически конвертируются в sRGB для максимальной совместимость между браузерами и устройствами.

• Вы можете использовать сценарий Photoshop для управления плагин с JavaScript, VBScript или AppleScript. Это очень удобен для работы с изображениями. Используя эту технику мы создали примеры скриптов которые сжимают файлы JPEG и PNG и пример экспорта Слой Comps для оптимизированных изображений.Вы можете скачать скрипты и скопируйте их в папку «Сценарии» в Photoshop. Новое меню элементы появятся в Файл> Автоматизировать и в Файл> Скрипты после копирования скриптов в Photoshop.

• Плагин поддерживает пакетную автоматизацию . Ты первый нужно будет создать экшен Photoshop, использующий плагин. При создании действия обязательно оставьте предложенный файл название без изменений. Затем вы можете выбрать File> Automate> Партия… . В появившемся диалоговом окне вы можете выберите вновь созданное действие из раскрывающегося списка. Под Source вы можете выбрать папку со всеми изображениями вы хотите сжать. Пункт назначения должен быть установлен на Нет , потому что плагин сохраняет JPEG и PNG файлы в свою папку. Вы можете изменить эту папку в панель действий. Дважды щелкните по нему, чтобы выбрать другой пункт назначения.

• MacOS поддерживает табуляцию через диалоги , но это по умолчанию выключен.Вы можете включить его в Системе Настройки . Перейдите к Keyboard и нажмите на Ярлыки . Выберите радиокнопку Все элементы управления показаны внизу. После включения вы можете вкладывать через диалоговое окно предварительного просмотра и с помощью пробела нажмите кнопки. Полный доступ с клавиатуры также можно активировать с помощью клавиши комбинация Ctrl + Fn + F7.

• Плагин поддерживает RGB, CMYK, лабораторный и оттенки серого изображений. Есть несколько форматов изображений, плагин не поддерживает.Это многоканальные, двухтональные и индексированные файлы изображений. Пункт меню TinyPNG и TinyJPG будет недоступны для этих изображений. Если вы хотите экспортировать это изображение форматы с плагином, вы можете сначала выбрать Image> Mode> Цвет RGB и пункт меню TinyPNG и TinyJPG будут снова активен.

• Поддерживаются артборды Photoshop . Первый выбор любой артборд или слой внутри артборда в вашем Layers панель. Затем выберите File> Export> TinyPNG. и TinyJPG , чтобы открыть окно предварительного просмотра и сохранить выбранный артборд.

• Плагин сжимает изображения в автономном режиме , на вашем собственный компьютер. Никакая информация о вашем использовании не передается и нет требуется подключение к Интернету.

Известные ограничения

• Меню Экспорт может быть затенено . К исправьте это, вам нужно будет изменить цветовой режим изображения, выбор Изображение> Режим> Цвет RGB и Изображение> Режим > 8 бит / канал . После внесения этих изменений вы должны быть возможность экспортировать изображение с помощью плагина.

• Оптимизация изображений JPEG с помощью плагина может результат — немного больший выход , чем с веб-сервис и API. Причина, по которой это может произойти, заключается в том, что в Photoshop доступны только данные необработанного изображения , тогда как веб-сервис и API также знают предыдущий JPEG уровень сжатия.

О покупке

• Ваша лицензия действительна для одного компьютера используется многими людьми, или несколько компьютеров используются one человек .Многопользовательские лицензии действительны для несколько компьютеров или несколько пользователи .

• Вы можете получить дополнительные лицензии с тем же Адрес электронной почты. Просто купите их одну за другой на странице плагина. Будут показаны все плагины на странице загрузки вместе с датой покупки.

• В случае проблем с при покупке отправьте нам сообщение. Если вы можете, укажите адрес электронной почты и последние четыре цифры кредита номер карты, которую вы использовали для покупки.Это помогает нам найти ваш заказать легко.

• Вы можете загрузить счет вашей покупки на страницу загрузки плагина. Вы можете следовать этим инструкциям для macOS или Окна чтобы сохранить его как PDF .

Загрузить еще раз

Ищу плагин , , лицензия или счет-фактура ? Перейти к вашей панель управления, чтобы просмотреть или загрузить их снова.

Системные требования

Плагин предназначен для Photoshop CS5, CS6, CC, CC 2014, CC 2015, CC 2017, CC 2018, CC 2019 и CC 2020.

Плагин Mac совместим с OS X 10.9 (Mavericks), OS X 10.10 (Йосемити), OS X 10.11 (El Capitan), macOS 10.12 (Sierra), macOS 10.13 (High Sierra), macOS 10.14 (Mojave), macOS 10.15 (Catalina) и macOS 11 (Big Sur). Если вы не уверены, какая версия macOS вы бежите, вы легко это узнаете. Щелкните значок Apple в верхнем левом углу экрана и выберите Об этом Mac . А появится диалоговое окно с номером версии macOS посередине. если ты используете Photoshop CS5, убедитесь, что вы запустить CS5 в 64-битном режиме что по умолчанию.

Плагин для Windows совместим с 32- и 64-разрядными версиями. версии фотошопа. Он поддерживает Windows 7, Windows 8, Windows 8.1 и Windows 10. Если вы не уверены, какая версия Windows, которую вы используете, вы можете щелкнуть правой кнопкой мыши Компьютер и затем на Properties . В появившемся диалоговом окне версия Windows, которую вы установили.

Инструкции для реселлеров

Подключаемый модуль Photoshop можно получить с помощью программного обеспечения реселлеров .Если вы являетесь торговым посредником, прочтите следующее инструкции.

Цены, расходы на обслуживание и поддержку

Цена у посредника на плагин Photoshop такая же, как и цена для постоянных клиентов. Специальных скидок для реселлеров нет, договоренности с предпочтительными поставщиками или эксклюзивные контракты с торговыми посредниками. Лучшая поддержка включена в стоимость плагина и там нет обязательных затрат на обслуживание. Клиенты и реселлеры имеют гарантия возврата денег, если товар неудовлетворителен.Нет предложения со скидкой, но иногда мы раздаем скидку, когда компания покупает сразу много плагинов. Например, если реселлер заказывает 20 плагинов, мы можем раздать 1 или 2 плагина бесплатно.

Порядок оплаты

Поддерживаются платежи по кредитным картам и PayPal. Торговые посредники могут использовать та же форма заказа для покупки постоянным клиентам.

Форма заказа запрашивает Личная информация . Здесь Торговый посредник может указать название своей компании-посредника и адрес электронной почты.Квитанция об оплате и счет будут отправлены на этот адрес. Реселлерам из Европейского Союза также необходимо указать свои Номер НДС. Под Реквизиты для оплаты кредитная карта информация может быть заполнена или опция оплаты через PayPal может быть выбрал.

В качестве альтернативы мы можем обработать заказ вручную, не используя форма заказа. Торговому посреднику необходимо будет отправить свой заказ на покупку. включая количество плагинов, операционную систему, имя конечного пользователя, адрес электронной почты конечного пользователя, номер кредитной карты, срок действия кредитной карты и номер CVC.Затем мы сможем обработать платеж по кредитной карте на от имени торгового посредника.

Отгрузка и доставка

Торгового посредника просят указать имя и адрес электронной почты конечный пользователь. После покупки ПО и лицензия будут передаются и отправляются в электронном виде конечному пользователю. Это ручной шаг в процессе.

Конечному пользователю будет предоставлен доступ к загрузке на Панель управления Photoshop. Здесь они могут скачать программное обеспечение и лицензию. Он также показывает установку инструкции и позволяет загружать незначительные обновления программного обеспечения в будущее.Программное обеспечение может быть отправлено напрямую по почте, если конечные пользователи трудности с доступом к приборной панели.

Торговый посредник может загрузить счет и просмотреть все предыдущие покупки по их счетам-фактурам приборная панель.

Будущие обновления подключаемых модулей

Мы постоянно улучшаем подключаемый модуль и логика сжатия. Эти обновления доступны бесплатно по адресу страницу загрузки.

Дополнительная помощь и поддержка

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

The Ultimate Speed ​​Showdown [Инструменты сжатия изображений]

Знаешь, что отстой? Медленно загружающийся веб-сайт. Знаешь, что делает это еще хуже? Когда вы знаете, что , вы теряете органический трафик и конверсии, потому что посетители сайта становятся нетерпеливыми.

Да, и просто чтобы пнуть вас, пока вы не работаете, Google наказывает вас за медленный веб-сайт.

В этой истории нет черепах и зайцев. Медленный сайт подрывает ваш рейтинг в поиске и доход, потому что люди переходят с сайтов, которые не загружаются (или плохо спроектированы, tbh). Знакомо, Internet Explorer?

Источник

Одна из наиболее частых причин, по которой веб-сайт может загружаться бесконечно: владелец использует огромные файлы изображений. Другими словами, они находят изображение в Интернете (или на своем Nikon) и загружают его прямо в свой блог или веб-сайт.Если это процесс вашего клиента, у меня есть два слова для них: сжатие изображений .

Сжатие изображений очень просто и может значительно повысить скорость загрузки вашего сайта. Если вы еще не продвинулись так далеко и все еще обсуждаете, создавать ли свой сайт на Squarespace или WordPress, мы разбили различия здесь .

В этой статье мы сравним ShortPixel и TinyPNG, два популярных инструмента / плагина WordPress для сжатия огромных изображений в быстро загружаемые, маленькие (но все же звездные) фотографии.

Они заставляют сайты загружаться быстрее, что делает Google более счастливым, а клиенты с большей вероятностью совершат покупку.

Итак, в чем разница между этими двумя инструментами? Давай выясним!

[ Хотите проверить скорость загрузки страницы? Попробуйте Google PageSpeed ​​Insights или GTmetrix . ]

ShortPixel против TinyPNG: мой эксперимент с инструментами сжатия изображений

Чтобы начать это сравнение инструментов, я начал с действительно простого теста: я загрузил десять высококачественных, вызывающих чувство голода фотографий тако с Unsplash и использовал бесплатные версии TinyPNG и ShortPixel для массового сжатия файлов JPEG.Вот изображения:

Эти огромные файлы, вероятно, из тех вещей, которые ваши клиенты просто любят размещать на своих сайтах. Подожди одну секунду, Дебора.

Я перетащил все десять фотографий в онлайн-механизмы сжатия ShortPixel и TinyPNG, чтобы сравнить бесплатные функции обоих. Вот что я узнал: