Как уменьшать размеры графических файлов.

Урок-ответ на вопрос  Татьяны Кирилловой.

Я довольно редко пользуюсь способами изменения "веса" изображения, поскольку это неизбежно отрицательно влияет на его качество. Но иногда....в конце месяца, когда заканчиваются мои лимитированные 4 гигабайта бесплатного интернета, а так хочется что-то там загрузить.... каюсь, делаю это!

Итак, наша задача - сделать изображение "легче", но так, чтобы непрофессиональному взгляду не было заметно, что качество не совсем "качественное" :).

Я думаю, существует много способов "облегчения", но я делаю это пока так, как опишу. Но нет предела совершенству! Существует довольно много способов и инструментов для оптимизации изображений. Я же делаю это с помощью Фотошопа.Иногда во время процесса работы с изображением, иногда загружаю изображение и оптимизирую его.

Кстати, этот урок - из тех, о которых говорят: "Долго сказка сказывается, да не долго дело делается!". Это только на первый взгляд кажется, что долго и нудно. А когда "набьёшь руку", то весь процесс длится считанные минуты.

1. IPG

Можно очень легко заставить "похудеть" изображение в этом формате.Например, попробуем "облегчить" вот эту картинку весом в 288 килобайт.

1.

Немного уменьшить вес можно легко и просто:

File-Save for Web

В открывшемся окне устанавливаем режим просмотра одновременно двух изображений, нажав 2-Up. Первое изображение - оригинал, а второе будет нам показывать, как будет изменяться оригинал при нашем "воздействии" на него.

Ищем сверху справа окошко Quality. 100% - показатель высшего качества. И вот просто уменьшая этот показатель, передвигая ползунок, и одновременно поглядывая на нижний рисунок, находим оптимальный вариант, когда и процент качества снизился, и рисунок вроде не очень изменился... Остановимся на 50 %. Хочу добавить, что это довольно "жестокий" процент снижения качества - когда "уже заметно". А установила я его для наглядности.

Сохраняем сжатое изображение и считаем килобайты.

В результате нашего "жестокого обращения" наше изображение "потеряло" 86 килобайт.

2. Можно усложнить этот процесс и "сбросить" ещё несколько килобайтов.Для этого необходимо обработать изображение фильтрами.Я делаю это так:а. использую фильтр Unsharp Mask

(Можно это действие повторять несколько раз, наблюдая за изменениями изображения)

в. использую фильтр Despeckle (размытие)

и затем, нажав Ctrl+Shift+F вызываю окошко регулировки размытия. Устанавливаю 50%.

с. удаляю шумы фильтром Reduce Noise

d. и затем как в 1.(File-Save for Web и т.д.)

В результате наших действий с фильтрами мы "потеряли" ещё 14 килобайт. Но изображение заметно изменилось. Так что вам самим решать, сжимать или не сжимать изображение. И в конце концов, может быть мы и хотели чтобы оно стало таким! :)))

Ещё раз хочу добавить: предложенные действия и инструменты - не панацея. Можно использовать и другие всевозможные параметры. фильтры, функции равно как для IPG, так и для других форматов.

2. GIF

Будем оптимизировать вот эту розочку весом 36, 7 килобайт

.

Поиграть с фильтрами у нас не получится, так они отключены при индексированных цветах.Сразу идём File-Save for Web...

Работать будем в открывшемся окне Preset. Обратите сразу внимание, что сжатие лучше производить при установке Selective.

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

Затем переходим к функции Lossy (понижение качества). Устанавливаем показатель около 20: это будет не совсем болезненно для нашего изображения.

Можно немножко уменьшить параметр размытие (Dither)

Ну, и достаточно.Сохраняем наше изображение.

В результате произведённых нами манипуляций размер изменённого файла уменьшился до 32,2

GIF -анимация.

Возьмём для примера вот этот файл размером 236 килобайт

.

Загружаем его в ImageReady:

Переходим в Photoshop:

Затем идём File-Save for Web...

И в открывшемся окне совершаем манипуляции точно так же, как мы делали выше с одиночным файлом формата GIF.

Сохраняем. Размер сжатого файла уменьшился до 153 килобайтов

.

3. PNG-8

(Очень похоже на работу с GIF)

Попробуем сжать вот этот файл размером 143 килобайта.

Сразу идём File-Save for Web...и в открывшемся окошке устанавливаем показатели параметров, как указано на скрин-шоте. (Но вы можете установить показатели так, как вы считаете нужным!)

Сохраняем. И размер сжатого файла у нас стал 120 килобайт.

4. PNG-24

А вот с PNG-24 я не делаю ничего! Не умею. Когда я сохраняю файл в этом формате, то сразу же в режиме Optimised. И дальнейшие мои попытки что-то ещё оптимизировать приводили только к увеличению размера файла!Но... нет предела совершенству! Может быть, если долго мучиться....

Итак, на сегодня у меня всё!На первый взгляд кажется: какая малость - там сбросили 14 килобайт, тут - 30... Стоит ли возиться... Действительно, не стоит, если изображений загружается не очень много. А если сотни? Во и посчитайте, стоит ли шкурка выделки! Спасибо за внимание!

P.S. Если урок понравился и был полезным для вас, пожалуйста, поблагодарите учителя!P.P.S. Если у вас возникли вопросы, или что-то было непонятно, или появились замечания и дополнения - пожалуйста, пожалуйста, пожалуйста!!!!