Актуальная статья
MELEON
Главная / ИНСТРУМЕНТЫ И МЕТОДЫ / Как сжать картинку для блога
Минатюра к статье Как сжать картинку для блога

Как сжать картинку для блога

Займемся оптимизацией png картинок, установленных на наши блоги. Как сжать картинку есть несколько способов (под словом картинки я буду употреблять всё, что вставляется в записи — фото, скрины, чертежи и т.п.)

Чтобы страницы блога грузились без тормозов, необходимо оптимизировать всю его внутреннюю структуру. Сжимать и объединять файлы CSS и Javascript, правильно прописывать и структурировать коды HTML и многое другое, далекое от нашего сознания.

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

Поэтому с этим поаккуратней, все должно быть в меру.

Я не про тех, кто этим жадно интересуется, и готов тратить дни и ночи для познания науки программирования. Честь им и хвала! Они нас в трудную минуту не оставят в беде в свое время, а мы к ним время от времени будем приползать на коленях, прося помощи. Зато живые!

Оставим сиэсэсы и джава скрипты и освоим методы как сжать картинку до нужного размера.

 

Как сжать картинку для сайта

 

Будем сжимать формат .png . И конечно делать будем в Фотошопе.

Другие способы есть, даже можно сжать картинку онлайн. Я их не применяю и не ищу.

Жаль конечно, что тот, кто читает эту статью, не умеет пользоваться Фотошопом. Сочувствую, но ничем помочь не могу. Надо изучать. Это совсем просто, тем более овладеть сжатие картинок без потери качества.

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

Читайте статьи http://rwix.ru/kak-sdelat-kartinku-unikalnoy.html и http://rwix.ru/tekst-3d-i-vasha-kartinka-unikalna.html. А я буду время от времени выпускать статьи, касающиеся приемов в Фотошопе, которые будут нужны сугубо для ведения блога.

И так начнем.

 

Сохранить для WEB

 

Рассмотри как присходит сжатие картинок, и как сжать картинку до нужного размера.
Исходник нашей фотографии «весит» 2 Мб. Довольно тяжелый для размещения на сайт.

Оригинал фото. Как видим он довольно тяжелый

 

Открываем Фотошоп и тащим картинку прямо на рабочий экран

Перетаскиваем фото в окно Фотошопа
Просто жмем ОК

 

Меню Файл —- Сохранить для WEB

Меню файл - сохранить для ВЭБ

 

Откроется новое окно

Окно сохранения с новыми значениями

 

 

В этом окне выбираем в верхнем окне PNG-24. Прозрачность. В размерах изображения устанавливаем ширину – 800, высота автоматом встанет в пропорции к ширине.
И видим в левом нижнем углу, размер уже стал 439,6 Кбт. Чувствуете разницу. И в качестве это фото почти не ухудшилась.
Нажать кнопку Сохранить и указать путь для новой картинки в новом окне.
Картинка сжата!

 

Сжимаем инструментом Пастеризация

 

Полученную картинку можно еще сжать и мы сейчас это сделаем.
Закрываем этот наш кадр БЕЗ СОХРАНЕНИЯ.
И тащим на экран Фотошопа нашу, уже сжатую картинку в .png формате. И в меню Изображение — Коррекция — Пастеризация

Инструмент пастеризация

 

Картинка будет такой

Вид фото в настройке инструмента пастеризации

 

 

Тянем бегунок в появившемся настроечном меню до значения 30-40, смотря как меняется изображение. Оно уже будет приемлемым после значения 40. Если будет мало, протащите подальше. Но дальше в принципе качество особо не меняется, а вес увеличивется.
Я сделал 50 и у меня получилось так

Настройка качества в пастеризации

 

 

Жмем ОК

И повторяем сохранение файла в том порядке, который описан выше, Сохранить для WEB.

Смотрим размер. У меня получилось 288,8 Кбт

Сжатоя по объему фото

 

 

И вот таким не хитрым способом мы с 2,05 Мбт. Получили фото 288,8 Кбт., сжав в 7 раз объем картинки.

Может возникнуть вопрос, а что если сразу с пастеризацией делать? Ответ: Не сжимается!

Дерзайте!

 

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

MELEON

Проверьте также

Macrium Reflec восстановление. Завершающий этап

Восстановление системы Виндовс. Часть 6 — решающий бросок Macrium Reflect

И так приступаем к завершающему этапу восстановления системы. Следует проштудировать все части Восстановления системы: Часть …

Создать BOOT меню

Восстановление системы Виндовс. Часть 5 — Boot меню

Что такое Boot меню? Это когда при запуске или перезагрузке системы, открывается окно, где предлагается …

Создать раздел на жестком диске

Восстановление системы Виндовс. Часть 4 — Как создать раздел на жестком диске

В предыдущих статьях мы последовательно рассматривали процесс восстановления системы. Смотрите и изучайте Часть 1, Часть …

Создание загрузочного диска

Восстановление системы Виндовс. Часть 3 — Создание загрузочного диска

Продолжаем осваивать очень нужную тему, Восстановление системы Виндовс, Создание загрузочного диска Windows 10. Кто пропустил …

Как создать образ системы

Восстановление системы Виндовс. Часть 2 — Как создать образ системного диска

В статье Восстановление системы части 1 мы загрузили  и установили программы, нужные для восстановления. Следующий …

Восстановление системы виндовс. Загрузка программ

Восстановление системы Виндовс. Часть 1 — Загрузка программ

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Яндекс.Маркет