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

Статьи в этой же категории

Займемся оптимизацией 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 и у меня получилось так