Надо ли размещать в постах картинки? Конечно! В этом никто не сомневается.

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

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

Надо ли делать оптимизацию изображений перед загрузкой на блог WordPress, и как это сделать?

Множество тяжелых медиафайлов сильно нагружают сайт, делают его загрузку медленной, «съедают» дисковое пространство на хостинге.

Многие новички этот пункт упускают,или изменяют размер изображений прямо в админпанели, что не рекомендуется.

Между тем простейший и доступный инструмент обычно входит в пакет Microsoft Office и находится прямо на вашем компьютере. Он подходит для оптимизации изображений, позволяет изменить размер картинки. Это программа Microsoft Office Picture Manager. Ничего не надо искать и скачивать. Для новичков – просто неоценимый плюс.

Есть и другая бесплатная программа (Paint). Она позволяет сжать изображение с расширением *.jpg, *.png, *.gif, уменьшить размер рисунка без потери качества. О ней чуть ниже.

Программа Microsoft Office Picture Manager

Как найти ее на вашем компьютере?

ПУСК - ПРОГРАММЫ - MICROSOFT OFFICE - СРЕДСТВА Microsoft Office - Microsoft Office Picture Manager. Откроется пустое окно программы. В верхнем левом углу нажмите Файл - Добавить ярлык - выберите нужный рисунок или ПАКЕТ ИЗОБРАЖЕНИЙ (папку с картинками) с вашего компьютера. Это удобно при массовой обработке однотипных фотографий.
ВЫБЕРИТЕ изображение - ЛЕВАЯ КЛАВИША мыши.

Если хотите выбрать несколько рисунков, нажмите клавишу CTRL, удерживайте ее и нажимайте мышью на каждый.

Хотите выбрать все объекты данной папки, жмите Ctrl+А, либо команда меню ПРАВКА -  ВЫДЕЛИТЬ ВСЕ.

Чаще требуется РЕДАКТИРОВАНИЕ одного изображения. Наведите курсор на объект, требующий редактирования – будут видны его текущие параметры: размер, вес, формат. ПРАВАЯ КНОПКА мыши - выберите в меню ОТКРЫТЬ С ПОМОЩЬЮ Microsoft Office Picture Manager.

Начните работу с верхнего меню.

РИСУНОК (либо Изменить рисунки) - выберите действие, что именно вы хотите сделать в картинкой. Программа позволяет изменять яркость и контрастность, цвет, устраняет эффект красных глаз на фотографиях (функция АВТОПОДСТРОЙКА).

Можете зеркально отображать картинку вертикально, горизонтально. Возможна обрезка (выбор нужной зоны на большом изображении), изменение размера и веса (сжатие), поворот на заданный градус.

Как уменьшить размер картинки, изображения

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

Чем меньше рисунок, тем меньший вес имеет медиафайл. Это экономит дисковое пространство на хостинге.

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

Если требуется взять только часть фотографии или рисунка - используйте функцию ОБРЕЗКА. Нажмите кнопку ОБРЕЗКА и передвигайте черную рамочку. Соблюдайте пропорции 1:1 или 1:1,33 (1 - высота, 1,33 - ширина).

Как сжать картинку в Microsoft Office Picture Manager

Нажмите кнопку СЖАТЬ и выберите подходящий вариант:

  • для документов;
  • для веб-страниц;
  • для сообщений электронной почты.

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

Поэтому хочу предложить еще одну программу, помогающую оптимизировать картинки.

Как уменьшить изображение в редакторе Paint

Графический редактор Paint является компонентом Windows 7. Опять-таки, ничего скачивать не надо. Будем эффективно учиться работать с теми инструментами, что уже под рукой.

Как обычно выберите фото или картинку, наведите на нее курсор. ПРАВОЙ КНОПКОЙ мыши - выберите в меню ОТКРЫТЬ с помощью Paint.

Затем меню РИСУНОК - Растянуть/Наклонить.

Укажите в процентном отношении, во сколько раз надо уменьшить изображение. Если надо уменьшить на одну четверть, поставьте 75%, если в два раза, укажите 50 % процентов.

Размер картинки уменьшится  - СОХРАНИТЬ КАК - новое название файла.

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

Такого же эффекта можно добиться в меню РИСУНОК - АТРИБУТЫ, выбрав нужные высоту и ширину.

Как сжать изображение в редакторе Paint

Когда нажимаете кнопку СОХРАНИТЬ КАК, предоставляется возможность выбрать ТИП файла: Jpeg или PNG. Я обычно сохраняю два раза в разных форматах. 

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

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

P.S. Мала скорость загрузки блога? Простые методы увеличения скорости загрузки - кеширование браузера и Gzip сжатие. Как всегда без установки дополнительных плагинов, программ или расширений.

P.P.S. Для профессионального использования как нельзя лучше подходит Фотошоп. Посмотрите, как зарабатывают на Фотошопе до 50000 рублей в месяц.

Метки:

Изображения

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

15 отзывов к “Оптимизация изображений для сайта WordPress в бесплатных программах

  • Юнна Разумова:

    Ольга, очень полезный пост! Самое главное, что эти программы простые и доступные, картинки оптимизируются легко и быстро!

  • Ольга:

    Конечно, Юнна. Мы все время хотим поймать «журавля в небе», и забываем про «синицу в руках».
    А какой редактор используете Вы?

  • Катерина:

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

    • Ольга:

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

      А фотошоп, конечно, пригодится дальше — для редактирования страниц подписки, создания продающих страниц и т.д.

  • оксана:

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

    • Ольга:

      Оксана, отлично. Фотошоп Вам еще пригодится, к тому же он у Вас есть.
      А куда бежать начинающим, которые не имеют никаких специальных программ, или не знают, как ими пользоваться?
      Чтобы работа над блогом не тормозилась — используем то, что уже у нас есть.

  • Лариса:

    Ольга, очень понятная и подробная инструкция по Picture Manager. И полностью согласна с Вашими словами:

    Мы все время хотим поймать «журавля в небе», и забываем про «синицу в руках».

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

    • Ольга:

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

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

  • Бронислав:

    Замечательная статья, Ольга! Обязательно освою эту программу, а не знал о ней, пользуюсь avatan.ru.

    • Ольга:

      Бронислав, многие не знают. Тратят свои ресурсы и время на освоение более сложных программ, когда все так просто!

  • Ольга Черныш:

    Я всегда нажимаю правой мышкой на картинку и там есть в списке открыть с помощью. Ни разу не искала в программах на диске.

  • searuss:

    Microsoft Office Picture Manager — оптимальный вариант, и совсем не обязательно для новичков. Быстро и удобно, сжатие в один шаг. Функция обрезки класс — качественно и всегда под рукой.

  • FaceSwap:

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

  • Айк:

    А как оптимизировать 40.000 изображений которые на сайте уже,кто знает хороший плагин?

    21 век на дворе,нужно автоматизировать процесс сжатия,а не оптимизировать каждое изображение по отдельности.
    Загрузил на сайт-плагин оптимизировал и все -автоматизировать,не все нужно руками делать,цените время друзья !

    • Ольга:

      У меня установлен плагин WP Smush для сжатия изображений. Для сжатия большого количества изображений подойдет его версия PRO.

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

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