Оптимизация изображений для сайта онлайн

Оптимизация изображений для сайта онлайн Технические моменты

Здравствуйте, уважаемые читатели. Тема сегодняшней статьи «Оптимизация изображений для сайта онлайн».

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

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

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

На скриншоте ниже я отметил два параметра на которые стоит обращать внимание:

Оптимизация изображений для сайта онлайн

  1. Разрешение — это размер по вертикали и горизонтали;
  2. Размер — 1,35 мб означает «вес». То есть количество занимаемой памяти на жестком диске или на хостинге.

Эти два параметра связаны. Как правило, чем больше разрешение, тем больше вести картинка.

Именно второй параметр влияет на скорость загрузки изображений на ваших сайтах.

Оптимизация изображений для сайта онлайн

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

Давайте рассмотрим два бесплатных online-сервиса для оптимизации изображений.

Сервис Tinypng

Первый сервис tinypng и его клон tinyjpg.

Оптимизация изображений для сайта онлайн

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

За одни раз можно оптимизировать до 20 картинок с весом не более 5 мб каждое.

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

Сервис Kraken.io

Данный сервис имеет ограничение на бесплатном тарифе — не больше 1 мб на каждый файл.

Сервис оптимизации изображений Kraken

При этом он способен работать не только с PNG и JPG, но с таким типом файлов как SVG.

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

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

С помощью этих сервисов вы можете очень быстро привести свои изображения «в порядок».

Навык работы с графикой, является одним из основных, который должен быть в арсенале интернет-предпринимателя. Оптимизация изображений — это только одна из множества составляющих данного навыка.

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

Кстати, оптимизация изображений может быть критически важным критерием при оформлении электронных рассылок. О том как оформлять рассылки вы можете узнать в практикуме «Оформление e-mail своими руками«.  Подробности здесь >>>



Оцените статью
( Пока оценок нет )
Поделиться с друзьями
Владимир Фирсов
Добавить комментарий

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

  1. Геннадий

    Спасибо! Меня временами занимал этот вопрос- как быть, если изображение, прикрепляемое к тексту, слишком объёмное. Всё не доходили руки поискать ответ. А тут очень кстати ваша статья, теперь буду знать.

    Ответить
    1. Владимир Фирсов автор

      Пожалуйста

      Ответить
  2. Валентина

    нет пока не использовала

    Ответить
  3. валерий

    Благодарю за своевременную информацию, как раз задумывался над этим вопросом. И еще: вот цитата одного моего собеседника по переписке в VK «Извини, Валерий, но и сюда эта срань из ОК пробралась…видео-картиночное общение!?» Как вы относитесь к такому формату общения, когда текст заменяется картинкой со смысловым содержанием?

    Ответить
    1. Владимир Фирсов автор

      Я рассматриваю любое движение «Вконтакте» как возможность для работы.

      Ответить
  4. Наталья

    Спасибо, Владимир!
    Беру первый сервис на вооружение. Раньше пробовала уменьшить вес фото
    с помощью FastStone Image Viewer. Это было довольно хлопотно.

    Ответить
  5. Виктор

    Лично я для таких целей использую программу Riot

    Ответить
  6. Виталий

    Спасибо Владимир,у Вас как всегда полезные и нужные советы.

    Ответить
  7. Ирина

    Картинки оптимизирую, использую для этого редактор https://crello.com, inettools.net, редко фотошоп. Спасибо Владимир за информацию.

    Ответить
    1. Владимир Фирсов автор

      В crello есть оптимизатор?

      Ответить
  8. Борис

    Давно интересуюсь подобными сервисами, хотя бы для того, чтобы освободить место на диске.

    Ответить
  9. alexbeglov1989

    Еще достаточно важный пункт по SEO — это оптимизация и сжатие картинок на сайте. Вот интересная статья на эту тему: https://optipic.io/ru/blog/seo-optimizatsiya-izobrageniy/

    Ответить
  10. Александр

    Пока не использовал, но сайт на движке WordPress, установлю дополнительно плагин и буду пользоваться, спасибо за подсказку!

    Ответить
  11. Людмила

    Владимир, спасибо! Вы всегда даете полезную информацию и, как всегда, коротко и понятно.

    Ответить
  12. Валерий

    Несколько лет пользовался TinyPNG, но сейчас предпочитаю compressor.io. Работает с JPEG, PNG, SVG, GIF and WEBP.

    Ответить
  13. Альберт

    Если у вас сайт на Вордпресс, то достаточно установить вот этот плагин EWWW Image Optimizer.  Этот плагин все сделает сам, без вашего участия

    Ответить
  14. Анна

    Спасибо Владимир все очень интересно

    Ответить