FastStone Image Viewer — программа просмотрщик фото, помогающая изменить его размер и вес

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу поговорить про довольно полезную утилиту под названием FastStone Image Viewer. Фактически это аналог Тотал Коммандера, но применительно только к изображениям.

Из названия, наверное, становится понятно, что это безусловно просмотрщик (программа для просмотра фотографий), но на этом функционал данного девайса не ограничивается. Хотя даже относительно своего основного функционала, он опережает многих своих конкурентов.

Программа эта довольно шустрая, полностью и корректно переведена на русский язык, и кроме агрегации фоток позволяет принимать изображения со сканера, обрабатывать фотографии в пакетном режиме (переименование, преобразование в другой формат растровой графики, удаление метаданных, изменение размера), имеет встроенный редактор, поддерживает слайд-шоу с музычкой (читайте также про создание слайдеров для сайта).

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

Скачать и настроить FastStone Image Viewer под свои нужды

Если вы уже создали свой сайт, то должны знать, что текст в чистом виде довольно плохо воспринимается и усваивается читателями. Его необходимо будет разбавить каким-либо медиаконтентом, например, картинками. Однако, перед выкладыванием в сеть фотографий, их необходимо предварительно оптимизировать, чтобы они имели нужный вам размер и минимальный вес (попросту говоря — сжать), при котором качество изображений останется еще на довольно хорошем уровне (читайте про то, как улучшить качество фото онлайн за 5 минут).

Вы владеете Фотошопом или каким-либо другим графическим редактором (например, его бесплатной онлайн версией Pixlr)? Тогда для вас это проблемы не составит.

А вот я, например, до сих пор с растровой графикой на «Вы» и поэтому для меня FastStone сейчас в большей мере служит не просмотровщиком, а именно простейшим графическим редактором, который помогает мне уменьшить габариты картинок (даже пакетным способом), оптимизировать их вес или добавить водяные знаки, при необходимости. Да и вставить надписи или какие-либо другие пояснения на фотографию с помощью него тоже будет совсем не сложно. Но давайте обо всем по порядку.

Последняя текущая версия программы имеет номер 4.8 и скачать ее можно будет совершенно бесплатно по следующей ссылке:

Правда в случае коммерческого использования данной программы вам придется заключить соглашение с автором и уплатить определенную сумму. Но это, естественно, нам не грозит. Кроме обычной версии с официального сайта можно будет скачать FastStone Image Viewer 4.8 Portable, которая не требует установки в операционную систему, и ее можно разместить на флешке для работы с фотографиями в удобном и привычном вам просмотрщике на любом компьютере (а на саму флешку можно поставить пароль, чтобы ваши фотки не попали в чужие руки при ее утере или краже).

Если вы еще помните как выглядели первые версии ACDSee (современные инкарнации этого вьювера чудовищно громоздки и неповоротливы), то интерфейс Фастстоун покажется вам очень знакомым. Возникает ощущение дежавю (сходство еще более усилится, если из верхнего меню выбрать пункты Настройки — Тема интерфейса и сменить скин на классический).

Практически идентичные действия по переходу в полноэкранный режим просмотра отдельных фотографий (двойной клик мышью) и перехода между изображениям из открытой папки в этом самом полноэкранном режиме (колесо мыши или стрелки). Ну и выход из полноэкранного режима осуществляется с помощью все тех же клавиш Энтера или Эскейпа.

Однако разработчики FastStone Image Viewer существенно улучшили юзабилити своего просмотрщика и добавили четыре выплывающих панели в полноэкранном режиме с каждой из сторон. Собственно, при первой попытке открыть фото на весь экран, услужливая программа вам об этом сообщит:

При подведении курсора мыши к верхней кромке экрана (подразумевается, что вы сейчас просматриваете картинку в полноэкранном режиме) покажется панель с миниатюрами всех фотографий, которые живут в той же папке, что и просматриваемая. Но не только это.

Сверху будет панелька с иконками инструментов, которые позволят перемещаться по различным папкам на вашем компьютере, перемещать или копировать туда данную фотку, производить простые действия над открытым изображением (поворот, удаление, печать и т.п), запустить слайдшоу или сравнение нескольких фотографий:

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

Из нижнего края экрана FastStone Image Viewer (при просмотре фото во всю ширь) вы сможете выудить панельку с инструментами, похожую на ту, что мы уже имели честь лицезреть при задевании мышью верхней кромки экрана. Ну и, наконец, самое вкусное, на мой взгляд, кроется за левой гранью потустороннего мира:

Чего тут только нет. И изменение размера открытой в FastStone фотографии, и ее обрезка, повороты, различные фильтры и наложения. Причем, все это оформлено в расчете на начинающих пользователей (как и мой блог, собственно), поэтому лишних вопросов при освоении данной программы обычно не возникает. Но я все же попробую чуть-чуть углубить и расширить свой мануал об этом популярном вьювере.

Однако, для начала не мешало бы зайти в настройки FastStone Image Viewer, выбрав из верхнего меню одноименный пункт, и подогнать все под себя. Большинству из нас работать с фотографиями приходится довольно часто и было бы здорово, если бы программа для их просмотра не создавала неудобств (мелочи в повседневных делах могут сильно выбешивать).

Кстати, данный Viewer отличается тем, что практически все настройки по умолчанию соответствуют моим запросам (в отличии от старого ACDSee). Либо я делал их так давно, что уже забыл. Тем не менее, вы вольны поэкспериментировать с настройками режима просмотра изображений, размерами и цветовым оформлением эскизов (миниатюр) фотографий, настройками лупы, ассоциации (теми расширениями файлов, которые будут открываться в этом просмотрщике по умолчанию) и тому подобными вещами. Все на русском и имеет достаточно точное описание.

Мне в свое время очень понравилась возможность использовать для просмотра фотографий два монитора, если они имеют место у вас быть. Можно менеджер с миниатюрами открыть на одном мониторе, а фото в полноэкранном представлении на другом, что добавляет наглядности и удобства использования. У меня в качестве второго монитора для всех компов в доме установлен ТФТ телевизор с большой диагональною.

Так вот, можно задать настройки, чтобы открытая на вашем основном мониторе программа FastStone Image Viewer отображала запущенное вами слайдшоу на другом мониторе (в моем случае телевизоре), который является расширением рабочего стола. Ваши гости при просмотре новых фоток несомненно это оценят, хотя сейчас и телевизоры сами способны крутить слайдшоу с флешки, но тем не менее пяток лет назад это было прикольно.

Да, еще Фастстоун понимает форматы RAW (нечто на вроде цифрового негатива) почти всех популярных фотоаппаратов, и вы сможете в настройках задать способ формирования миниатюр при просмотре еще не обработанных Равов. Ну и также в настройках этого просмотрщика (вьювера) вы сможете задать внешние программы для редактирования фото и выбрать музыкальные композиции, которые будут ублажать душу зрителей при просмотре слайдшоу.

Как уменьшить размер и вес фотографии (сжать ее) в FastStone

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

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

Лично я это делаю в программе просмотрщике Image Viewer, ибо там это все реализовано довольно просто и понятно. Начнем по порядку. Допустим, что мы хотим изменить размер имеющегося у нас фото или даже целого ряда фотографий. Во многих случаях можно будет прибегнуть к пакетной обработке, если требуется привести все к одному формату.

Но начнем мы все же с индивидуального уменьшения фотографии (об увеличении я не говорю, ибо в растровой графике это действо приводит к серьезному ухудшению качества), которая, например, была получена с современного чудовищно-пиксельного фотика. При этом, если вы находитесь в режиме полноэкранного просмотра фото, то просто подведите указатель мыши к левому краю экрана и выберите один из трех возможных пунктов, отвечающих за изменение разрешения:

Можно сказать, что пунктов для изменения размера самого изображения только два, ибо третий вариант изменяет габариты холста. В этом случае разрешение фотографии не меняется — при увеличении размера по краям будет увеличиваться область фона заданного вами цвета, а при уменьшение будет происходить обрезка фото справа и снизу.

Если вам нужно получить фото стандартного формата (например, для загрузки на доску объявлений или еще куда), то проще всего будет воспользоваться пунктом «Быстро изменить размер». В этом случае вы увидите выпадающий список с этими самыми стандартными форматами:

Они приводятся и в пикселах (разрешение — ширина и высота), и в процентах от размера исходного фото. После щелчка по одному из пунктов, открытая в полноэкранном режиме фотография изменит свой размер. Если вас все устраивает, то щелкайте по нему правой кнопкой мыши и выбирайте из контекстного меню пункт «Сохранить как», а если не устраивает, то выбирайте другой вариант из пункта «Быстро изменить».

Да, если вы забудете сохранить файл с уменьшенной картинкой, то FastStone Image Viewer обязательно вам об этом напомнит (задаст вопрос о его дальнейшей судьбе). Ну, а если вам нужен не абы какой размер, а какой-то конкретный (например, равный ширине страницы вашего сайта), то выбирайте из левого выезжающего списка вариант «Изменить размер/дпи»:

Вы можете задать ширину или высоту картинки в пикселах, процентах от исходного размера фотографии или же в дюймах (с указание ДПИ — количества точек на квадратный дюйм). Можно будет опять же выбрать один из стандартных разрешений из расположенного внизу списка.

В большинстве случаев вы не захотите изменять пропорции изображения, поэтому галочка «Сохранять пропорции» по умолчанию установлена. В этом случае можете задавать только желаемую высоту или ширину фото, а второй размер пересчитается автоматически так, чтобы фотку не перекосило.

Ну и если у вас куча времени, то можете поэкспериментировать с фильтрами, с помощью которых будет осуществлять интерполяция. Что это такое? Растровое изображение состоит из конечного и целого числа точек. При изменении его размера, скорее всего, не получится точного деления на целое количество точек, поэтому и применяются различные методы уменьшения без видимого ухудшения качества картинки при ее сжатии.

Для примера попробуйте уменьшить габариты сделанного на компе скрина с текстом (читайте про то, как лучше всего сделать скриншот и как его сделать быстро в clip2net) и наглядно убедиться в моих словах.

Собственно, нажимаете ОК, а потом сохраняете фото с измененными размерами. Из режима просмотра миниатюр в Фастстоун тоже можно попасть в приведенное на последнем скриншоте окно. Для этого достаточно один раз щелкнуть мышью по миниатюре нужного изображения (для его выделения) и выбрать из верхнего FastStone Image Viewer меню «Правка» — «Изменить размер». Последовательность действий будет такой же.

Как сжать фото в FastStone Image Viewer

Про пакетное изменение разрешения для картинок мы поговорим чуть позже, а сейчас я хотел бы остановиться на вопросе сжатия изображения для уменьшения его итогового веса (измеряемого в килобайтах). При этом нужно понимать, что существуют форматы растровой графики, которые сохраняют исходное фото с потерей качества (например, jpg) и без потери качества (например, png). Кстати, FastStone примечателен тем, что с форматом jpg позволяет работать без потерь.

Для того, чтобы понять какие именно типы файлов использовать лучше всего при сохранении изображений, ознакомьтесь с моей статьей про форматы растровой графики jpg, png и gif (именно они используются для выкладывания фотографий во всемирной паутине). Один только правильный выбор формата может существенно уменьшить вес фото.

Например, большинство скриншотов, выложенных на KtoNaNovenkogo.ru, отображают текст. Такие картинки, сохраненные в jpg, будут иметь цветовые шумы на границе текста и чтобы этого избежать приходится использовать максимальное качество при сохранении в jpeg, что сильно влияет на вес итогового файла.

Поэтому лучше всего скриншоты с текстом (или любые другие изображения с резко контрастными границами) сжимаются (имеют наименьший вес) при выборе формата Png (или Gif, но он уже несколько устарел). Никаких искажений при этом вы не заметите (если только не будете потом изменять размер этого скриншота). Особенно сильная экономия в весе фотографии получится при выборе PNG 8 с 256 цветами, но это может ухудшить отображения плавных цветовых переходов, поэтому нужно всегда смотреть на результат сжатия.

Но бывают случаи, когда формат Jpg будет более предпочтительным. Особенно актуальным будет такой выбор, когда при сохранении картинок можно будет существенно занизить его качество (не забываем, что JPG подразумевает ухудшение качества, которое можно будет регулировать) не боясь появления видимых искажений (например, под это дело попадают обычные фотографии с плавными переходами цветов).

Но давайте поговорим о сжатии фотографий применительно к FastStone Image Viewer. Уменьшение размера (разрешения) мы уже рассмотрели, а именно оно дает существенную экономию в весе. Один мой знакомый (умный парень, но просто был не в теме) по незнанию загрузил на сайт несколько фоток в пяток мегабайт весом каждая и задал при вставке их на сайт ширину и высоту 100 на 100 пикселей (если помните, то для вставки картинок используется тег Img, где атрибутами и задаются его размеры).

Все было бы хорошо, но эти картинки загружались десяток, а то и более секунд, вызывая у него неподдельное удивление. Он ведь слышал, что скорость загрузки напрямую влияет на ранжирование сайта в Яндексе и Гугле, а также влияет на поведенческие факторы (читайте про технический аудит сайта). В мои объяснения про зависимость веса изображения от его физического разрешения он врубился не сразу, ибо думал, что атрибуты ширины и высоты тега IMG и должны были решить все проблемы.

Поэтому сначала изменяем размер фото до того разрешения, какое требуется для вставки на сайт или же для его комфортного просмотра на компе. И также пытаемся определить, в каком именно формате это чудо будет иметь наименьший вес. Как это сделать? В Image Viewer я это делаю в диалоге сохранения (клик правой кнопкой мыши по картинке и пункт «Сохранить как» из контекстного меню):

Как я уже говорил, в случае скриншотов лучшие результаты сжатия достигаются обычно при сохранении в PNG. Именно его я и выбираю из выпадающего списка, а потом нажимаю на кнопку «Опции», чтобы по возможности уменьшить вес изображения еще больше, а заодно посмотреть его предполагаемый вес в этом формате:

Как видите, по умолчанию вес данной фотографии в формате PNG получился 52 килобайта (при попытке сохранения в формате JPG вес получается такой же, но уже видны искажения на буквах и дальнейшее сжатие за счет уменьшения качества уже не возможно), что явно многовато для выкладывания на сайт.

Но выбрав вариант PNG с 256 цветами (так называемый PNG 8) я получил уменьшение размера (веса) фото до скромных и приемлемых 14 килобайт. Красота. В итоге вес уменьшился более чем в три раза, что в столько же раз примерно увеличит скорость загрузки страницы моего блога. А вы говорите...

Если ваша фотография лучше сжимается в формате JPG, то нужно использовать именно его. Кроме этого в диалоге сохранения программы FastStone Image Viewer, при нажатии на кнопку «Опции», вы получите возможность понизить качество (уменьшая тем самым итоговый вес картинки) вплоть до того момента, пока вариант справа не станет ощутимо хуже выглядеть, чем аналогичный вариант слева:

Тоже самое можно сказать и про формат GIF — для уменьшения веса фотографии там можно будет уменьшать количество цветов ниже используемых по умолчанию 256 штук. Оптимальное соотношение определяется опять же просмотром и сравнением оригинала и сжатой копии. В общем, FastStone вполне подходит для сжатия фото, тем более, что разбираться в нем, в общем-то, и не надо особо — все интуитивно понятно и естественно.

Другие возможности просмотрщика FastStone Image Viewer

Я еще обещал упомянуть о пакетном изменении размеров фотографий, поэтому про это сейчас и поговорим. Пакетным образом (одновременно для большого количества фото) в FastStone можно делать несколько вещей:

1. Переименовывать файлы изображений по нескольким видам масок (тоже самое с успехом можно делать и в Тотал Командере с еще большим количеством вариантов масок)
2. Преобразовать целую кучу файлов (можно и разных форматов) в какой-либо один нужный вам формат
3. Пакетно уменьшить размер (разрешение) сразу у целой кучи фото
4. Наложить на всю эту кучу заранее подготовленный вами водяной знак или же просто добавить на все какой-либо текст (очень полезно в плане последующего доказательства авторского права (копирайта) для хостеров или поисковых систем при разбирательстве со случаями плагиата или обычного копипаста
5. Повернуть все фото в нужную сторону
6. Обрезать все выбранные изображения под определенный размер
7. Заключить их все в выбранные рамки
8. Изменить яркость и глубину цвета (ограничить количество используемых цветов)
9. И еще кое-что незначительное сделать

Для того, чтобы попасть во все это великолепие, нужно выбрать из верхнего меню FastStone Image Viewer пункты «Сервис» — «Преобразовать выбранные» (можно и «Переименовать выбранные», ибо в открывшемся окне все равно будут присутствовать обе этих вкладки):

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

Но Image Viewer поддерживает и перетаскивание мышью из другой программы (например, проводника Виндовс или Тотал Коммандера). Далее выбираете папку для сохранения преобразованных файлов, а также маску для переименования или графический формат для преобразования.

Если же вы захотите изменить пакетным образом размер всех фото (или же сделать еще что-то из приведенного чуть выше списка), то вам придется поставить галочку в поле «Изменить настройки (размеры...)» и нажать на кнопку «Дополнительно», расположенную правее. В результате откроется окно с еще большей кучей вкладок и настроек на них (вот вам и простая программа для просмотра фоток):

Делаете необходимые настройки на нужных вкладках и нажимаете ОК. Если планируете в дальнейшем еще раз использовать эти же настройки, то сохраните их в файл с помощью расположенной внизу окна соответствующей кнопки. А уже после все этого жмете на кнопку «Старт» (см. предыдущий скриншот) и идете в выбранную папку оценивать результат пакетного преобразования.

Также у всех выбранных фотографий можно удалить мета данные (Сервис — Удалить метаданные). Окромя описанных выше, программа FastStone Image Viewer умеет делать следующие вещи:

1. Скриншоты всего экрана или выделенной области (Файл — Захват экрана)
2. Сканировать (Файл — Получить изображение со сканера)
3. Сжать файл изображения для его последующей отправки по почте (Файл — Отправить по E-mail)
4. Обрезать фотографию (например, удаляя все тот же водяной знак и положив на копирайт), выбрав нужный формат для ее будущей печати (Правка — Обрезка)
5. Добавить стрелочки, выделения рамкой, надписи на исходное фото, используя встроенный графический редактор (Правка — Рисование)
6. Убрать эффект красных глаз (тоже в меню Правка)
7. В меню Эффекты вы найдете возможность добавить готовые рамки, свои водяные знаки и другие способы издевательства над фотографиями
8. Можете запустить слайдшоу с музычкой и фотками из открытой в данный момент в FastStone папки или же создать файл слай-дшоу со специально отобранными вами фотографиями
9. Создать файл изображения со всеми нужными вами миниатюрками (Создать — Создать индекс-лист)

Ну, а сейчас я опишу все выше перечисленное с максимально возможной подробностью. Не бойтесь, это я шучу так от усталости. Это все, что я хотел сказать про такой замечательный инструмент для просмотра и редактирования изображений, как Image Viewer. Ура, товарищи.