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

как уменьшить вес картинки

Всем привет!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

как сохранить изображение в фотошопе

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

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

сохранить для Web

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

как уменьшить вес картинки

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

высокое качество JPEG

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

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

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

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

сохранить изображение

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

путь сохранения файла

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

замена файла

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

предупреждение функции Adope

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

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

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

http://amplay.ru/category/uroki-fotoshop

 

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

Всем пока!

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

Читайте также:

Хотите подписаться на обновление блога по почте?

Обсуждение: оставлено 34 коммент.
  1. Артём Черкасов:
    А ещё можно скрин сделать картинки, тоже работает =)
    Ответить
    • Vlad:
      Да или на фриланс отнести! :-D

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

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

      Ответить
      • Павел Пашкан:
        ДА., да …хорошо сказал :D
        Автор, это была неплохая статья….ждем еще больших высот.
        Ответить
        • Vlad:
          Павел, спасибо большое! :)
          Ответить
  2. Никита Волков:
    Да, именно таким образом и сжимаю картинки) Можно потом ещё добавиться в сервис smush.it, таким образом ещё немного Кб уберётся!
    Влад, а ты сам делал такую красивую форму для комментов?
    Ответить
    • Vlad:
      Форму на фрилансе сделали! А что понравилась?

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

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

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

          Ответить
  3. Анастасия:
    О, сегодня уже дизайн новый =)
    Я тоже обычно через веб уменьшаю
    Ответить
    • Vlad:
      Люблю химичить на блоге! :)
      Был большой застой, теперь решил снова что-то изменить… Да и навыков уже побольше!
      Ответить
      • Анастасия:
        Я для просмотра изменений в теме, чтобы не выводить сразу на блог, плагином пользуюсь — WordPress Theme Demo Bar, очень удобно.
        А так темка мне нравится (особенно выделение поля ввода в комментах — приятно смотреть, прям писать хочется)
        Ответить
        • Vlad:
          У меня для таких дел поддомен есть!

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

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

          Ответить
  4. Анастасия:
    З.Ы. А почему количество просмотров не работает?
    Ответить
    • Vlad:
      Анастасия, так задумано! :-D

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

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

      Ответить
      • Анастасия:
        Тогда скрой текст) А то совсем интрига. Я пробовала скрипт с wp-kama ставить на просмотры, но так и не поняла, заработал он или нет
        Ответить
        • Vlad:
          Интрига это хорошо! :-)
          Ответить
      • Анастасия:
        Ну с плагином-то сразу на блоге пробуешь как будет выглядеть, а не на поддомене) Соответственно, можно все исправлять
        Ответить
        • Vlad:
          Подумаю над вашим предложением! ;)
          Ответить
  5. Лара:
    Привет, Влад! Шаблон поменял? Похвально! Любишь ты перемены, но может это и к лучшему! Смотрится строго и со вкусом шаблон.

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

    Ответить
    • Vlad Lemishko:
      Привет, Лара!

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

      Ответить
  6. Олег:
    Именно таким образом и оптимизирую картинки, даже уже и не помню где брал информацию, если честно! Как говорится, один раз прочитал и навсегда запомнил! :)
    А так для тех, кто не знает как уменьшать вес картинки для блога — статья просто идеальная!
    Ответить
  7. Max:
    Еще есть http://optimin.ru
    Сжимает гораздо лучше.
    Ответить
  8. Алексей Витковский:
    Ух ты! Классный дизайн, бесспорно :) Все супер, особенно понравилась форма подписки. Я тоже фотошопом пользуюсь, когда надо размер уменьшить)
    Ответить
    • Vlad Lemishko:
      Алексей, спасибо! :-)
      Ответить
  9. Анатолий:
    Спасибо ,очень помогло,долго не мог найти.
    Ответить
  10. Олия:
    Влад, привет. Прочитала всю статью, убедилась, что я всё правильно делаю. Спасибо =) Шаблон отличный!)
    Ответить
    • Vlad Lemishko:
      Привет! Спасибо! :-)
      Ответить
  11. Gandalf White:
    Можно сделать проще, сжать, оптимизировать изображения с помощью онлайн сервисов, вот например через — http://www.jpegmini.com/ и https://compressor.io/
    Ответить
  12. Татьяна:
    Тоже этим методом пользуюсь, но иногда еще использую сервис или программку снагит. А, так конечно же больше предпочитаю использовать фотошоп))
    Ответить
  13. Владислав:
    Я лично, хоть блог и фотошопе, но не использую фотошоп во время написания статьей ( только для скриншотов ). Есть аналоги по проще.
    Ответить
    • Vlad Lemishko:
      Зачем искать что-то другое, когда все можно сделать с помощью одной проверенной годами программы…
      Ответить
  14. Азик:
    Хочу заново переоптимизировать свои картинки!) всех уникализировать и уменьшить размеры!)
    Фотошоп надо скачать на новый ноутбук!) :-)
    Ответить
    • Vlad Lemishko:
      Удачи! =)
      Ответить
  15. Диана:
    Я обычно снагитом картинку уменьшаю, и формат ставлю гиф, до 40кб выходит, максимально, а так обычно меньше.))
    Да я вообще раньше не знала, что картинки уменьшать надо в весе, кошмар сколько бы мне надо было всего переделывать, будь я на старом блоге.)
    Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

:язык: :улыбка: :удивление: :сплю: :сомневаюсь: :смех: :симпатия: :рыдать: :подмигнуть: :круто: :злой: :задуматься: :деньги: :грустно:

Топ комментаторов!
Мой мир@mail.ru
Постила.ru
© 2017
Яндекс.Метрика