Работа с графикой на сайте - что для этого может потребоваться

Работа с графикой на сайте - что для этого может потребоваться

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

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

Первая программа - это Adobe Photoshop. Думаю, многие с ней знакомы и у многих она установлена на компьютере. Для редактирования графики вполне подойдет даже какая-нибудь "лайтовая" версия фотошопа. Что же мы можем сделать при помощи данного графического редактора?

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

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

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

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

Графический редактор - XnviewОднако вышеописанная программа далеко не всегда будет самым эффективным инструментом по работе с графикой. С некоторыми задачами гораздо лучше справляется такая программа, как XnView.

В отличие от фотошопа она является полностью бесплатной. Кроме того, она намного проще и легче. Ниже перечислим основные задачи, с которыми данная программа справляется на отлично.

  1. Подгонка изображений под один размер. Вы можете задать данный размер в настройках. При этом не все файлы будут изменены автоматически, а только те, чей размер превышает установленный вами (слишком маленькие картинки не будут растягиваться до больших размеров, что очень удобно).
  2. Массовое изменение картинок - прогон через фильтры, коррекция цвета и так далее. Если вам нужно привести большое количество картинок к одному виду (к примеру, сделать их черно-белыми, наложить сепию), то XnView отлично с этим справится.
  3. Простановка водяного знака. Часто требуется проставить один и тот же водяной знак сразу на большое количество картинок. При помощи XnView все это делается очень легко и просто. Нужно лишь предварительно подготовить сам файл водяного знака, затем выбрать папку с изображениями, место простановки знака и его прозрачность.

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

Просмотров: 1651

Оцените статью: 1 2 3 4 5




Комментарии

Комментарий добавил(а): Ольга
Дата: 2013-09-08

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

Комментарий добавил(а): Константин
Дата: 2013-09-06

Я работаю на Mac, поэтому дополнительно частенько пользуюсь программкой Monosnap. Быстро снять скриншот, обрезать, сделать надпись, выделить цвнетным прямоугольником или овалом, поставить акцент в виде стрелки. Все это очень помогает в работе. Рекомендую.

Написать комментарий




Введите код с картинки