Сегодня в очередной "Сказке Старого Юзера" из категории "Инструменты вебмастера" мы рассмотрим некоторые онлайн инструменты веб-разработчика для работы с изображениями. Конечно, в арсенале любого дизайнера имеются десктопные приложения для этой цели, например, Adobe Photoshop или другие графические редакторы. Но тем не менее иногда возникает необходимость использования онлайн инструментов. И тогда на помощь приходят рассмотренные ниже средства.

Прежде всего рассмотрим бесплатный онлайн аналог упомянутой программы Photoshop. Конечно, назвать её аналогом достаточно нескромно, поскольку их возможности, конечно, несколько различны. Но все-таки веб-интерфейс и методы работы в нем схожи с Photoshop. Это сайт http://pixlr.com/.

Онлайн редактор изображений Pixlr

На главной странице сайта предлагается выбор нескольких инструментов:

• полноразмерного редактора Pixlr Editor;
• его сокращенной версии Pixlr Express для простейших операций с изображением;
• инструмента Pixlr Grabber захвата изображения (части окна или всего окна) из браузера Firefox или Chrome (в виде расширения для этих браузеров) для его последующего редактирования в Pixlr Editor или сохранения в различных местах.

При выборе редактора Pixlr Editor мы видим сначала окно выбора изображения:

Затем открывается интерфейс, сильно напоминающий Photoshop.

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

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

Короче, для решения ряда задач этот онлайн инструмент вполне подходит. Пользуйтесь на здоровье.

Онлайн инструмент для изменения размеров изображений "на лету"

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

Но есть простой и эффективный инструмент, который позволяет сделать то же самое путем просто изменения адреса изображения. Это сайт Resize.to. Кстати, автором его является известный разработчик расширений для Joomla голландец Peter van Westen (ник в сети NoNumber).

Особенностью этого метода является преобразование изображения динамически, "на лету", без сохранения в кэше и пользуясь только его адресом (URL).

Введите на сайте в первую строку URL вашего изображения, чуть ниже - желаемые размеры. Выберите один из предлагаемых методов: минимизация (вписывание в минимальный заданный размер при сохранении пропорций), максимизация (в максимальный), обрезание (Crop) или растяжку до заданных размеров (Stretch) и, если нужно, угол поворота изображения. Нажмите на кнопку и получите измененное изображение (можете сохранить его), а также и его новый URL, который можете скопировать и применить на вашем сайте взамен старого. И тогда каждый раз при вызове этого рисунка инструмент будет проводить изменение его размеров "на лету".

Очень просто и удобно. И тоже совершенно бесплатно.