Как правильно сжимать снимки экрана

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

Лучший пользовательский софт:

1. Adobe Photoshop
2. Macromedia Fireworks

Adobe Photoshop - графический редактор, изначально созданный для полиграфии. С 5-й версии (1999) появилась опция сохранения для WEB.
Macromedia Fireworks - аналог Photoshop’а, предназначенный для WEB-дизайна (в нем еще клепают GIF-баннеры в пять сек.).
Современные версии этих программ громоздкие, так что если хотите использовать только для сохранения картинок, рекомендую ставить старье - алгоритмы сжатия графики за 10 лет не изменились, а ненужные функции вам ни к чему.

Простейшие действия по сжатию:

1. Сделать захват экрана - PrintScreen, Alt+PrintScreen или захватить кадр средствами медиа-плеера. Кадр скопируется в буфер обмена.

2. Открыть графический редактор Photoshop или Fireworks.

3. Нажать Ctrl+N (появится окно создания файла - его линейные размеры будут точно такими же, как и у скопированной в буфер картинки, т.к. обе программы отслеживают содержимое буфера обмена).
Для некоторых версий требуется убедиться, что выбран английский язык, иначе не среагирует на сочетание Ctrl+N.

4. Создать пустой файл и вставить картинку - Ctrl+V (в старых версиях Фотошопа можно Shift+Ins)

5. Если прихвачено лишнее, изображение лучше скадрировать. В обоих программах значок кадрировки/обрезки находится на панели «Инструменты» (Tools) и выглядит одинаково. Выбираем этот значок - он на рисунке в левом верхнем углу. Растянем прямоугольник на необходимую область, далее Enter или двойной клик мышкой. Лишнее удалится.


6. Дальше программы Photoshop и Fireworks немного различаются. Чтобы сохранить для WEB, из меню «Файл» нужно выбрать то, что на рисунках (либо клавиатурные сочетания):



7. Диалоговое окно в Photoshop позволяет сравнить оптимизированное изображение с оригиналом:

- Image Size - можно задать и новый размер картинки

8. Диалоговое окно в Fireworks показывает только конечный результат оптимизации.

- новый размер картинки задается во вкладке File этого же окна.
- Remove unused colors - важно только для формата GIF (всегда по умолчанию вкл.).

9. Выбрать формат изображения, степень сжатия (Quality - задать процент качества) и сохранить/экспортировать файл.
Если картинка контрастная, где много красного на темных тонах, то не рекомендуется сжимать очень сильно (ниже 40% потери) - появятся провалы на стыках цветов. Лучше прислать картинку с не менее 50% потерь.
Если картинка резкая, то сильное сжатие тоже не рекомендуется, т.к. во время сжатия могут появиться лишние объекты.
Хорошо сжимаются изображения средней резкости, с относительно равномерной насыщенностью и яркостью.

В связи с ростом скоростей интернета и прогресса в технике минимальный размер картинки по ширине для раздела Киноляпы увеличен в два раза (было 150 пикселей, стало 333). И все равно, на Ж/К-мониторах с высокими разрешениям эти картинки едва разглядеть. Отчасти потому, что подавляющее большинство Ж/К-мониторов работает не на эргономичном разрешении экрана. Например, для 17-дюймовых Ж/К-мониторов техническим разрешением считается 1280х1024, в то время как на 1024х768 появляется «грязь» на экране (ну не родное это теперь разрешение). Таким образом, владельцам 17-шек приходится выбирать из двух зол меньшее - либо продолжать смотреть на 1024х768, жертвуя четкостью; либо смириться с техническим 1280х1024, жертвуя величиной шрифтов и картинок, хоть и резких, но ужасно маленьких для такой диагонали.

Разместить картинки можно на форуме, найдя или создав станицу обсуждения фильма.

Генрих Лиговский

26.09.07