Всем привет!
Оптимизация… Что это, зачем она нужна? Думаю, те, у кого есть свой блог, уже не раз слышали данное слово, применяли и будут применять его на практике!
Да, все правильно — так заведено! Хочешь понравиться поисковикам — работай по правилам!
И пускай с годами все меняется, алгоритмы поисковиков стают все лучше. Для одних это конечно же плохо, для других хорошо…
Так или иначе во всем есть две стороны медали!
Не удивлюсь, если в далеком будущем поисковики будут еще и чувствовать подобно человеку!
Несмотря на все это, оптимизацию изображений еще никто не отменял!
Вообщем, сегодня мы зайдем с технической стороны и вы узнаете как уменьшить вес картинки без потери ее качества!
Многие просто не знают об этом… Закидают на свой блог картинки с оригинальным размером, потом начинают с помощью редактора все подгонять, создают дополнительные копии и т.д…
А некоторые даже загружают фотографии без каких-либо изменений, где вес измеряется в мегабайтах!
Не хотите усложнять себе жизнь, но тем самым вы усложняете ее своему блогу! Ведь, лишняя секунда при загрузке страницы вашего блога может быть решающей. От нее будет зависеть — отправить сайт в Топ или песочницу!
Как по мне, оптимальный размер картинки должен не превышать 100 Кб. Здесь чем меньше, тем лучше!
К примеру, у меня в начале каждой статьи стоит объемная картинка, сохранив ее в фотошопе в высоком качестве мы получили бы приличный размер около 200 Кб, а то и более.
На нее было правило — вес должен быть не более 80-85 Кб. Все остальное в постах — это были мелочи…
Да, я здесь опять речь о фотошопе толкать буду! Правда полезность всего этого направлена именно для блоггинга!
Нужно соблюдать два правила:
- Заранее редактируйте размер (высота, ширина) изображения.
На блог нужно загружать уже готовое изображение! Для этого вам необходимо просто оценить свой шаблон, посмотреть где, что и как…
- Правильно сохраняйте.
Обычно все те, кто использует фотошоп, после редактирования сохраняют картинки таким вот путем: «Файл — Сохранить (или Сохранить как…)».
Давайте-ка рассмотрим другой способ, который сделает вес картинки в пару раз меньше при этом сохранив качество!
Заходим во вкладку «Файл» и выбираем «Сохранить для Web»:
Автоматически откроется большое окно с различными настройками:
Ничего сложного нет, так как нам нужно будет сменить только несколько параметров:
Для начала в окне «Набор» ставим «Высокое качество JPEG». Еще здесь можно, даже нужно изменять «Качество».
Сколько ставить — решать вам, также свою роль здесь играет сама картинка. Слева есть окно, где отображаются изменения — понижайте качество до тех пор, пока не увидите какие-то искажения!
К примеру, я почти всегда ставлю на 40 — это оптимальный вариант!
После нажимаем «Сохранить…»:
Ставим «Рабочий стол» и снова «Сохранить»:
Заменяем свой предыдущий файл:
Выскочит «Предупреждение функции Adope <<Сохранить для Web>>»:
Смело нажимайте «Ок» + можете поставить галочку и данное окно вас больше не побеспокоить!
Для лучшего усвоения материала советую вам посмотреть видеоурок:
P.S. Все равно фотошоп уже открытый, ознакомьтесь с остальными полезностями:
На сегодня все!
Всем пока!
С уважением, Влад Лемишко
А ещё можно скрин сделать картинки, тоже работает =)
Да или на фриланс отнести!
Как по мне, делать скрин уже готовой картинки это жестко… Кстати, обычные скрины с экрана тоже имеют неплохой размер.
Значит нужно скрин скрином выбивать!
ДА., да …хорошо сказал
Автор, это была неплохая статья….ждем еще больших высот.
Павел, спасибо большое!
Да, именно таким образом и сжимаю картинки) Можно потом ещё добавиться в сервис smush.it, таким образом ещё немного Кб уберётся!
Влад, а ты сам делал такую красивую форму для комментов?
Форму на фрилансе сделали! А что понравилась?
Как там говорят: «Простота — сестра таланта» или «Будь проще и люди к тебе потянутся»…
Полностью согласен! Тоже со временем хочу себе такую форму) Очень приятная глазу! Выделение зелёным цветом тоже огонь! Большая кнопка «отправить» офигенная! Короче очень нравится!
Почему-то подумал, что ты про подписную форму тогда спросил (вот и подшутил как бы в ответ)…
Форма для комментариев такая и была… Я хотел в ней подсветку даже менять сначала… Теперь вижу, что это лишнее!
О, сегодня уже дизайн новый =)
Я тоже обычно через веб уменьшаю
Люблю химичить на блоге!
Был большой застой, теперь решил снова что-то изменить… Да и навыков уже побольше!
Я для просмотра изменений в теме, чтобы не выводить сразу на блог, плагином пользуюсь — WordPress Theme Demo Bar, очень удобно.
А так темка мне нравится (особенно выделение поля ввода в комментах — приятно смотреть, прям писать хочется)
У меня для таких дел поддомен есть!
Но, когда переносишь все на блог все равно происходят какие-то косяки, которые приходится устранять на ходу…
Плагин возможно попробую… Спасибо!
З.Ы. А почему количество просмотров не работает?
Анастасия, так задумано!
Если на самом деле, там просто нужно поставить плагин. Но, мне данная фишка не по душе.
Пока что думаю: убирать все полностью или нет…
Тогда скрой текст) А то совсем интрига. Я пробовала скрипт с wp-kama ставить на просмотры, но так и не поняла, заработал он или нет
Ну с плагином-то сразу на блоге пробуешь как будет выглядеть, а не на поддомене) Соответственно, можно все исправлять
Подумаю над вашим предложением!
Интрига это хорошо!
Привет, Влад! Шаблон поменял? Похвально! Любишь ты перемены, но может это и к лучшему! Смотрится строго и со вкусом шаблон.
Статья очень полезная, по крайне мере для меня долгожданная.Спасибо)
Привет, Лара!
Ага, решил сменить! И так большой застой был… Но, это не конец и перемены обязательно будут еще!
Именно таким образом и оптимизирую картинки, даже уже и не помню где брал информацию, если честно! Как говорится, один раз прочитал и навсегда запомнил!
А так для тех, кто не знает как уменьшать вес картинки для блога — статья просто идеальная!
Еще есть
http://optimin.ruСжимает гораздо лучше.
Ух ты! Классный дизайн, бесспорно
Все супер, особенно понравилась форма подписки. Я тоже фотошопом пользуюсь, когда надо размер уменьшить)
Алексей, спасибо!
Спасибо ,очень помогло,долго не мог найти.
Влад, привет. Прочитала всю статью, убедилась, что я всё правильно делаю. Спасибо =) Шаблон отличный!)
Привет! Спасибо!
Можно сделать проще, сжать, оптимизировать изображения с помощью онлайн сервисов, вот например через —
http://www.jpegmini.com/иhttps://compressor.io/Тоже этим методом пользуюсь, но иногда еще использую сервис или программку снагит. А, так конечно же больше предпочитаю использовать фотошоп))
Я лично, хоть блог и фотошопе, но не использую фотошоп во время написания статьей ( только для скриншотов ). Есть аналоги по проще.
Зачем искать что-то другое, когда все можно сделать с помощью одной проверенной годами программы…
Хочу заново переоптимизировать свои картинки!) всех уникализировать и уменьшить размеры!)
Фотошоп надо скачать на новый ноутбук!)
Удачи! =)
Я обычно снагитом картинку уменьшаю, и формат ставлю гиф, до 40кб выходит, максимально, а так обычно меньше.))
Да я вообще раньше не знала, что картинки уменьшать надо в весе, кошмар сколько бы мне надо было всего переделывать, будь я на старом блоге.)