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

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

Всем привет!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

замена файла

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

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

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

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

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

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

 

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

Всем пока!

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

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

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

    1. Vlad Lemishko (автор)

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

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

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

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

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

        1. Vlad Lemishko (автор)

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

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

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

    1. Vlad Lemishko (автор)

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

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

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

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

        1. Vlad Lemishko (автор)

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

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

  3. Анастасия

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

    1. Vlad Lemishko (автор)

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

      1. Анастасия

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

        1. Vlad Lemishko (автор)

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

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

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

  4. Анастасия

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

    1. Vlad Lemishko (автор)

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

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

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

      1. Анастасия

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

        1. Vlad Lemishko (автор)

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

      2. Анастасия

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

        1. Vlad Lemishko (автор)

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

  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: :???: :?: :!: