Профессиональное обучение
блоггингу от А до Я

Оптимизация изображений для блога! Как уменьшить вес картинки?

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

Думаю эта статья будет полезна многим ребятам. Недавно написала мне одна женщина и говорит, — «Александр помогите, у меня на хостинге заканчивается место, что делать. Я вроде блог то веду всего пол года, а уже места не хватает на хостинге, а изначально у меня там 10Гб». =)

Мне самому стало интересно и я решил посмотреть, как это же так получилось, что место закончилось. Оказывается... Женщина вставляла в посты изображения огромных размеров. Она ведет блог на кулинарную тематику и на фотоаппарат фоткала свои блюда и сам процесс приготовления.

Иногда в одном посте было по 10-15 картинок каждая весом по 4-5 мб. =) Естественно так ни какого места не хватит это раз и два — поисковые системы однозначно понизят этот блог в поиске за то, что он долго грузится.

В общем рассказал я ей как правильно оптимизировать картинки для блога, теперь и вам расскажу. Я покажу вам три фишки по оптимизации графики.

1) При помощи программы Snagit.
2) При помощи Adobe Photoshop.
3) При помощи сервисов оптимизации графики.

Думаю, что многие ребята все это уже и так знают и для них я ни чего нового не скажу (еще и меня научат чему-то), но думаю, кому-то инфа будет как раз кстати. Вот для них и пишу. Итак способ первый. Программа snagit. Вот фотка, которую я сделал на фотик Canon 600D:

Я и Жорик

Размер: 5,75 МБ!

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

Я и Жорик

Размер: 77,4 Кб.

Но это еще не все. Мы уменьшили вес картинки. Можно уменьшить еще и размер. Обычно мы любители вес уменьшить, а на размер забиваем, мол в редакторе wordpress будем картину вставлять в пост и уменьшим... Лучше все же сразу это сделать.

У нас картинка эта лежит на рабочем столе. Правой кнопкой нажимаем на нее — > Открыть с помощью — > Microsoft Office Picture Manager.

Картинка

Далее жмем — > Изменить рисунки — > Изменение размера. Выбираем «Произвольные ширину и высоту» и ставим тот размер который нам нужен.

Изменить рисунки

Изменение размера

Вот у меня в пост влезают картинки размером 631×419. Вот такой размер я и ставлю.

Изменение размера картинки

Жмем «ОК». Далее как обычно — > Файл — > Сохранить как -> Выбираете куда сохранить картинку. Вот что у меня получилось:

Я с Жориком

Размер: 51,8 Кб. Еще меньше.

Это тоже еще не все. Далее идем в сервис kraken.io, жмем «Выберите файлы с диска», загружаем нашу картинку и автоматически начнется ее оптимизация. Снизу можно через какое-то время нажать «Скачать этот файл».

kraken.io

Изображение уменьшилось еще на чуть-чуть без потери качества:

Я и Жорка

Размер: 49,3 Кб.

Итого мы уменьшили вес изображения в 100 раз. Кстати если каждая картинка для вашего поста меньше 50 Кб, то это как раз самое то. Больше уже плохо! Я раньше всегда забивал на эти действия и зря, сейчас жалею. У меня есть посты где картинки и 200 и 300 Кб весят и даже 500+.

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

Как вам такой способ? Может кто-то подскажет что-то более лучшее и простое? Буду только рад услышать советы и предложения в комментариях.

Теперь давайте поговорим об оптимизации графики для дизайна блога. Вот все знают, что я недавно поставил новый дизайн на блог. Получилось так, что Хедер (шапка блога) весила 1,23 Мб, а футер (подвал) — 988 Кб. Однозначно нужно было что-то делать, чтобы уменьшить вес картинок без потери качества, а если и с потерей, то самой минимальной.

Если бы все оставить как есть, то представьте как бы долго загружался блог. Вместе вся графика блога весила более 3 Мб. Это очень много! Сейчас 1,7 Мб. Это нормально! Я не имею в виду только шапку и футер. Я говорю про всю графику в целом.

Шапка, футер, сайдбар, кнопки, формы подписок, фон и т.д. Чтобы узнать сколько весит вся графика вашего блога, зайдите на свой сервер в папку wp-content/themes/название темы/. Всю папку images скопируйте на рабочий стол и посмотрите сколько все вместе весит. Сколько? Напишите в комментах у кого какой вес? Мне просто интересно!

В общем сейчас я расскажу вам как я уменьшал вес своего дизайна при помощи Adobe Photoshop. Уменьшал я только файлы формата jpg. Остальные не знаю как уменьшать, например png файлы. Если кто подскажет буду только благодарен.

Короче  открываем фотошоп. У меня Adobe Photoshop CS6 Portable. И открываем в нем нашу не оптимизированную картинку. Вот она:

Шапка блога

Вес: 1,23 Мб.

Далее просто жмем -> Файл — > Сохранить для web:

Оптимизация изображений

В открывшемся окне сверху справа поставьте все вот так:

Оптимизация изображений без потери качества

Набор — выбираем: Высокое качество JPEG. Далее ставим галочку — прогрессивный, а качество выставляем 70%. Все. Ниже жмем сохранить. Размеры не меняем естественно!

Вообще можно качество в % и уменьшить. Я ставил 60% и оно практически не менялось. Ну если только вообще уж присматриваться конкретно! Мог бы оставить и 60 или 65%, но оставил 70%. Так вообще качество не теряется и все вы наблюдаете красивую картинку. Просто у меня цветов на блоге много, дизайн яркий и рисованный, поэтому тут оптимизировать сложно! Стандартные же темы можно оптимизировать жестко и никто ни чего не заметит.

В общем в итоге из 1,23 Мб, я получил 477 кб при оптимизации шапки и из 988 Кб получил 324 кб при оптимизации футера. Ну естественно оптимизировал и другие картинки формата jpg. Тоже конкретно уменьшил размер. Вот вам такая информация в общем по оптимизации графики для сайта. Пользуйтесь.

А вы оптимизируете графику для блога? Как вы это делаете? Может подскажите какие-то более классные способы? Спасибо! А турнир продолжается.

Кроссворд №3.

Кроссворд №3

P.S. Начал работу над созданием нового видеокурса "Как стать блоггером тысячником 2.0". Все подробности скоро напишу в новой статьей на блоге. Не попустите и подпишитесь на обновления.

Как стать блоггером тысячником 2.0

P.P.S. Ребята хочу попросить прощения за свою рассылку. Я думаю многие поняли о чем я. На днях сделал скриптом рекламную рассылку нового курса по всем своим клиентам, кто покупал мои продукты. Кому-то пришло аж по 5 писем. Все дело в том, что скрипт отправляет письмо каждому клиенту каждого продукта.

То есть если вы покупали у меня 5 курсов, то и писем вам придет 5. =) Ну вот такой он тупезень. =) Простите его и меня. Надеюсь на понимание! Спасибо!

С уважением, Александр Борисов


Как заработать продавая баннеры

5 000 000 за 2 года в интернете...

150 000 рублей в месяц с БЛОГа
Этот блог читают уже более 6000 человек
- читай и ТЫ!
комментариев 267
  1. Лисёнок Рэнди

    «Боец в мортал комбат.»

    Это ты выдумал когда играл в свою приставку?)

    в 19:38 | Ответить
    • Лисёнок Рэнди

      Насчёт статьи. Считаю что ты даешь вредные советы.

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

      Оставь ты это дело, не учи людей тому что сам умеешь кое как.

      в 19:41 | Ответить
      • Алексей

        Это не пережатость, это такие кнопки и есть, с легким эффектом (я так думаю) :)

        в 23:22 | Ответить
      • Вячеслав Балашов

        Как я понял, Александр не учит других. а делится свои опытом, а тут уже дело каждого — делать или нет.

        Кстати, PNG не всегда получается корректно сжать — начинаются идти полоски и искажения.

        Раньше я пользовался ACDSee 14, теперь иногда использую онлайн-редактор PIXLR, про который подробно написал еще в прошлом году и Corel Photo Paint — аналог всеми любимому Фотошопу.

        в 13:49 | Ответить
      • Димка

        видно же это не пережатость, это текстура )

        а кнопки симпатичные, но думаю на такие экзотические меньше кликают

        в 07:43 | Ответить
    • Александр Борисов

      Про бойца да.

      А кнопки нормальные. Может стоит обновить страницу?

      в 20:32 | Ответить
      • Лисёнок Рэнди

        У тебя и на синем фоне квадратики, всё пережал)

        Нет, тут не в странице дело. Дело в том что ты взялся за то в чём не разбираешься. Ну, ошибки они на то и ошибки, что бы учится.

        в 20:41 | Ответить
        • Александр Борисов

          Лисенок повторю, обнови страницу. У меня ни чего не пережато, все сжато без потери качества. ;-)

          в 20:45 | Ответить
          • Лисёнок Рэнди

            А как я по твоему читаю комменты? Конечно обновляю.

            Так у тебя фон выглядит в браузере?

            Кстати, в длинных темах он нормальный если листнуть вниз. А так вот квадратики какие-то.

            в 20:56 | Ответить
          • Антон

            Хех, забавно =) background задан картинкой (и еще, не понятно зачем, дописан фоновый цвет) — какие тут квардратики могут быть? Хотя да, могут быть:

            Они бывают на картинках как раз в таком случае как у тебя, Лисенок =) если не прогрузить страницу до конца — вот в чем причина.

            в 21:07 | Ответить
        • Владимир Жданов

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

          Нормальные советы, Александр, спасибо! В сафари все нормально и картинки хорошо выглядят.

          в 21:48 | Ответить
          • нерадивый бухгалтер

            Владимир, не знала, что ты любитель яблок))

            в 21:28 | Ответить
      • Лисёнок Рэнди

        Я бы тебя в мк сделал)

        в 21:13 | Ответить
        • Александр Борисов

          пфффф

          в 21:15 | Ответить
          • Vit-Am

            Да, подеритесь ещё. х)

            в 12:50 | Ответить
      • MaskoVa

        Спасибо за очень полезную статью! Когда искала в поисковике оптимизацию картинок, ваш пост оказался самым приемлемым! [good]

        в 16:21 | Ответить
  2. Владимир

    Ух разгадал... Кроссворд класс!!! [star] [star] [good] [good]

    в 19:44 | Ответить
  3. Евгения

    Отправила, теперь буду статью изучать, информация полезная :)

    в 19:51 | Ответить
  4. Алексей

    Александр , спасибо за полезную информацию. Раньше как-то не задумывался о оптимизации графики на блоге . Теперь буду использовать))

    в 19:53 | Ответить
  5. Лисёнок Рэнди

    Фуф, отгадал. Надеюсь попал в десятку)

    Сколько там ещё кроссвордов впереди?

    в 19:58 | Ответить
    • Александр Борисов

      Еще 12 впереди!

      в 20:33 | Ответить
      • Лисёнок Рэнди

        Блиин, пиши статьи каждый день) Не трави душу)

        в 20:43 | Ответить
        • Александр Борисов

          В том то и фишка, что так не интересно! [:-))]

          в 20:45 | Ответить
          • нерадивый бухгалтер

            Офигеть Вы над людьми издеваетесь [:-))] Еще как минимум месяц им томиться в ожидании!) Хорошо я не успела на эти кроссворды)) фуф)

            в 21:30 | Ответить
  6. Владислав

    Александр, спасибо за статью. Как всегда очень полезно и поучительно. Люблю читать Ваш блог. Процветания Вам, семье и блогу!!!!

    в 19:59 | Ответить
  7. Наталья

    Какие вы на фотке клёвые))) и у Жорика такой взгляд умненький :)

    в 20:01 | Ответить
    • Александр Борисов

      Почти 3 месяца, а уже бормочит что-то! :)

      в 20:33 | Ответить
      • Евгений

        Прикольно) У меня тоже скоро родится сын) Счастлив очень)

        в 03:10 | Ответить
  8. Антон

    Я так же пользуюсь snagit'om и фотошопом — более классные способы и не нужны =) кто к чему привык

    в 20:02 | Ответить
    • Антон

      А кроссворд в субботний вечер — эх, не ожидал. Надеюсь успел отхватить несколько баллов [:-))] Слово правда оказалось действительно сложноватое

      в 20:03 | Ответить
  9. Мария

    А разве у Вас не получается уменьшать файлы png тем же способом в фотошопе? Я уже довольно давно пользуюсь этой функцией. Там достаточно большое количество полезных настроек: и выбор качества, и количества цветов, и много всего-всего не ведомого обычным пользователям).

    в 20:03 | Ответить
    • Александр Борисов

      Мария напишите статью, будет интересно почитать! :)

      в 20:33 | Ответить
  10. Сергей

    Вот на счет более 50 Кб одна картинка, что это уже плохо буду иметь в виду. Обычно не обращаю внимание в Фотошопе жму Сохранить для Web и там дальше просто качество Высокое и Сохранить.

    У меня папка images весит 89.3 Кб.

    Ответ по кроссворду отправил, надеюсь на удачу :)

    в 20:07 | Ответить
    • Александр Борисов

      Ни чего себе [:-|] 89.3 Кб. Это как так?

      в 20:34 | Ответить
      • Владимир Жданов

        в images хранятся файлы для шаблона, и в принципе, может и пару килобайт весить. От темы зависит. Сами картинки в uploads хранятся )

        в 21:51 | Ответить
        • Сергей

          плюс я что-то намудрил, перепроверил на самом деле 184 Кб [:-))]

          так а что там с подлодкой? я так и не разобрался

          в 22:48 | Ответить
    • Юрий

      «У меня папка images весит 89.3 Кб.» — Что-то из области фантастики. :) Видимо там и картинок почти нет.

      в 22:09 | Ответить
  11. Андрей

    Наконец с кроссвордом справился. Надеюсь в этот раз один из первых... ВФух...

    в 20:07 | Ответить
    • Александр Борисов

      Андрей ты слово старое отправил.

      в 20:35 | Ответить
      • Андрей

        Вот блин, аааааааааа, что на блин. Как обично... :((

        в 21:36 | Ответить
    • Андрей

      А я же был в првой десятки...

      в 22:38 | Ответить
  12. Антон

    А я Александр, оптимизирую картинки с помощью бесплатного графического редактора GIMP ;-)

    Слово из кроссворда отправил. :)

    в 20:08 | Ответить
    • Александр Борисов

      Спасибо! Почитаем!

      в 20:36 | Ответить
  13. Елена

    Интересно, есть ли те, кто разгадал кроссворд? :)

    в 20:20 | Ответить
    • Александр Борисов

      Уйма... :)

      в 20:37 | Ответить
  14. Дмитрий

    Александр, Спасибо. Пойду уменьшать вес своих картинок)) :) :) :)

    в 20:26 | Ответить
  15. Елена

    Все. Сама запуталась, сама распуталась и разгадала. очень интересный получился кроссворд! Спасибо. :)

    в 20:27 | Ответить
  16. Елена

    И статья прям в тему. Только недавно сын говорит, что не может на сайт свой загрузить фотки. Оказывается на хостинге закончилось место. Вот я второй день думаю, как с этим разобраться. А тут Ваша статья. Заметила, что в файлах лежат по 3 фотки с одним названием, но разными размерами.

    Жорик с папой [good] [:-))]

    в 20:31 | Ответить
  17. Евгений

    Спасибо! Буду иметь в виду ваш метод оптимизации!

    в 20:40 | Ответить
  18. Кристина

    Я тоже картинки уменьшаю, размер стандартно в Паинте, иногда качество в Фотошопе. Размер картинок 40-60 кБ. :)

    в 20:55 | Ответить
  19. Владимир

    Кроссворд разгадал! :) Слово довольно интересное, но сложноватое. А Я попал в десятку?

    в 21:09 | Ответить
    • Александр Борисов

      Владимир все узнаете в конце турнира!

      в 21:16 | Ответить
  20. Александр

    Лично я ужимаю все с помощью Фотошопа. Там есть функция, оптимизировать для Web. Очень удобно. Кроме этого, можно и в коде прописать размеры.

    в 21:27 | Ответить
    • Александр Борисов

      Ну и я так же [:-))]

      в 09:47 | Ответить
  21. Анна

    А сжимать картинки с помощью Microsoft Office Picture Manager нельзя? Моя папка images весит 740 КБ. :)

    в 21:31 | Ответить
    • Vit-Am

      Не важно, сколько там у вас весят эти папки. Важен размер суммарного трафика, затрачиваемого на погрузку всей страницы, чем он меньше, тем быстрее страница будет прогружена. Замерить можно на pingdom.com, параметр Page Size. Например главная страница Блога Александра занимет 2.3 мегабайта. Главная страница моего блога 349 килобайт. :) Ну, правда там у меня и графики почти нет, унылый дизайн, точнее его отсутствие. :)

      в 21:53 | Ответить
    • Владимир Жданов

      Я помню, делал себе шаблон, так у меня папка images весила около 5 МБ, сайт при этом получился невесомым. Дело в том что я примерял различные варианты оформления, а старые картинки не удалял из папки. Дело не в том сколько весит папка images, а в том сколько весят используемые из нее картинки. :)

      в 21:54 | Ответить
    • Максим

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

      в 14:44 | Ответить
  22. Нина

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

    А вот за статью спасибо, очень ждала момента когда вы поделитесь как уменьшать картинки в png и gif. Та же проблема.

    в 21:59 | Ответить
  23. Артем шаповал

    Ответ , отправил . надеюсь победить . Кстатити ,Александр , ваш блог один из лучших в сети.

    в 22:12 | Ответить
    • Александр Борисов

      [good]

      в 09:52 | Ответить
  24. Рита

    Саша, спасибо за советы, для меня актуально, так как в основном посты с фото все. Я давно уже скрины делаю — использую программу FsCapture, но вот размер не уменьшала, только при добавлении в статью. Теперь попробую и так :)

    в 22:14 | Ответить
  25. иван

    Только сейчас отправил ответ сижу на работе с клиентами работаю звонки принимаю неудобно очень еще и с телефона Саша просьба будет можешь сказать я хоть слово кодовое правильно написал? А то я злой сижу сильно сильно((((хоть если буду знать что слово правильно написал спокойнее стану))))

    в 22:17 | Ответить
    • иван

      Сашка только не томи))))а то ко мне сейчас вся россия звонит на работе!!!)))) [:-))]

      в 22:22 | Ответить
      • Александр Борисов

        Иван странно как-то вы слово прислали. Там же было всего 6 букв, а вы 7 прислали! :)

        в 22:25 | Ответить
        • иван

          Аймсори торопился очень и к клавиатуре сенсорной еще не привык там точноо последней буквы нет без нее слово должно быть верным я надеюсь?

          в 22:36 | Ответить
          • иван

            Ох совсем переволновался и номер сотового не написал даже(((( а до этого в предыдущих кросвордах писал это сыграет большую роль?

            в 22:48 | Ответить
          • Александр Борисов

            Без нее верно, но ответ к сожалению не засчитан. [:-|]

            Телефон конечно сыграет большую роль...

            Ни чего впереди еще 12 штук кроссвордов.

            в 09:55 | Ответить
        • иван

          Мдааа((((очень жаль,а не засчитан из-за лишней буквы(которая слу-но) проставилась в конце?или из-за телефона?

          в 14:21 | Ответить
          • Александр Борисов

            Из-за обеих ошибок!

            в 14:25 | Ответить
          • иван

            Ближайшее два дня на работе буду думаю пост с кроссвордом будет так что я со своим андроидом во все оружие)))) [good] [:-))]

            в 15:11 | Ответить
  26. Олександр

    У меня вопрос.

    А название картинки тоже как то влияет на оптимизацию?

    К примеру как лучше?

    Images 1.jpg

    или

    Images_1.jpg

    Или все равно?

    в 22:23 | Ответить
    • Александр Борисов

      Лучше без цифр.

      в 09:56 | Ответить
  27. Ольга Коновалова

    Саша, картинку в png уменьшаем так: Сохранить для Web, в настройках png-8 и даже уже так уменьшится вес, можно уменьшить дизеринг, и это тоже уменьшит вес, а можно уменьшить вес за счет изменения цвета, поставить вместо 256 — 128! Попробуй!

    И Gif можно уменьшить дизерингом и цветом.

    Фотошоповский сайт еще не открыла, а в существующем о фотошопе уже не пишу.

    в 22:28 | Ответить
    • Нина

      Ольга спасибо вам за совет! Кто-нибудь сделал бы еще видеоурок, а то что многие слова даже непонятны)).

      в 22:33 | Ответить
      • Ольга Коновалова

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

        в 22:41 | Ответить
    • Нина

      Ольга мне неудобного говорить, но что такое «дизеринг» и как понять вы говорите «изменить цвет за счет цифр»... это вообще все новые формулировки)) (наверно для меня одной) :-|

      в 22:48 | Ответить
      • Ольга Коновалова

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

        в 23:18 | Ответить
  28. Тимофей

    Спасибо Александр. Полезная статья, но я вроде бы не вставляю огромные изображения.

    в 22:32 | Ответить
  29. Юлия

    Фотография с Жориком, супер) Детки всегда очень мило смотрятся с папами)

    По поводу программы. Давно уже используем с мужем FastStone Image Viewer. Программа универсальная! Элементарно просто уменьшить размер фото. Убрать эффект «красные глаза» в пару кликов. Легко подправить контраст или баланс цветов (убрать например излишнюю желтизну). Просто пересохранять из формата в формат. Можно делать определенные действия для группы фото. Например, если я собираюсь выложить много фоток в Контакте, я выделяю нужные фото, задаю размер, до которого я хочу уменьшить, и программа сама переделывает размер и пересохраняет фотки. Не надо сидеть над каждой картинкой. Можно подрисовывать элементарные графические фигульки — стрелочки. квадратики.

    А главный плюс — программа бесплатная!!!

    Я считаю, программка достойная.

    Конечно, придется для начала разобраться, где какие функции. Но на самом деле все очень просто.

    в 22:40 | Ответить
    • Александр Борисов

      Спасибо! [good]

      в 09:58 | Ответить
  30. Татьяна Саксон

    Намучилась, конечно, зато узнала, что в Финляндии есть такие города как САЛО и РОЗА. Интересно, в какой из этих двух городов вам было бы приятнее жить? [:-))]

    в 22:47 | Ответить
    • Александр Борисов

      Татьяна слова не верные :)

      в 09:58 | Ответить
      • Татьяна Саксон

        Я знаю ;-) Это так, интересные факты во время разгадывания накопала.

        в 10:36 | Ответить
  31. Андрей Гончар

    Я тоже все изображения в Фотошоп оптимизирую. Кстати и файлы формата .png тоже в Фотошопе можно оптимизировать таким же образом как и .jpeg.

    У меня папка images всего 433 кб :)

    в 22:53 | Ответить
    • Максим Ковалёв

      Есть еще программа Гимп. А также самая простенькая — Майкрософт Пейнт. В Пейнте, конечно, сразу нужно планировать, что дорисовать.

      в 18:15 | Ответить
  32. Виталий

    Александр, ваши статьи как всегда на высоте. Я уже давно пользуюсь программой Photoshop для оптимизации своих картинок на своем сайте, но здесь я увидел еще пару интересных возможностей для сжатия картинок. Буду пробовать. Все интересно и лаконично. И почаще радуйте нас новыми статьями.

    в 22:56 | Ответить
  33. Ольга Лебедева

    Мда... ка кто не задумывалась об этом! А надо! У меня один из сайтов об изделиях ручной работы и само собой в основном там фото. Вот сколько же времени уйдет на оптимизацию каждой картинки!

    в 22:59 | Ответить
  34. Oleg

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

    в 23:04 | Ответить
  35. Алексей

    Папка с изображениями весит 230 Кб. Я стараюсь почти не использовать графику для оформления блога.

    Для оптимизации пользуюсь PS, вот здесь даже описываю как я это делаю

    в 23:06 | Ответить
  36. Andrey

    Саша, добрый вечер! Позвольте и мне дать Вам подсказку, может, пригодится! Поскольку у Вас нет проблем с уменьшением размеров фотографий в формате jpg, то открываете png-файл в фотошопе и, выбрав «сохранить как» сохраняете его в формате jpg. А дальше работаете как с jpg-файлом.

    в 23:10 | Ответить
    • Александр Борисов

      Андрей не многим так подойдет. Например мне нужна картинка с прозрачным фоном, а это только png. Все равно спасибо!

      в 10:02 | Ответить
      • Татьяна Саксон

        Так вот почему у меня фон прозрачный исчезает! Все дело в формате!

        в 10:38 | Ответить
  37. Ильдар

    Согласен с Юлией на счет FastStone на 100%. Пользуюсь только этой программой, т.к. основу моего контента составляют фото ( до 20 шт. в посте). И ничего — хост пока не трещит.

    в 23:11 | Ответить
  38. Александр

    Microsoft Office Picture Manager есть еще один интересный момент, я беру обычную большую фотку, в этой проге обрезаю, уменьшаю, а после есть кнопка сжать рисунок, и тогда вообще получается вес маленький а качество не меняется!

    в 23:30 | Ответить
    • Александр Борисов

      Саша спасибо! Про это не знал. Да, еще меньше файлы становятся.

      в 10:04 | Ответить
  39. Олег

    Делаю скрины FsCapture, там же меняю размер, если надо. Больше 50 КБ не гружу, в основном не больше 35. А вот файлы шаблона буду проверять, может получится уменьшить вес.

    в 23:32 | Ответить
  40. Татьяна Саксон

    Как ни старалась, два слова не смогла отгадать. Больше сил нет. Ну не слушаю я Гуфа!!! И не знаю, кто с ним читает рэп. И хоть и прочла статью Александра «Профессия пожарный», все равно не поняла, что там одно на рукав. [:))]

    в 23:37 | Ответить
    • Ирина Раковец

      Я тоже долго с рукавом возилась. Надо же такие вопросы придумать [:-))]

      в 00:29 | Ответить
      • Татьяна Саксон

        Это нам сложно. А для Александра этот вопрос прост [:))]

        в 01:27 | Ответить
        • Александр Борисов

          С Гуфом поет Вася Вакуленко, а на один рукав — задержка. ;-)

          в 10:05 | Ответить
          • Ирина Раковец

            Про рукав так и не смогла отгадать, но главное ведь кодовое слово... :)

            в 00:40 | Ответить
  41. Светлана Молодежникова

    Я сжимаю и оптимизирую с помощью Диспетчер рисунков Microsoft Office он же Пикча Менеджер и моей любимой FsCapture,

    Еще часто использую Microsoft PowerPoint 2010

    в 23:54 | Ответить
  42. Галина

    В программе RIOT (бесплатная) можно менять сразу и вес и размер и расширение картинок, причем , как по одной, так и пакетом. [good]

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

    в 00:03 | Ответить
  43. Андрей

    А подскажи, в какой программе делаешь скрин с такими рваными краями?

    в 00:09 | Ответить
    • igo2309

      Скрин с рваными краями делается с помощью проги Snagit. Она упоминалась в статье...

      в 23:21 | Ответить
  44. Andrey

    Отличный пост ,

    Подскажите новичку , а картинки вобще можно держать на левом хостинге , в гугл пикаса например и просто копировать потом в пост ? или так неполучится ?

    в 00:12 | Ответить
    • igo2309

      Получится. Можете просто копировать адрес картинки в сети и вставлять к себе на блог. Но... в случае удаления ее из сайта-источника, или недоступности сайта-донора у вас на сайте она тоже не будет отображаться 🙁 Да и зачем вам на вашем блоге лишняя ссылка на «левый» сайт?

      в 23:26 | Ответить
      • Александр Борисов

        igo2309 спасибо за ответы! [good]

        в 10:05 | Ответить
  45. Люси

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

    в 00:14 | Ответить
  46. Иришка

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

    А какая у вас самая любимая игрушка на XBox?

    в 00:15 | Ответить
    • Александр Борисов

      Пока что NHL 2012 и Мортал Комбат!

      в 10:06 | Ответить
      • Иришка

        У меня в Мортал Комбат и дочка играет)))

        А может вместе сыграем? Профиль не укажите свой?(Можно и на почту). По сети интересно играть)

        в 22:27 | Ответить
        • Александр Борисов

          Можно! Мой профиль

          Emercom2013

          Я тоже в сети xbox зареган! :) Только я там не знаю как по ней играть, но разберемся я думаю. Когда будем биться? :)

          в 10:44 | Ответить
          • Иришка

            Сегодня и начнем! Вечерком!

            в 11:06 | Ответить
          • Александр Борисов

            Сегодня если только после 10 вечера, меня до этого времени не будет дома. Норм?

            в 11:51 | Ответить
          • Иришка

            После 10 самое то. Другого времени тоже нет. Только в это время и играем! По Москве!

            в 12:00 | Ответить
          • Александр Борисов

            Отлично! Тогда спишемся.

            в 12:14 | Ответить
          • Иришка

            Уже передумали Играть?

            в 23:14 | Ответить
          • Александр Борисов

            Я на связи! Только не знаю как там найти игрока?

            в 23:16 | Ответить
  47. Ирина Раковец

    Всегда оптимизирую картинки в Photoshop. Самая удобная программа имхо :) К тому же он есть онлайн. Не надо лизенцию покупать.

    в 00:27 | Ответить
  48. Vel

    У меня вес папки images весит 281 кв. Вроде ничего так. Ну, с таким дизайном как у Саши, конечно больше будет вес :)

    в 01:05 | Ответить
  49. Кирилл

    Моя папка с картинками весит 183 кб :)

    в 01:20 | Ответить
  50. Сергей

    поучительно, полезный материал [good]

    в 02:41 | Ответить
  51. Сергей

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

    Юлия дала хороший совет на счет бесплатной и оч. функциональной программы «FastStone Image Viewer», в ней можно сделать всё перечисленное намного быстрее и качественнее.

    Конечно (как мы уже проверили) качество сохранения в JPG у последнего Фотошопа лучше, но и стоит он совсем недешево, в отличие от FastStone.

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

    в общем, когда сделаю уроки — приглашу познакомиться с ними ;-)

    в 02:47 | Ответить
    • Кирилл

      Стоит недешево, для этого и придумали торренты

      в 18:06 | Ответить
    • Александр Борисов

      Спасибо Сергей. Посмотрим что это а программка.

      в 10:07 | Ответить
  52. Игорь

    PNGGauntlet и PngOptimizer

    в 04:20 | Ответить
    • Андрей

      Я первой когда-то пользовался!

      в 00:03 | Ответить
  53. mystafa51

    Александр спасибо за статью.Хотелось бы узнать о продвижении сайта ютубом и твиттером. [:-))]

    в 04:51 | Ответить
    • Александр Борисов

      Возможно будут о этом посты. Но твиттер мне не нравится почему-то!

      в 10:08 | Ответить
  54. Людмила

    Спасибо за статью,Саша, я так и подозревала, что дело в картинках, когда на хостинге место сало просто катастрофически пропадать.Они там почему то в 3-х экземплярах появляются — оригинал,миниатюра (это понято) и какой то средний размер. Редактирую я в FsCapture (моя любимица) или на онлайн фото шопе.

    А писем мне тоже много пришло, причем половина от тебя, половина от Юли. Ну это ничего, зато знаете как купить захотелось :-D , записалась, хотела тысячника первого заказать, а тут уже второй, правда сегодня прочитала, что еще в процессе изготовления...Подождем! [flower]

    в 06:26 | Ответить
    • Александр Борисов

      Спасибо Людмила! [good]

      в 10:09 | Ответить
  55. Александр Шнякин

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

    Использую следующие программы:

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

    2. photoshop — куда же без него ) тут и текст в картинку можно добавить и текстуры разные.

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

    Пользуйтесь на здоровье!

    Спасибо, Александр, за познавательную статью.

    в 07:06 | Ответить
    • Vit-Am

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

      в 12:32 | Ответить
      • Александр Шнякин

        Да вроде не жаловался на его работу ) А как вы проверите уникальность картинки по гуглепоиску? Мне интересно, расскажите.

        в 17:20 | Ответить
    • Александр Борисов

      И вам спасибо за информацию.

      в 10:09 | Ответить
  56. Мария

    Читаю Ваш пост и думаю, блин , так история на мою похоже. Когда прочла, что блог на кулинарную тему- осенило, Да это же и в правду моя история))))))

    Спасибо большое, что помогаете нам!

    в 10:31 | Ответить
    • Александр Борисов

      Я уже честно не помню, кто мне этот вопрос присылал! :)

      в 10:10 | Ответить
  57. Валентина

    Потрясена самой идеей сделать скриншот! За все время даже в голову не приходило! Кроме статьи с интересом прочитала все отзывы. Хороший урок!

    в 11:42 | Ответить
    • Максим Ковалёв

      Скриншот (фотография с экрана компьютера) весьма удобная вещь. Размеры оптимизируются. А дополнительно можно отредактировать в фотошопе. Если выбирать качество 60-70% тоже хорошо виден рисунок

      в 18:20 | Ответить
  58. Ремзи

    Поцарапаешь ребёнку щёчку своей щетиной!

    в 11:58 | Ответить
    • Лисёнок Рэнди

      Если держать ребёнка в тепличных условиях, то в итоге ему можно вообще, всю жизнь поцарапать как следует. А он будет не понимать, что ж вырос неудачником или со слабым здоровьем. Будет думать что просто так выпало.

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

      в 16:01 | Ответить
      • Александр Борисов

        Лисенок я с тобой согласен. Странно :) :) :)

        Жорику не повезло, с ним уси пуси не будет.

        в 10:11 | Ответить
  59. Dastan

    Александр , PNG файлы можно оптимизировать с помощью программы PNGGauntlet или XnView отличная программа и можно конвертировать на другие форматы изображение без потери качество в этом все дальше разберетесь самому удачи !

    в 12:12 | Ответить
    • Vit-Am

      Да оптимизировать то чем угодно можно. Тут главное подойти с умом, не переборщить с оптимизацией, использовать форматы по назначению. Png хорошо использовать там, где мало градиентных переходов. Вот например в png очень хорошо жать всякие пиксель-арты, и векторные картинки, можно значительно сократить вес картинки большого разрешения и действительно без потери качества, а не просто, по субъективному ощущению, как это происходит с jpg. Но png крайне не подходит для фотографий, из-за большого кол-ва цветовых переходв, по этому фотки лучше в jpg жать.

      в 12:43 | Ответить
  60. Альберт

    Спасибо за ценную информацию Александр [good] Моя тема весит 196 Kb, это нормально???

    в 12:49 | Ответить
    • Александр Борисов

      Это отлично! :)

      в 10:12 | Ответить
  61. Сергей

    Интересная информация. Буду пробовать. учиться.

    в 13:21 | Ответить
  62. Любовь

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

    И Александр, и комментаторы стооооолько информации к размышлению дали!

    в 13:33 | Ответить
    • Ирина Раковец

      Все мы постоянно что-то новое узнаем. Хоть иногда даже этого и не замечаем ;-)

      в 00:45 | Ответить
  63. Сергей

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

    в 14:06 | Ответить
  64. alena

    была такая проблемка :) спасибо Саш :) мне донес раньше чем статья эта вышла :)

    в 16:34 | Ответить
    • Александр Борисов

      [:))]

      в 10:12 | Ответить
  65. Оксана Пышка-Худышка

    Фотка хорошая))) Как Жорик подрос! Вроде только недавно был пост о его рождении...

    P.S. Не обижайтесь, Александр, но похож он больше на маму — ее глазки :)

    в 18:37 | Ответить
    • Александр Борисов

      Это тут так получилось. О моя копия. :)

      в 10:13 | Ответить
      • Ирина Раковец

        У нас сын при рождении был папиной копией, через полгода стал маминой (без шуток), а теперь жутко на бабушку похож [:-))]

        в 00:46 | Ответить
  66. Валентина Норенкова

    Когда нужно изменить размер, использую программу FastStone Image Viewer

    в 19:36 | Ответить
  67. Елена

    Уменьшать вес картинок я начала еще на заре ведения блога, когда попала в первый раз в page speed и увидела рекомендации сервиса. Использую фотошоп, т.к. каждое фото обычно у меня подлежит обработке (цвет подкорректировать там, обрезать, знак водяной влепить). А потом оптимизирую с помощью онлайн сервиса punypng.com. А без оптимизации скорость загрузки блога реально была ниже.

    в 20:16 | Ответить
  68. Галина

    Cпасибо! Оказывается, все более чем просто. И места сэкономить можно уйму.

    в 22:34 | Ответить
  69. Денис

    Раньше пользовался все время фотошопом, но с ним были проблемы: ключ требовал лицензионный, вес программы большой, вирусов нахватался пока нормальный в сети не нашел. А потом мой товарищ порекомендовал мне Paint.NET очень легкая и простая программка. Правда было тяжеловато сразу с фотошопа перейти на пайнт нет, друг даже для меня специально статью написал по пользованию . вот статья, все картинки у него сделаны на пайнт нет и весят также не много. Жаль он последнее время блог этот забросил, боится конкуренции большой не выдержать, вы его Александр подмотивируйте как-нибудь: комментарий что ли оставьте, он Вас узнает так частенько читает Ваш блог.

    в 22:53 | Ответить
    • Денис

      Почту не ту указал, аватарки нет, вот изменил сейчас

      в 22:56 | Ответить
    • Александр Борисов

      Спасибо Денис. Передай ему, что я мысленно с ним :)

      в 10:15 | Ответить
  70. Ольга

    Спасибо за статью, очень актуально. Как раз хотела проверить сколько места занимают мои пока немногочисленные картинки и не знала как это сделать. А сейчас я увидела, что мой шаблон при сохранении мной картинки делает еще две ее копии, 120 на 120 и 150 на 150 пикселей. Пока не разобралась зачем он это делает и где заданы такие настройки... Может быть, кто-нибудь подскажет? ;-)

    в 23:00 | Ответить
    • Александр Борисов

      Это у вордпресса функция такая. Не во всех темах конечно, но бывает.

      в 10:16 | Ответить
  71. Андрей

    Я больше склонин к фотошопу.

    в 00:02 | Ответить
    • Андрей

      Склонен*

      в 00:02 | Ответить
  72. MAD CROWD

    Благодарю за статью :) Уверен,что пригодится в недалеком будушем

    в 00:05 | Ответить
  73. Sorus_Nomad

    Конечно надо оптимизировать.

    Хотя недавно читал статью, что гугл мол ставит «на особый облик» сайты с фотками качества HD. И в ранжировании имеет место єтот «облик» (конечно же, при условии, что фотка уник. ;-) )

    Всего хорошего!

    в 00:07 | Ответить
  74. Александр Борисов

    Всем спасибо за комментарии ребята! [good]

    в 10:17 | Ответить
    • Александр Попов

      Остальные не знаю как уменьшать, например png файлы. Если кто подскажет буду только благодарен.

      Не берусь утверждать про PhotoShop, но в Corel PhotoPaint и FastStone Capture готовую картинку можно сохранить в любом формате, выбрав его из списка Тип файла. А если файл уже в формате png он уменьшается он так же, как и другие форматы.

      Думаю и в PhotoShop должно быть аналогично...

      А чтобы вес не увеличился, перед сохранением кликаем кнопку Options и выбираем Цвет = 256

      в 22:51 | Ответить
  75. Виталий

    Я пользуюсь фотошопом и Microsoft Office Picture Manager...

    в 10:29 | Ответить
  76. Людмила Винокурова

    Александр, спасибо за статью!

    Я изменяю размер картинки в Microsoft Office Picture Manager, там же и сжимаю их.

    Интересно, Александр, можно ли будет приобрести у Вас курс Тысчник 2.0, если ещё не изучена 1 часть? Это будет продолжение?

    в 15:44 | Ответить
    • Александр Борисов

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

      в 10:46 | Ответить
  77. Дмитрий

    На гугле есть програма Picasa, простая и удобная как раз для обработки фотографий

    в 16:44 | Ответить
  78. Oriok

    Классная фотка! Как похожи! [good]

    Я раньше пользовалась прогой JPEGOPT.

    Об этих и не слышала. Попробую.

    в 19:13 | Ответить
  79. Красотка

    Блин, еле проскролила до конца — море комментов. Жутко много. Так Вас все любят, Саша :) Спасибо за пост. Актуально. Тоже место на хостинге заканчивается. Буду работать над картинками. Больно уж они большие. Удачи Вам и всех благ в инфобизнесе и блогинге ;-)

    в 22:31 | Ответить
    • нерадивый бухгалтер

      Ага, тут кнопкой наверх не обойтись!) Александр сделайте еще кнопку вниз))

      в 21:40 | Ответить
  80. андрей

    Я тоже кстати все фотки в фотошопе редактирую и размер и оптимизацию и обрезку.

    в 22:41 | Ответить
  81. Алексадр Миронов

    Не обязательно пользоваться Snagit. Вполне достаточно кнопки PrtSc

    в 23:50 | Ответить
  82. Татьяна Беденко

    Я фотошопом пользуюсь, но почитав комментарии много интересного узнала для себя! Спасибо, всем. А Жорик — чудо маленькое, такой очаровашка!!! [good] :)

    в 01:29 | Ответить
  83. Bakhmachev

    Оо, спасибо!

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

    в 08:44 | Ответить
  84. Алмас

    Так же пользуюсь Microsoft Office Picture Manager, надо попробовать и kraken.io

    у меня папка images 192 Кб :) я думаю со временем поработаю над дизайном еще.

    в 09:30 | Ответить
  85. Владислав

    Про оптимизацию темы понравилась информация. Для меня актуально (собираюсь фон сделать — для своего сайта.

    в 13:22 | Ответить
  86. Александр

    Лично я уменьшаю размер и вес картинки через программу paint.NET. Там когда уменьшаешь вес картинки уже показывает превью(как она будет выглядить,и какой у неё размер в данный момент)

    в 15:57 | Ответить
  87. димитрий

    классный кроссворд мне понравился [:-))] в дальнейшем буду к вам заходить

    в 16:31 | Ответить
  88. Иришка

    Давайте в скайп писать наш demnos_d или в контакте, чтобы тут не флудить?

    в 23:20 | Ответить
    • Александр Борисов

      Давайте вконтакте

      в 23:21 | Ответить
    • Татьяна Саксон

      что такое «флудить»? И кто это делает (пример)? [:-|]

      в 23:53 | Ответить
      • Иришка

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

        в 23:55 | Ответить
        • Татьяна Саксон

          Аааа, ясно. Ну, приятно поиграть!

          в 23:58 | Ответить
          • Александр Борисов

            Круто поиграли! Кабал винс :) :) :)

            в 19:03 | Ответить
  89. Елена Олейникова

    В теме папка с картинками у меня весит 241 кб. Но я люблю, когда в блоге большие картинки. Места на хостинге достаточно, это не проблема. Использую плагин Auto Highslide, который позволяет плавно увеличивать изображение без перезагрузки страницы. Хотя согласна, вес фотографий все же нужно уменьшить. Возьмусь за эту проблему на досуге, спасибо за подсказки!

    в 04:15 | Ответить
  90. Елена

    Александр, а можно ли просто использовать тот же Microsoft Office Picture Manager? Просто выбираем там функцию сжатие рисунков, а затем сжимать для веб страниц. Это будет считаться оптимизацией? Такой способ, который Вы показали хорош, когда одну-две картинки надо оптимизировать, а если их 15, например, у меня пошаговые рецепты, то это очень долго получится.

    в 06:44 | Ответить
  91. Елена

    Размер картинки всегда уменьшаю, особенно если гружу много (иногда свыше 50), а про вес что-то как-то и не думала :) Итого в среднем картинка весит 300 мб. И вроде страницы нормально грузятся, а посмотрела, сколько места на сервере, — почти 10% уже занято 🙁 Это ладно, я там еще кое в чем с картинками накосячила, альты не прописала. Теперь нужно вернуться и сделать это с более 400 картинками. Эх, прощай 2-3 дня из жизни... Как думаете, стоит ли перезаливать все изображения, но уже уменьшенные? Как роботы к такому относятся?

    в 11:45 | Ответить
  92. Дмитрий

    Я тоже умньшаю размеры картинок в Microsoft Office Picture Manager — все просто и понятно. У меня обычно вес картинки в посте около 100 Кб, думал, это нормально, вроде быстро все грузится) Попробую еще меньше вес делать.

    в 07:50 | Ответить
    • Александр Попов

      «вроде быстро все грузится»

      ----

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

      в 23:17 | Ответить
  93. Екатерина

    Здравствуйте Александр. Тот метод уменьшения изображений, который вы предлагаете для меня слишком долгий. У меня сайт о ногтевом дизайне и в каждой статье минимум фоток 5 есть. Я использую программу Exif wMarker. В ней можно не только размер изображений изменять, но и ставить водяные знаки. Так же эта программы поддерживает работу с папками, то есть можно сразу все изображения из папки изменять.

    в 09:16 | Ответить
    • Людмила Винокурова

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

      в 23:26 | Ответить
  94. Светлана

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

    в 12:03 | Ответить
  95. Vitalik

    Я просто Фотошопом ужимаю и никаких проблем [good]

    в 19:45 | Ответить
  96. Дмитрий

    А я просто использую Paint, который входит в стандартный пакетWindows.

    в 21:32 | Ответить
    • Vitalik

      А где там можно ужимать формат [:-|]

      в 11:33 | Ответить
      • Людмила Винокурова

        Да, интересно, где можно в Пайнте ужимать размер? [:--_)]

        в 00:52 | Ответить
        • Татьяна Саксон

          Там есть кнопка «изменить размер». Нажимаете на нее и всплывает окошко. И там вместо ста % ставите тот процент, который вам нужен. Картинка и уменьшится. ;-)

          в 00:58 | Ответить
  97. Жобаган

    То что мне надо! ;-)

    в 12:56 | Ответить
  98. Юрий.

    Спасибо ! за хорошую и понятную статью.

    в 14:54 | Ответить
  99. Максим Ковалёв

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

    Как книжечка получается. И коробка больше по размеру [good] .

    в 18:12 | Ответить
  100. Андрей

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

    в 21:05 | Ответить
  101. Александр

    Хороший пост, спасибо Саша. Я когда заказывал логотип для своего блога, первоначально его размер был 1,5 Мб, понятно что это слишком много. Использовал on-line сервис приведенный в статье, размер стал около 55 Кб, как раз то что нужно.

    в 22:05 | Ответить
  102. Валентина

    Здравствуйте, Александр! Забрела к Вам случайно, но вот как прочитала эту статью, поняла, что ничего случайного не бывает. У меня всегда к каждой статье фотографий 5-10 прикрепляется, и я раньше даже не задумывалась о том, какого размера фотографии и сколько они весят. Почему-то сложилось такое мнение, что на сервере места предостаточно. Теперь призадумалась, буду работать в этом направлении :). Благодарю за информацию!

    в 23:50 | Ответить
  103. Ольга Баженова

    Очень интересует один вопрос. Важно ли, при вставке картинки в пост, указывать на него ссылку. Вот, например, у вас Александр ссылки нет, то есть кликнуть на картинку нельзя. А я всегда оставляю текущую ссылку. Влияет ли это на что-нибудь?

    в 00:23 | Ответить
    • нерадивый бухгалтер

      Не обращала на это внимание, у меня всегда можно кликнуть на картинку, это имеет какое-то значение?

      в 21:37 | Ответить
  104. Жобаган

    я думаю что здесь главную роль играет адоб фотошоп

    в 18:55 | Ответить
  105. Rail

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

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

    В фотошопе есть опция «Файл» — «Сохранить для веб-устройств» вот там лучше всего получается сжать вес рисунка практически любого формата. Но раньше мне было лень через Фотошоп пропустить, в Пайнт Нете делал, сохранял и заливал на сервер. В итоге много картинок больше 50 кб набралось, хватает картинок и с весом больше 100 кб.

    в 19:27 | Ответить
  106. Сергей

    Я раньше пользовался Paint.net, теперь надо изучать фотошоп.

    в 18:08 | Ответить
    • Александр Попов

      Если вам просто размер уменьшить и вес ужать, то это можно сделать в более простых редакторах и даже во многих программах-просмотровщиках (т.н. view-верах), например, Irfanview

      в 23:40 | Ответить
  107. Вячеслав

    Полезная статья [good] , хоть сам и дизайнер но до такого способа как то не додумался (я про скриншот). Думаю теперь буду пользоваться, правда немножко времени занимает данный способ

    в 21:15 | Ответить
  108. Олег

    Зраравстуйте Александр с интересом прочитал эту статью.

    У меня к вам вот такой вопрос я очень часто с картинками поступаю так.

    Загружаю их на какой-нибудь фотохостинг Радикал например или ImagBam, сохраняю ссылку

    и из админки WordPress при вствке картинки выбираю опцию загрузить картинку из URL.

    Таким образом страница грузиться из моего хостинга а изображения из больших фотохостингов.

    Вроде всё работает исправно, но у меня СОМНЕНИЕ...

    Не повредит ли это оптимизации и ранжированию сайта, изображения конечно не оформлены как ссылки без тега никуда не ведут, но всё таки. Если знаете отвер прокоментируйте пожалуйста.

    в 13:24 | Ответить
  109. Олег

    Ах да и чуть не забыл. Как вы думаете насколько важна уникальность картинок?

    Вынужден честно признаться я не покупаю картинки в фотобанках они там стоят от 16 евро в Istockfoto например я просто краду их с других сайтов. Может это и не хорошо но другого оптимального способа достать картинки и не разориться я не знаю. Вопрос в следующем НЕ УНИКАЛЬНОСТЬ картинок может негативно сказаться на продвижении сайта. я не имею ввиду продвижение по Картинкам разумеется расчитывать на это с чужими картинками это вообще нахальство. Я имею ввиду просто не понижается ли рейтинг сайта за использование не уникальных картинок при ОТСУТСТВИИ не унуикального контента?

    в 13:43 | Ответить
  110. Сергей

    Очень интересно, спасибо за информацию!) [good] :)

    в 23:10 | Ответить
  111. Евгений

    Спасибо очень интересно и актуально. Супер! Как раз занимаюсь на сайте оптимизацией изображений.

    в 06:24 | Ответить
  112. нерадивый бухгалтер

    Я просто уменьшаю размер в Microsoft Office Picture Manager до своего 599, вес обычно уменьшается до 70-100кб, вроде меньше и не надо.

    в 21:35 | Ответить
  113. Юр

    Я думаю у всех сейчас есть фотошоп. Вот в нем уменьшаем картинку до минимально приемлемого размера, а потом онлайн-сервисом снижаем ее вес. Вот и все! Мне нравится сервис punypng.com. Ну как нравится? Просто первым под руку попался:)

    в 20:15 | Ответить
  114. Александр Попов

    Хочу посоветовать очень удобную программу FastStone Capture с помощь которой, легко подготовить изображения и фото для блога. В ней вы сможете изменить размер, обрезать лишнее, провести коррекцию цвета, уменьшить вес + можно добавлять поясняющие надписи, стрелки, эффекты, водяной знак, выделять текст маркером.

    И картинки получаются хорошего качества. [good]

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

    в 22:24 | Ответить
  115. Алексей

    Картинки это груз и большой точно.

    Оптимизация изображения нужна непременно.

    Ведь грамм по грамму и масса может достичь и кило.

    А с лишним весом и самому тяжело идти, а блогу точно.

    Статья полезная , для меня так точно.

    в 15:41 | Ответить
  116. Димка

    Скажите пж где или как сделать такие суперские кнопки — поделиться?

    в 07:47 | Ответить
  117. Татьяна

    Жорик просто супер. Растет!

    Кнопки «Поделись с друзьями» прикольные.

    Надо бы мне тоже посмотреть сколько места мои картинки занимают. :-D

    в 22:10 | Ответить
  118. Геннадий Ольховский

    Спасибо за статью! Она хороша не только тем, что дала многим понятие как можно пользоваться ресурсами для понижения веса картинок, а еще тем, что это НУЖНО делать в обязательном порядке. К примеру я пользуюсь фотошопом. [good]

    в 02:29 | Ответить
  119. Геннадий Ольховский

    P.S. В продолжение разговора хочу добавить информацию о программе Advanced JPEG Compressor. На мой взгляд, это не плохое решение, вот результат

    в 10:19 | Ответить
  120. Kirill

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

    Из конкретики:

    — советовать пользоваться фотошопом ради ужимания картинок конечно хорошо, но не очень правильно — легальная программа стоит немалых денег

    — ставить 70 качество у jpeg тоже мрачно — этого явно недостаточно для более-менее качественного контента

    — «скажи Ретине досвидания» — в творениях Apple сайт с картинками вставленными один-в один по размеру на экране и реальном размере картинки в пикселях будет очень убого... а недалек тот час когда подобный подход к картинкам будет не только у Apple. Грядет эра HD, вы потом будете все картинки перезаливать?

    — очень странно хвалиться килобайтами размера картинок в век потокового видео... какая разница сколько едениц килобайт вы сэкономили, если пользователь лвиную долю времени в сети смотрит видео с никак не менее чем 300-500 кбит/сек. А вот качественный вид, блеск сайта может дать гораздо больше чем мнимые доли секунды на загрузку

    Все является моим скромным мнением 🙂

    в 22:14 | Ответить
  121. Kirill

    Да, забыл написать дельный совет: не занимайтесь оптимизацией картинок и их оценкой на мониторе дешевле 300 евро или ноутбуке дешевле 1500 евро... ;-)

    в 22:18 | Ответить
  122. Лана

    У меня ширина сайт бара 550, сделала как описано в статье, но при загрузке все равно стоит размер Средний (300 × 248) и его никак нельзя изменить на 550

    в 22:59 | Ответить
  123. Надежда

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

    в 13:19 | Ответить
    • Анна

      Почему женщины всегда так себя не любят?

      в 04:18 | Ответить
  124. Вячеслав

    Александр, очень актуальная тема! Спасибо за этот материал! ;-)

    в 20:08 | Ответить
  125. Галина

    Александр, вопрос. Вот я уже давно «уменьшаю» картинки, только без указанного вами сервиса «kraken.io». Программа "Snagit ", скриншот, затем изменяю картинку до нужных мне размеров в Microsoft Office Picture Manager, и помещаю в статью.

    Попробовала Вашим способом, с использованием «kraken.io». — пишет тип файла не поодерживает. Насколько важна работа с последним сервисом?

    в 15:29 | Ответить
  126. Светлана Локтыш

    Спасибо, ваши рекомендации по оптимизации фотографий и графики очень кстати!

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

    в 16:19 | Ответить
  127. валентин

    А я пользуюсь программой Riot, очень действенная штука. Причем программа специализированная, именно для сжатия картинок. Даже сам фотошоп сжимает не так хорошо как программа riot, не нарадуюсь.

    в 20:18 | Ответить
  128. Андрей

    Александр, отличное руководство! Кстати, есть еще более простые способы, как уменьшить размер картинок, я про эти способы уже писал в своей статье «Как уменьшить размер фото».

    в 17:01 | Ответить
  129. Руслан Герань

    Действительно полезный пост. Никогда раньше не задумывался об этом. Но, когда на хотинге объём начал резко увеличиваться, начал думать, как его уменьшить. И понял, что картинка — это, что занимает больше всего места. Теперь знаю как уменьшить их вес.

    в 04:06 | Ответить
  130. Александр

    А я сжимаю картинки и в размере и в весе через программу FSCapture или ACDSee. И та, и другая прекрасно справляются со своими функциями. Кстати, FSCapture еще и видео снимает с экрана в идеальном качестве и минимальном размере.

    в 15:14 | Ответить
  131. Артём

    Александр, очень полезная статья, как раз искал как уменьшить размер изображения)

    в 20:39 | Ответить
  132. Артём

    Теперь знаю, как оптимизировать картинки, хотя в основном те картинки которые мне попадаются весят 20-40 кб ;-)

    в 13:11 | Ответить
  133. Виолетта

    А я делаю сжатие рисунков в Microsoft Office Picture Manager. Про уменьшения размера там же как-то не догадывалась.

    в 16:41 | Ответить
  134. Виктория Крам

    Я все в фотошопе делаю. Меня всегда интересовал оптимальный р-р картинки для поста, пыталась сжать как можно больше, но чтобы качественно выглядело конечно. Теперь знаю — не более 50 кб. Спасибо за инфу! [good]

    в 13:58 | Ответить
  135. Александр

    Спасибо за очередные полезности, Александр!

    Каждый раз, когда читаешь очередную Вашу статью, думая при этом: «С сайтом у меня все норм вроде...», понимаешь, что на самом деле еще «поле непаханное»:) Пойду «пахать»:)

    в 14:35 | Ответить
  136. Николай

    Полезная статья. Пошел оптимизировать изображения. Давно собирался.

    в 02:34 | Ответить
  137. Николай

    И еще. Как подписывать изображения? В том плане, чтобы название написать на картинке.

    в 02:35 | Ответить
  138. Николай

    а можно все это делать с помощью одной какой то программы?

    в 02:36 | Ответить
  139. Николай

    И последний вопрос. Нет ли у вас статьи на блоге про оптимизацию изображений под поисковые системы? Если нет, то может в скором будущем появиться???

    в 02:38 | Ответить
  140. Николай

    Чет не то получается. Начал оптимизировать через smagit и размер изображений только увеличивается. Так в первом случае увеличился с 48 mb до 319, во втором случае с 63 до 380 и так далее.

    Может данный способ подходит не для всего?

    Допустим только для фотографий. Или как?

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

    А получается наоборот.

    в 04:25 | Ответить
  141. Николай

    И еще вопрос. В каком формате лучше сохранять изображения для блога?

    Фотографии?

    в 04:25 | Ответить
  142. Denis

    Спасибо Александр. Очень полезная информация. Я правда фотошопом пользуюсь. Но сейчас попробую воспользоваться Вашим советом. ;-)

    в 21:39 | Ответить
  143. Дима

    На самом деле, самый простой способ ужатия картинок — воспользоваться Adobe FireWorks

    в 20:47 | Ответить
  144. Giftlink

    Отичный материал. Особенно спасибо за ссылку на kraken.io. Пойду оптимизировать картинки на своем сайте.

    в 14:23 | Ответить
  145. Максим Зборовский

    Сжимаю при помощи Snagit. Программу эту, я думаю вы её хорошо знаете,

    в 15:58 | Ответить
  146. Данила

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

    в 11:15 | Ответить
    • Александр Борисов

      В фотошопе все руками делаю сам.

      в 11:33 | Ответить
      • Данила

        И картинки сами рисуете?

        в 14:03 | Ответить
  147. Никита

    Сжимаю картинки через фотошоп. Спасибо за информацию!

    в 21:59 | Ответить
  148. Ирина

    Александр, СПАСИБО ОГРОМНОЕ за эту статью!!! Я раньше вообще ничего не знала об оптимизации изображений((( и к своему сожалению на сайт добавляла изображения с очень большим весом, теперь сайт очень долго грузится((( Скажите пожалуйста, мне можно изменить заново те изображения которые уже есть на сайте (их очень много) и если я их изменю сейчас это не на что не повлияет? или мне теперь нужну добавлять только новые оптимизированные изображения? Заранее СПАСИБО за ответ!!!

    в 13:18 | Ответить
    • Жандос Мукатаев

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

      в 14:55 | Ответить
  149. Александр Белый

    Не все задумываются об оптимизации фото и заливают фотки в статьи по несколько Мб

    в 22:59 | Ответить
  150. Артем

    Спасибо помогло. Сжимал в фотошопе но не в Web, фотки весили боле 100kb, в Web формате вес снизился 60-70kb, также еще можно сжимать в программе Snagit, то же получается не плохой результат

    в 18:33 | Ответить
  151. Артем

    Хороший способ, потратил 3 часа на обработку 700 фото, результат вес уменьшился примерно на половину, некоторые при качестве 25-35 смотрелись даже очень неплохо

    в 21:39 | Ответить
  152. Александр

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

    Для оптимизации jpeg и png использую tinypng.com есть плагин для WP, который жмет картинки автоматом при загрузке. Еще пользовался каким-то, тоже плагин был, поищите в репозитории WP. Позволял пережать как загружаемые, так и существующие. У того же kraken.io теперь тоже есть плагин, так что вперед и с песней.

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

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

    И да, еще в WP отключил штатное сжатие, чтобы больше контроля было.

    в 16:58 | Ответить
Оставить комментарий: (ПРОЧТИ ЭТО!!!)
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]