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

Лиза Сабин-Уилсон

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

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



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

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

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

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

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

image0.jpg

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

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

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

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

метопролола сукцинат против метопролола тартрата

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

image1.jpg