tinypng

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

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

И сегодня хочу поделиться с вами своей находкой.

Речь пойдет о сервисе TinyPNG - он довольно популярен, и, возможно, вы его уже используете. Я им пользуюсь, в основном, для оптимизации изображений для леднингов. Это раньше подписные странички включали в себя одну картинку с изображением подарка и форму подписки. Современные страницы захвата, как правило, включают в себя и большие фоновые изображения, и качественную графику. И когда уже сайт практически готов, понимаешь. что желательно бы все это как-то уменьшить, но чтобы это было не сильно затратно по времени.

Сайт TinyPNG - это просто иделаьное решение. Ведь с его помощью можно оптимизировать сразу до 20  изображений. Например, я выделяю в папке картинки, которые мне предстоит загрузить на хостинг, и перетаскиваю наверх, где изображение стрелки.

tinypng2

Обработка изображений происходит очень быстро, и я сразу вижу результат:

tinypng3

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

tinypng4

Чтобы нагляднее продемонстрировать возможности этого способа оптимизации изображений сделала скриншоты папки до и после (я разазхивировала скачанную папку):

оптимизация изображений

ДО ОПТИМИЗАЦИИ

оптимизация изображений

ПОСЛЕ ОПТИМИЗАЦИИ

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

Но вот на днях захотелось мне заняться оптимизацией  изображений на блоге. Ведь все изображения находятся в одной папке wp-content - uploads. И там они разложены по годам и месяцам. Можно скачать папки и прогнать их через сервис. Однако, есть гораздо более простое решение, о котором я узнала недавно, и хочу поделиться с вами.

Весь процесс можно оптимизировать, установив нужный плагин, чтобы интегрировать свой блог на вордпресс с онлайн-сервисом TinyPNG. Переходим в Консоль - Плагины - Установить новый  и в строке поиска вводим название плагина"Compress JPEG & PNG images":

compress-jpeg-png-images

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

compress-jpeg-png-images2

После этого я пошла в почту, указанную при регистрации и нашла письмо для активации записи:

compress-jpeg-png-images3

compress-jpeg-png-images4

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

compress-jpeg-png-images6

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

Таких плагинов, на самом деле, очень много. Поделитесь в комментариях, какими пользуетесь вы.

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

6 комментариев: Оптимизация изображений для сайта и блога c помощью TinyPNG

Страница 1 из 11
  • Grigoriy говорит:

    Здравствуйте, Людмила!
    Приходится оптимизировать, конечно. Но обычно я это делаю в фотошоп.
    Кстати, сохраним один из скриншотов Вашей статьи себе на компьютер,
    посмотрел — 30-40 кб. Такой вес, примерно и у меня. Бывает и меньше.
    За исключением тех, которые загружаю через миниатюру записи.
    Это обычно основной и весит 50-60 кб. но и размер его побольше в пикселях.
    Да, была статья о переходе на HTTPS, что-то не вижу результата.
    А у меня по-поводу этого был вопрос. Ну да ладно. Удачи.

    • Людмила говорит:

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

  • сергей говорит:

    Добрый день Людмила! Хочу сказать без обманов я не доделал такой хороший сайт и блог Евгения Попова который мне давно продал и всё из за финансов. У меня только пенсия которая составляет 8500 руб но я буду делать этот сайт он новый и дорогой. С уважением Сергей!

    • Людмила говорит:

      Здравствуйте, Сергей, а какие вложения еще нужны, чтобы его доделать? Насколько я поняла, вы купили шаблон, и теперь его надо установить и заниматься наполнением контента? Единственные расходы — это оплата домена и хостинга — домен 100 р в год, и хостинг 100 р в месяц — это мелочи, главное начать делать. По поводу пенсии — у наших пенсионеров (в Донецке) пенсии в 3 раза меньше вашей, например, у моей мамы 2400, а цены выше, чем в Ростовской области — и на вещи. и на продукты, и на технику. Не знаю, какие у вас цены, но наши пенсионеры были бы просто счастливы, если бы им дали такие пенсии, ведь после оплаты за комуслуги, остаются копейки, но мы отчаиваемся, мы просто хотим мирной жизни.Так что развивайте свой сайт, он может стать для вас со временем источником дополнительного дохода. Если будет нужна помощь, обращайтесь.

  • Лариса говорит:

    Людмила, благодарю за полезный материал! Это намного упрощает и экономит время! Так как я использую в создании видео массу картинок, то рендеринг иногда может давать сбой или занимать несколько часов. Облегченные картинки программа «кушает» с большим удовольствием. Спасибо огромное!

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Авторизация на сайте
Магазин
katalog
КАК УБЕРЕЧЬ СВОЙ КОМПЬЮТЕР ОТ ВНЕЗАПНОЙ СМЕРТИ
plus_i_minus4
turbobanner220
Как спасти от краха свой онлайн бизнес
Подпишись на новости сайта: