Для создания сайтов, необходимо уметь работать в основных графических редакторах. Такие редакторы можно разделить на два вида: те которые работают с растровой графикой и те, которые работают с векторной.

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

Рассмотрим, какие навыки работы в растровом редакторе вам понадобятся для разработки сайта:

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

В качестве конкретных программ можно назвать следующие:

  • Adobe Photoshop, данная программа является лидером в этом классе;
  • Paint Shop Pro — быстро работает с большими изображениями, поддерживает фильтры Adobe Photoshop и может импортировать и экспортировать изображения в 40-50 разных форматах.

С помощью векторной графики создают логотипы, кнопки и различные графические элементы страницы. Принцип работы векторных графических редакторов очень отличаются от растровых.

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

Вам потребуются такие навыки:

  • Работа с объектами (группировка, суперпозиции…);
  • Работа с кривыми и их точками;
  • Работа с направляющими и сетками;
  • Понимание цветовых моделей (RGB, CMYK, HSB);
  • Работа с текстом, его размещение на любой кривой;
  • Использование градиентов и пломб (включая фрактальные);
  • Использование различных эффектов.

Типичными представителями данного класса являются Corel DRAW и Adobe Illustrator, оба являются лидерами в этой области, и, соответственно, включают в себя последние достижения в области векторной графики.