Не знаете как уменьшить вес картинки? Фотошоп поможет!

Всем привет!

Оптимизация… Что это, зачем она нужна? Думаю, те, у кого есть свой блог, уже не раз слышали данное слово, применяли и будут применять его на практике!

Да, все правильно — так заведено! Хочешь понравиться поисковикам — работай по правилам!

И пускай с годами все меняется, алгоритмы поисковиков стают все лучше. Для одних это конечно же плохо, для других хорошо…

Так или иначе во всем есть две стороны медали!

Не удивлюсь, если в далеком будущем поисковики будут еще и чувствовать подобно человеку!

Несмотря на все это, оптимизацию изображений еще никто не отменял!

Вообщем, сегодня мы зайдем с технической стороны и вы узнаете как уменьшить вес картинки без потери ее качества!

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

А некоторые даже загружают фотографии без каких-либо изменений, где вес измеряется в мегабайтах!

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

Как по мне, оптимальный размер картинки должен не превышать 100 Кб. Здесь чем меньше, тем лучше!

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

На нее было правило — вес должен быть не более 80-85 Кб. Все остальное в постах — это были мелочи…

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

Нужно соблюдать два правила:

  1. Заранее редактируйте размер (высота, ширина) изображения.

На блог нужно загружать уже готовое изображение! Для этого вам необходимо просто оценить свой шаблон, посмотреть где, что и как…

  1. Правильно сохраняйте.

Обычно все те, кто использует фотошоп, после редактирования сохраняют картинки таким вот путем: «Файл — Сохранить (или Сохранить как…)».

Давайте-ка рассмотрим другой способ, который сделает вес картинки в пару раз меньше при этом сохранив качество!

Заходим во вкладку «Файл» и выбираем «Сохранить для Web»:

Автоматически откроется большое окно с различными настройками:

Ничего сложного нет, так как нам нужно будет сменить только несколько параметров:

Для начала в окне «Набор» ставим «Высокое качество JPEG». Еще здесь можно, даже нужно изменять «Качество».

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

К примеру, я почти всегда ставлю на 40 — это оптимальный вариант!

После нажимаем «Сохранить…»:

Ставим «Рабочий стол» и снова «Сохранить»:

Заменяем свой предыдущий файл:

Выскочит «Предупреждение функции Adope <<Сохранить для Web>>»:

Смело нажимайте «Ок» + можете поставить галочку и данное окно вас больше не побеспокоить!

Для лучшего усвоения материала советую вам посмотреть видеоурок:

P.S. Все равно фотошоп уже открытый, ознакомьтесь с остальными полезностями:

На сегодня все!

Всем пока!

С уважением, Влад Лемишко

Понравилась статья? Поделиться с друзьями:
Интересно о полезном
Комментарии: 34
  1. Артём Черкасов

    А ещё можно скрин сделать картинки, тоже работает =)

    1. Vlad

      Да или на фриланс отнести! :-D

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

      Значит нужно скрин скрином выбивать! :-D

    2. Павел Пашкан

      ДА., да …хорошо сказал :D
      Автор, это была неплохая статья….ждем еще больших высот.

    3. Vlad

      Павел, спасибо большое! :)

  2. Никита Волков

    Да, именно таким образом и сжимаю картинки) Можно потом ещё добавиться в сервис smush.it, таким образом ещё немного Кб уберётся!
    Влад, а ты сам делал такую красивую форму для комментов?

    1. Vlad

      Форму на фрилансе сделали! А что понравилась?

      Как там говорят: «Простота — сестра таланта» или «Будь проще и люди к тебе потянутся»… :-D

    2. Никита Волков

      Полностью согласен! Тоже со временем хочу себе такую форму) Очень приятная глазу! Выделение зелёным цветом тоже огонь! Большая кнопка «отправить» офигенная! Короче очень нравится!

    3. Vlad

      Почему-то подумал, что ты про подписную форму тогда спросил (вот и подшутил как бы в ответ)…

      Форма для комментариев такая и была… Я хотел в ней подсветку даже менять сначала… Теперь вижу, что это лишнее! :-)

  3. Анастасия

    О, сегодня уже дизайн новый =)
    Я тоже обычно через веб уменьшаю

    1. Vlad

      Люблю химичить на блоге! :)
      Был большой застой, теперь решил снова что-то изменить… Да и навыков уже побольше!

    2. Анастасия

      Я для просмотра изменений в теме, чтобы не выводить сразу на блог, плагином пользуюсь — WordPress Theme Demo Bar, очень удобно.
      А так темка мне нравится (особенно выделение поля ввода в комментах — приятно смотреть, прям писать хочется)

    3. Vlad

      У меня для таких дел поддомен есть!

      Но, когда переносишь все на блог все равно происходят какие-то косяки, которые приходится устранять на ходу…

      Плагин возможно попробую… Спасибо! ;)

  4. Анастасия

    З.Ы. А почему количество просмотров не работает?

    1. Vlad

      Анастасия, так задумано! :-D

      Если на самом деле, там просто нужно поставить плагин. Но, мне данная фишка не по душе.

      Пока что думаю: убирать все полностью или нет…

    2. Анастасия

      Тогда скрой текст) А то совсем интрига. Я пробовала скрипт с wp-kama ставить на просмотры, но так и не поняла, заработал он или нет

      1. Анастасия

        Ну с плагином-то сразу на блоге пробуешь как будет выглядеть, а не на поддомене) Соответственно, можно все исправлять

      2. Vlad

        Подумаю над вашим предложением! ;)

    3. Vlad

      Интрига это хорошо! :-)

  5. Лара

    Привет, Влад! Шаблон поменял? Похвально! Любишь ты перемены, но может это и к лучшему! Смотрится строго и со вкусом шаблон.

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

    1. Vlad Lemishko

      Привет, Лара!

      Ага, решил сменить! И так большой застой был… Но, это не конец и перемены обязательно будут еще! :-)

  6. Олег

    Именно таким образом и оптимизирую картинки, даже уже и не помню где брал информацию, если честно! Как говорится, один раз прочитал и навсегда запомнил! :)
    А так для тех, кто не знает как уменьшать вес картинки для блога — статья просто идеальная!

  7. Max

    Еще есть http://optimin.ru
    Сжимает гораздо лучше.

  8. Алексей Витковский

    Ух ты! Классный дизайн, бесспорно :) Все супер, особенно понравилась форма подписки. Я тоже фотошопом пользуюсь, когда надо размер уменьшить)

    1. Vlad Lemishko

      Алексей, спасибо! :-)

  9. Анатолий

    Спасибо ,очень помогло,долго не мог найти.

  10. Олия

    Влад, привет. Прочитала всю статью, убедилась, что я всё правильно делаю. Спасибо =) Шаблон отличный!)

    1. Vlad Lemishko

      Привет! Спасибо! :-)

  11. Gandalf White

    Можно сделать проще, сжать, оптимизировать изображения с помощью онлайн сервисов, вот например через — http://www.jpegmini.com/ и https://compressor.io/

  12. Татьяна

    Тоже этим методом пользуюсь, но иногда еще использую сервис или программку снагит. А, так конечно же больше предпочитаю использовать фотошоп))

  13. Владислав

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

    1. Vlad Lemishko

      Зачем искать что-то другое, когда все можно сделать с помощью одной проверенной годами программы…

  14. Азик

    Хочу заново переоптимизировать свои картинки!) всех уникализировать и уменьшить размеры!)
    Фотошоп надо скачать на новый ноутбук!) :-)

    1. Vlad Lemishko

      Удачи! =)

  15. Диана

    Я обычно снагитом картинку уменьшаю, и формат ставлю гиф, до 40кб выходит, максимально, а так обычно меньше.))
    Да я вообще раньше не знала, что картинки уменьшать надо в весе, кошмар сколько бы мне надо было всего переделывать, будь я на старом блоге.)

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: