Урок компьютерной графики для начинающего вебмастера

компьютерная графика для начинающихПриветствую читателей блога!

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

Позвольте задать вам обычные вопросы: сколько на вашем сайте изображений и какую функцию они выполняют? Привлекают ли посетителя, помогают ли в совершении продаж, или же наоборот препятствуют этому и отпугивают пользователей?

Перефразировав крылатую народную фразу: «Встречают по одежке, провожают по уму», можно сказать, что

Встречают по картинкам, провожают по контенту

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

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

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

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

Основные форматы графических файлов в веб-сети

Для размещения на сайтах используется сжатая растровая графика следующих форматов

osnovnye-fayly

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

faviconka
faviconka1
Перечисленные выше на рисунке в таблице форматы изображения – это те, с которыми вам в основном придется работать при оформлении сайтов.

Как эффективно использовать изображения на сайте


  1. Самое главное – это, чтобы изображение подходило тематически содержанию контента.

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

  1. Необходимо соблюдать баланс: Качество – размер – объем файла.

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

  1. Желательно, чтобы изображения были уникальными, т.е. нигде в сети более не встречались. Для того, чтобы картинки сделать уникальными используйте графические редакторы. Об этом почитайте в данных статьях здесь и здесь.
  2. Размещение фотографий на странице

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

Если вы размещаете несколько картинок по горизонтали или вертикали, то используйте линейность и группируйте их по горизональному и вертикальному формату.

format-kartinok

format-kartinok1

 

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

Как уменьшить вес фотографии

Фоторедактор онлайн

Фоторедактор Аватан

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

Вот некоторые из них

http://www.freeimages.com/

http://www.dreamstime.com/

fotolia.com

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

Успехов вам!

С уважением egofilin.ru


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *