Это цитата сообщения AnnaDu Оригинальное сообщение
Как уменьшать размеры графических файлов.
Урок-ответ на вопрос Татьяны Кирилловой.
Я довольно редко пользуюсь способами изменения "веса" изображения, поскольку это неизбежно отрицательно влияет на его качество. Но иногда....в конце месяца, когда заканчиваются мои лимитированные 4 гигабайта бесплатного интернета, а так хочется что-то там загрузить.... каюсь, делаю это!
Итак, наша задача - сделать изображение "легче", но так, чтобы непрофессиональному взгляду не было заметно, что качество не совсем "качественное" :).
Я думаю, существует много способов "облегчения", но я делаю это пока так, как опишу. Но нет предела совершенству! Существует довольно много способов и инструментов для оптимизации изображений. Я же делаю это с помощью Фотошопа.Иногда во время процесса работы с изображением, иногда загружаю изображение и оптимизирую его.
Кстати, этот урок - из тех, о которых говорят: "Долго сказка сказывается, да не долго дело делается!". Это только на первый взгляд кажется, что долго и нудно. А когда "набьёшь руку", то весь процесс длится считанные минуты.
1. IPG
Можно очень легко заставить "похудеть" изображение в этом формате.Например, попробуем "облегчить" вот эту картинку весом в 288 килобайт.
Немного уменьшить вес можно легко и просто:
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. Если у вас возникли вопросы, или что-то было непонятно, или появились замечания и дополнения - пожалуйста, пожалуйста, пожалуйста!!!!