Как СВЯЗАНО всё в этом мире,
Творим мы жизнь свою, словно узоров ВЯЗЬ...

Как я оптимизирую картинки для блога

Как я оптимизирую картинки для блога

Приветствую вас, друзья!

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

А потом подумала, что раз я веду свой блог – значит я блогер. А если я блогер, то ничто блогерское мне не чуждо. Авось и моя инфа кому-нибудь пригодится. Или кто-то меня натолкнёт на что-то дельное.

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

Фото, которые я делаю для мастер-классов своим цифровым фотоаппаратом, изначально весят больше 2 МБ. Представляете, сколько бы весила одна такая статья, и на сколько бы хватило моего дискового пространства на хостинге, если бы я не проделывала определённые манипуляции со своими изображениями?

карт12-н

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

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

Пользуюсь одним бесплатным веб-редактором фотографий онлайн, с помощью которого можно не только изменять размер, но и всячески редактировать изображения. Недостатки: нужен интернет, и сервис иногда глючит, но, к счастью, это бывает ОЧЕНЬ редко.

А теперь о том, как пользоваться этим редактором. Заходим по адресу: https://pixlr.com/editor/

Выбираем в меню «Загрузить изображение с компьютера» и выбираем из своих папок картинку, которую хотите редактировать.

карт1

Тут же, по ходу дела, её можно обрезать, если нужно. Для этого кликаем на первую иконку в виде квадратика в левом верхнем углу:

карт2-н

С помощью курсора выделяем нужную область.

Чтобы сохранить нужные изменения, кликаем на любой другой раздел в верхней горизонтальной строке меню. Тогда всплывает окно «сохранить изменения?», кликаем кнопочку «Да» — и изображение обрезано.

карт4-н

Теперь его нужно уменьшить. В нижней строке под фото можно увидеть его размеры в пикселях. Как видите 2882 х 2876 px – это много.

карт5-н

Кликаем на раздел меню «Изображение» и из открывшегося списка выбираем «Размер изображения».

карт6-н

Размеры в окошках можно редактировать либо вручную, либо с помощью открывающегося окна с ползунком. Выбираем ширину в пикселях, которой будет по вашему мнению достаточно для размещения и просмотра изображения на блоге. Высота поменяется автоматически, если стоит галочка на «Сохранить пропорции». Сохраняем размеры, кликнув на кнопку «Да».

карт8-н

Чтобы сохранить отредактированное изображение, кликаем: «Файл» — «Сохранить».

карт9-н

Здесь можно открыть список и посмотреть, в каком формате предлагается это сделать. По умолчанию фото сохранится в формате JPEG (оптимальном для большинства изображений). Но если, например, вы редактируете картинку PNG, и хотите сохранить её прозрачность, то можно выбрать из списка для сохранения формат PNG.

По умолчанию качество изображения устанавливается 80%. Ползунком вы можете выбрать качество выше, но тогда и весить картинка будет больше. Тут же, внизу справа, можно увидеть, сколько будет весить сохраняемое изображение. Кликаем на «Да», выбираем нужную папку, редактируем название файла – вот и всё!

карт10-н

А теперь смотрите. Фото, которое я взяла для примера изначально имело размеры 4608 х 3456 px и весило 3,64 МБ, а после редактирования – 42 КБ. Ощущаете разницу? И значительной потери качества изображения я не заметила.

Более того, этот редактор позволяет делать надписи, менять цвет, яркость, контрастность, насыщенность, создавать новые изображения при помощи слоёв, и многое другое. Но в этой статье я не стала затрагивать эти моменты. Если захотите познакомиться с редактором поближе (кто ещё не знаком) – сможете сами легко во всём разобраться.

А я прощаюсь с вами до новых встреч!

 

 

1 звезд2 звезды3 звезды4 звезды5 звезд (4 голосов, средний: 5,00 из 5)
Загрузка...
Комментариев 26
  • Елена
    Ответить
    14 мая 2016 в 11:35

    Ариника, спасибо за интересный материал))) Этим редактором я ещё не пользовалась — попробую)))

    • Arinika
      Ответить
      14 мая 2016 в 20:45

      Пожалуйста, Елена :p

  • Любовь
    Ответить
    14 мая 2016 в 14:30

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

  • Арина Широкова
    Ответить
    14 мая 2016 в 22:31

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

  • bytrina
    Ответить
    16 мая 2016 в 14:52

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

  • Инна
    Ответить
    17 мая 2016 в 12:48

    Для меня это не исследованный редактор. Согласна, картинки нужно подгонять. Я пользуюсь другим, мне кажется он проще. Видимо просто привыкла.

  • Дмитрий
    Ответить
    17 мая 2016 в 20:10

    Я использую вот такой сервис optimizilla.com/ru/

  • Алевтина
    Ответить
    17 мая 2016 в 22:43

    Многие новички и не задумываются о том что нужно сжимать картинки. Я когда начинала блог, особо над этим не думала, теперь вот все картинки приходится подправлять. 8)

    • Arinika
      Ответить
      17 мая 2016 в 23:20

      О да, это точно. Я тоже поначалу над этим не задумывалась и делала такие ошибки... :-p

  • Евгения
    Ответить
    18 мая 2016 в 18:54

    Спасибо за информацию. Я пользуюсь одним и тем же оптимизатором фотографий уже более 3-х лет. Быстро и просто.

  • Ирина
    Ответить
    22 мая 2016 в 17:46

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

  • Маргарита
    Ответить
    23 мая 2016 в 08:35

    Ариника! Желаю вашему блогу процветания! Приглашаю зайти на мой сайт. Там вас ждет приятный сюрприз.

    ydachari.ru/interesting-f...uyu-nagradu.html

    • Arinika
      Ответить
      23 мая 2016 в 11:36

      Маргарита, большое спасибо! Так приятно и так неожиданно для меня... :p

  • Евгения
    Ответить
    23 мая 2016 в 16:13

    Ариника, ваша новая рубрика будет многим полезна! Я в течение первого года не оптимизировала картинки, потом пришлось потратить много времени и сил, чтобы исправить ситуацию. Знать бы всё заранее... :p

  • Екатерина Чеснакова
    Ответить
    27 мая 2016 в 12:59

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

  • Наталья
    Ответить
    02 июня 2016 в 16:15

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

    • Arinika
      Ответить
      02 июня 2016 в 18:59

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

  • Ольга Андреева
    Ответить
    05 июня 2016 в 17:06

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

    Я в фотошопе уменьшаю фотографии.

    • Arinika
      Ответить
      05 июня 2016 в 17:14

      А мне фотошоп каким-то сложным показался. Или может уже просто привыкла к этому редактору.

  • Хозяюшка Галина
    Ответить
    13 июня 2016 в 11:26

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

    • Arinika
      Ответить
      13 июня 2016 в 18:31

      Галина, большое спасибо! Обязательно посмотрю эту программу.

  • Игорь
    Ответить
    14 июня 2016 в 12:02

    Полезная статья. Я для редактирования изображений использую бесплатную программу FastStone Image Viewer. "«Сжимает» даже лучше чем фотошоп.

  • andi
    Ответить
    26 августа 2016 в 06:52

    Pixlr иначе называют фотошоп-онлайн. Не удивительно, разработчик тот же)

    Иметь фотошоп — дорого, а онлайн версия удовлетворяет на 100% запросы большинства людей. Несколько раз пользоваться приходилось, не для правки картинок, а просмотра psd-макетов, выдирания оттуда некоторых элементов.

    Для обработки изображений использую Paint.NET (программа) — простой редактор с поддержкой слоёв и возможностью поворота картинки на произвольный угол. Единственно, чего не хватает — работа со шрифтом как в фотошопе. Но тут выбирать приходится: либо бесплатно и быстро, либо дорого и быстро, либо Pixlr :)

    • Arinika
      Ответить
      26 августа 2016 в 14:02

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

  • Елена
    Ответить
    29 августа 2016 в 17:53

    Это ЗДОРОВО, что Вы открыли новую рубрику! Ведь все по разному излагают один и тот же материал, и кому-то подойдут именно Ваши объяснения. У Вас очень красивый блог и Вы очень понятно и просто пишете. Я нашла много полезного для себя по вопросу оптимизации изображений и в статье и в комментариях. Спасибо и удачи.

    • Arinika
      Ответить
      30 августа 2016 в 13:18

      Елена, и Вам большое спасибо! Так приятно, когда трудишься не зря. :p

Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o: