Сравнение растровых и векторных изображений в WordPress Designing

Сравнение растровых и векторных изображений в WordPress Designing - dummies

Как графический дизайнер, скорее всего, вы будете работать с двумя типами графики в WordPress - растровый и векторный. Как веб-дизайнер, вы определенно будете работать с растровыми изображениями, и вы можете работать с векторными изображениями. Программное обеспечение, которое вы используете для редактирования и создания графики, зависит от типа файла изображения, с которым вы работаете. Ниже приводится краткое изложение различий между растровыми и векторными изображениями:

  • Растр: Эти изображения состоят из сотен маленьких точек или пикселей. Каждый пиксель может быть другого цвета, что позволяет использовать богатые полноцветные изображения и фотографии. Создание и редактирование растрового изображения требует растровой программы редактирования, такой как Corel's PaintShop Pro или Photoshop.

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

Растровые изображения

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

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

Справа, на вкладке «Слои» на этом растровом изображении есть только один слой - «Фон». Общие форматы файлов для растровых изображений включают JPG, GIF и PNG.

Векторные изображения

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

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

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

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