Подготовка фотографического изображения для сайта в Интернете или посылки по электронной почте

Особенности документов, размещаемых в Интернет

На сегодня жестких нормативов, регламентирующих физический размер изображений для Интернет и электронной почты нет. Тем не менее, большинство пользователей Сети придерживаются соглашения о том, что на "медленных' модемных линиях страница любого сайта, включая фотографии на ней, не должна превышать 30-50 Кб. Для электронной почты допускается размер 100-200 Кбайт, а больше - если у получателя очень быстрый модем или выделенная линия. Многие пользователи электронной почты настраивают ее так, чтобы большие файлы были запрещены и не приходили к ним, оставаясь на сервере.

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

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

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

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

Давайте разберемся, почему именно такие требования предъявляются к фотоизображениям в Сети.

Сжатые форматы файлов

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

GIF

Формат GIF (Graphics Interchange Format - Формат обмена графическими данными) — это формат для изображений, содержащих 256 или менее цветов. Формат популярен в Сети и обычно используется для изображений, содержащих в основном ровные цвета, например, таких, как иллюстрации. GIF также поддерживает прозрачность и чересстрочное отображение. В настоящее время используются две модификации GIF-файлов: GIF87a и GIF89a. Они отличаются минимальными требованиями к программам, работающим с данным файлом. Так, модификация GIF89 имеет расширенные возможности управления выводом кадров изображений. Формат GIF следует использовать для изображений, создаваемых в графических редакторах программным путем (диаграммы, рисунки, текст и т.д.). GIF использует алгоритм сжатия LZW (Lempel-Ziv-Welch) с хорошей степенью сжатия.

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

JPEG

Формат JPEG (Joint Photographic Experts Group - Объединенная экспертная группа по фотографии) — это масштабируемый упакованный формат, обеспечивающий высокую степень сжатия с очень небольшим снижением качества изображения. Для изображения в электронной форме не является необычным некоторая потеря четкости, особенно при преобразовании из одного формата в другой. Исходя из того, что JPEG объединяет в себе хорошую степень сжатия и незначительную потерю качества, он является идеальным форматом для среды Web-сайта, в которой изображения часто масштабируются, преобразовываются или изменяются иным образом. Формат JPEG наиболее подходит для фотографий с количеством цветов более 256, т.е. изображений, имеющих глубину цвета 24 бита (16,7 миллионов цветов).

Оба формата (как GIF, так и JPEG) поддерживают чересстрочную развертку, т.е. загрузка таких форматов осуществляется через несколько строк и на экране по мере загрузки границы изображения становится более четкими. Преимущество формата JPEG заключается в том, что он сжимает 24-битное изображение так же эффективно, как формат GIF сжимает 8-битное. Недостатки JPEG состоят в следующем: JPEG - не самый лучший вариант для изображений, содержащих однотонные области или текст, так как подобный метод сжатия вносит заметные искажения в изображения такого типа.

Формат JPEG может быть наилучшим вариантом для точной передачи изображений с плавным переходом цветов, то есть для изображений фотографического типа. Это любое изображение с количеством цветов более 256 (фото со сканера, цифровой камеры, сложные фракталы и т.д.).

PNG

Невозможность создания полноцветных изображений с прозрачными участками в рамках форматов GIF и JPEG привела к появлению формата PNG. Этот формат сохраняет всю цветовую информацию и один альфа-канал изображения. Для минимизации объема файла применяется алгоритм уплотнения, не приводящий к потере данных. Альфа-канал используется браузером в качестве маски прозрачности.

В формате PNG-8 максимально возможное количество цветов оптимизированного изображения - 256, этот формат похож на GIF. В формате PNG-24 у изображения могут быть миллионы цветов, этот формат, в свою очередь, похож на JPEG. В форматах PNG используется метод сжатия без потерь данных. Оба формата PNG могут сохранять полупрозрачные области (например, смягченные растушеванные границы), используя метод под названием альфа-прозрачность. В этом случае у точки может быть 256 уровней непрозрачности, начиная с полной прозрачности и заканчивая полной непрозрачностью.

Формат PNG занимает промежуточное положение между GIF и JPEG. Однако в формате PNG-8 нельзя создать анимацию (а в формате GIF можно), а файлы в формате PNG-24 больше по размеру аналогичных JPEG-файлов.

Сравнение графических форматов изображений для веб-страниц

Идеального графического формата не существует, поскольку каждый призван решать строго определенный круг задач. Как правило, на веб-странице многоцветные изображения, такие, как фотографии, сохраняются в формате JPEG. Формат PNG-24 также годится для фотографий, однако, в отличие от JPEG, этот формат занимает больше места для одного и того изображения. PNG-24 рекомендован для работы с полноцветными изображениями содержащих многоуровневую прозрачность. Иллюстрации с малым количеством цветов, четкими линиями или мелкими деталями, например, содержащие текст, должны быть оптимизированы в формате GIF или PNG-8.

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

Adobe Photoshop для WWW

Как уже было отмечено, графический редактор Adobe Photoshop — признанный лидер среди растровых редакторов, одна из лучших программ для создания и обработки фотографий для Internet.

Рекомендуется при подготовке фотографического изображения для сайта в Интернете или посылки по электронной почте, чтобы подготовленные вами изображения были минимального размера при максимальном качестве таких изображений. Как этого добиться? Оптимизацией фотографий в программе Adobe Photoshop!

Пример 9.1. Оптимизация изображения в программе Adobe Photoshop CS

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

Итак, в результате оптимизации мы получили весьма существенный (48,92 Кб против 3,55 Мб) выигрыш в размере файла, сохранив приемлемое качество изображения. Но наилучшим ли способом проведена оптимизация? Может быть лучше использовать формат GIF? Рассмотрите этот вариант самостоятельно.

Word как Web-редактор

Далее мы рассмотрим, как можно разместить ваши фотографии в Сети не только в виде графических файлов, но и в виде сайтов и web-галерей.

Перед началом раскрытия данной темы давайте введем несколько определений:

Любой сайт в Сети состоит из Web-страниц, открываемых Web-браузером и содержащих текст, фотографии, гиперссылки и многие другие элементы. Если вы хотите разместить свои фотографии в Сети на страницах собственного сайта, то вам необязательно быть программистом. Для того, чтобы быстро создать HTML-документ, достаточно уметь работать в Microsoft Word. В популярном текстовом процессоре есть встроенный конвертор, позволяющий сохранить документ в формате HTML. И при этом будет сохранено большинство атрибутов вашего документа.

Word позволяет создавать веб-страницы профессионального качества, при этом не требуя знания тонкостей HTML. Одна из особенностей этого текстового редактора заключается в его умении представлять страницы в режиме WYSIWYG (What You See Is What You Get — что видите, то и получаете). Это означает, что в браузере (Internet Explorer, Opera и др.) они будут выглядеть так же, как и в Word.

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

Гиперссылки

Гиперссылки похожи на кнопки, позволяющие осуществлять переходы по ним по принципу "жми на то, что интересно". В технологиях WWW в основе гипердокументов лежит текст, изображения или таблицы с возможностью "раскрыться" документом, развивающим эту ссылку в новом месте.

В Word можно создать гиперссылку на другой документ, файл или Web-страницу. Для создания ссылки выделите текст или графический объект Word-документа, нажмите правую кнопку мыши и выберите из контекстного меню строчку Гиперссылка (рис. 9.3).

В этом окне:

Создание веб-документа

Для вызова конвертера HTML из Word выполните команду Файл $$\to$$ Сохранить как, а затем в списке Тип файла выберете вариант Веб страница (рис. 9.4).

Особенности сайтов, созданных в MS Word таковы:

Вставка изображений "вручную"

Для тех, кто размещает свои снимки в сети, создавая HTML-документы с помощью тегов напомним, что для Интернет наиболее приемлемыми являются форматы JPG и GIF, поддерживаемые всеми браузерами. C изображением можно сделать такие операции: вставить его в HTML документ, сделать изображению рамку, присвоить изображению текст или превратить его в ссылку, задать размеры изображения, сделать отступы от рисунка и многое другое. Для размещения на WEB-страницах изображений служит тег <IMG> с атрибутом SRC=, указывающим адрес файла изображения.

Если вы хотите при переносе изображения на WEB страницу изменить его размеры, то это можно сделать с помощью атрибутов WIIDTH=(Ширина рисунка в пикселах) и HEIGHT=(Высота). Приведем пример:

<HTML>
<BODY>
<Img src="Vesna.jpg">
<IMG SRC="Vesna.jpg" widh=50 height=50 Alt="Авто снимка В.П. Молочков">
</BODY>
</HTML>

В этом маленьком веб-документе продемонстрированы три возможности работы с рисунками:

Тег <Img src="Vesna.jpg"> вставляет в WEB документ рисунок из файла Vesna.jpg, расположенного в текущей директории. Возможные расширения таких рисунков JPG, PNG и GIF.

Тег <IMG SRC="Vesna.jpg" widh=50 height=50> перемасштабирует размеры того же рисунка до 50 пикселов по ширине и 50 пикселов по высоте.

Тег Alt=" Авто снимка В.П. Молочков"> Выводит при наведении на рисунок мыши альтернативный текст " Авто снимка В.П. Молочков".

Некоторые замечания

При работе с веб-изображениями вы должны обращать внимание на размер изображения; палитру его цветов; глубину цвета; формат выходного файла. Вот перечень "золотых" правил по созданию Web-изображений:

Порядок размещения сайта в Интернет (Хостинг)

После автономного создания страниц у вас на ПК следует разместить ваш сайт в Интернет. Эта работа называется хостингом. Хостинг бывает платный или бесплатный.

Мы остановимся на рассмотрении бесплатного варианта хостинга. Предположим, что сайт по цифровой фотографии мы хотим разместить на сервере www.home.novgorod.ru, который бесплатно предоставляет своим зарегистрированным пользователям до 10 Мб дискового пространства под их веб-страницы. Вы должны прочесть правила работы с данным сервером, зарегистрироваться на нем, и получить регистрационное имя и пароль.

Для "выкладывания" страниц на WWW сервер необходимо использовать FTP клиента, поддерживающего выгрузку файлов на сервер. Это умеют делать, например FAR и CuteFTP. Для выгрузки файлов вы можете зайти на FTP сервер как, ftp://ваш сервер: ваш пароль@home.novgorod.ru. Именно туда и копируйте свои файлы. Например, если вы используете Far, то в командной строке для соединения с сервером нужно набрать команду ftp://login.cs.nov.ru:pdjfhrf@home.novgorod.ru, а затем нажать Enter. Копирование сайта с вашего ПК на сервер в FAR осуществляется по клавише F5.

Все бесплатные хоcтинги обладают целым рядом недостатков, например:

Могут быть и другие проблемы. Поэтому для серьезных интернет-проектов иногда целесообразнее пользоваться платным размещением сайтов.

Где можно бесплатно разместить свою веб-страничку с фотографиями

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

Примерами серверов для бесплатного размещения сайта могут быть серверы http://narod.yandex.ru, http://www.halyava.ru, http://www.i-connect.ru или www.chat.ru. Например, для размещения веб-странички на www.chat.ru, достаточно просто зарегистрироваться, т.е. заполнить небольшую анкету. Если вы зарегистрировались под именем novgorod, то получите e-mail-адрес novgorod@chat.ru и каталог с тремя мегабайтами дискового пространства. При этом URL вашей странички будет www.novgorod.chat.ru. Войдя на главной странице сервера www.chat.ru в меню "Для пользователя", а затем "Файлы вашей домашней странички", введя имя пользователя и пароль, нажмите на следующей странице кнопку "Upload". Впишите в верхнем окошке имя и путь к созданному файлу или выберите его, нажав на кнопку "Обзор". Во втором окошке должно быть указано имя index.html. В строке "Source file encoding" выберите Windows (CP1251) и нажмите на кнопку "Загрузить/Upload". Если все пройдет удачно, то вы получите сообщение File index.html successfuly uploaded. В случае, если вы использовали на вашей страничке какой-либо фоновый рисунок, нужно загрузить его в ваш каталог на сервере. Для этого вернитесь в предыдущий экран, выберите имя файла, который нужно загрузить, и проделайте те же действия, но с единственным изменением: в выпадающем меню Source File Encoding выберите Binary (File). Теперь, набрав в строке браузера URL вашей WEB-странички, вы попадете на нее.

Раскрутка сайта

После завершения работы над Web-сайтом желательно включить информацию о его адресе в какой-либо поисковый каталог, а для лучшей "раскрутки" информации — в несколько разных каталогов. Для этого вы можете, например, сделать добавление ссылки на сайт в каталог http://space.novgorod.ru. Для этого нужно войти на сайт http://space.novgorod.ru и перейти в раздел Каталог, затем ввести данные на ваш сайт и выполнить команду Add (Добавить).

Хотя это пример местной, локальной раскрутки, но глобальная раскрутка сайта производиться аналогично. Крупнейшие российские каталоги:

Помимо ручной "раскрутки" вашего сайта в Сети вы можете использовать авторегистраторы для поисковых систем:

Другой путь оповещения о наличии вашего сайта в Интернет — регистрация вашего сайта в сети обмена баннерами, например, на http://www.novgorod.ru. Здесь, как и на других подобных местах, следует зарегистрироваться, получить имя и пароль, сделать свой баннер и выслать его по адресу http://banner.novgorod.ru/user.php .

Конечно, баннерные показы можно организовать не только на этой площадке, но и, например, на сайте www.tbn.ru.

И, наконец, есть и такой вариант: для создания аудитории посетителей на сайт создать почтовую рассылку, например, на http://maillist.ru.

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

На поисковых машинах зарегистрированы тысячи сайтов. Рассмотрим, что можно сделать, чтобы ваш сайт легко находили. Для повышения эффективности поиска вашего сайта в Интернет можно использовать такой прием — поставить между тегами <head></head> следующее:

<HEAD>
<META NAME="KEYWORDS"
CONTENT="здесь указываются ключевые слова">
<META NAME="DESCRIPTION"
CONTENT="Cюда вы вписываете краткое описание документа">
</HEAD>

Вместо "Ключевые, слова" напишите те слова, которые более подробно характеризуют ваш сайт. В keywords должно быть не более 10-20 слов. При этом необходимо использовать варианты наиболее частых падежей и чисел: (например: цифровая фотография, фото, снимки), чередуя их с другими словами (например: цифровик, программы, софт, компьютерная, цифровая). Перечень ключевых слов гарантирует, что поисковая машина внесет в индексные базы данных не первые предложения или какой-либо другой кусок текста с ваших страниц, а именно те слова, которые вы укажете и которые наиболее точно будут соответствовать смыслу информации, изложенной на вашем сайте. Слова указываются подряд, без запятых. Но, если вы хотите выделить какое-либо словосочетание, вы можете пользоваться запятыми. Постарайтесь ограничить количество ключевых слов: излишняя перегрузка приведет к увеличению времени загрузки страниц. Пользуется популярностью следующий прием: ключевое слово, которое по мнению владельца сайта является наиболее соответствующим смыслу документа, вносится в раздел "KEYWORDS" несколько раз — в некоторых случаях это может несколько увеличить вероятность попадания этого сайта в первую часть списка ресурсов, найденных поисковой машиной при поиске именно этого слова.

Описание сайта необходимо для выдачи корректной информации о найденном ресурсе, при отображении поисковой машиной результатов поиска. Чем более ваше описание будет отличаться от бессмысленного набора символов, тем вероятнее, что человек, разыскивающий необходимую ему информацию и увидевший это описание, посетит ваш сайт. В description пишется несколько слов (5-8 слов, не более 170 символов), емко характеризующих сайт. На Яndex и Rambler это описание появится рядом с результатом поиска по запросу.

После того, как вы разместили на своих страницах должным образом составленные мета-теги KEYWORDS и DESCRIPTION, можно приступить к регистрации вашего сайта в поисковых системах и каталогах (их перечень приведен в табл. 9.2).

Большинство поисковых машин на заглавной странице имеют кнопку или ссылку "Add URL" (добавить URL). Нажав на нее, вы попадете на страницу с правилами, которые необходимо знать для добавления ресурса в поисковую машину. После того, как вы заполните форму и нажмете кнопку Submit, ваш сайт будет добавлен в список адресов, которые необходимо посетить поисковику. В зависимости от загруженности работой и быстроходности процесс индексации может занять от минут до недель — в течение этого времени поисковик посетит ваш сайт и проиндексирует его. После этого ваши страницы станут доступны для поиска.

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

Пример 9.2. Размещение фотографий в Сети

Рассмотрим пример публикации ваших снимков в сети на одном из лучших фотосайтов, расположенных по адресу http://www.photosight.ru/ - рис. 9.5.

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

Регистрация

Первое, что необходимо – ваша регистрация на сайте. Ничего сложного в этой процедуре нет – нужно просто заполнить предлагаемую администрацией сайта регистрационную форму (рис. 9.6).

Вступление в фотоклуб

Для того, чтобы вступить в Фотоклуб необходимо пройти регистрацию и получить пароль на указанный при регистрации e-mail. Другими словами, после регистрации на свой e-mail вы получите:

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

Изменение статуса

При вступлении в Фотоклуб статус посетителя автоматически меняется с "претендента" на "любителя". "Претендент" может выложить на сайт всего 6 фотографий, по 1 фото за 5 дней. Только при наличии 6 фото "претендент" попадает на рассмотрение своей кандидатуры к модераторам. Дальнейшее изменение статуса автора происходит по результатам голосования членов Фотоклуба на личной странице автора. Статусы присваиваются, исходя из того, за какой из них проголосовало наибольшее количество посетителей при определенном минимуме поданных голосов. Возможно изменение статуса как вверх, так и вниз. Также возможно "перескакивание" через ступень (как вверх, так и вниз), но для этого требуется больший процент голосовавших за этот статус. Статусы пересчитываются один раз в сутки. В зависимости от статуса меняется лимит на хостинг фото (табл. 9.3).

Ваш рейтинг

Рейтинги Фотосайта строятся на основании рекомендаций, которые получают работы от посетителей, а также количества просмотров работ и количества комментариев к ним.

Параметры оценки фоторабот: художественность, оригинальность, техничность.

Другие специализированные сайты для размещения ваших фоторабот

Помимо рассмотренного выше адреса в Интернет существует достаточно много службы бесплатного размещения фотографий:

http://www.photoprofi.narod.ru/photographers/ - бесплатный каталог, позволяющий участнику каталога (фотографу) не только продавать свои авторские фотографии, но и предлагать фотоуслуги через этот веб-сайт.

http://www.rosfoto.ru/ - сайт (фотобанк) фотоагентства Rosfoto. Фотографы, как любители, так и профессионалы, могут разместить здесь свои работы для продажи. Принимаются любые по стилю, но лишь талантливые по исполнению фотоработы. При заключении договора требуются оцифрованные фотографии в формате tiff или jpeg с разрешением не менее 2500 пикселей по длинной стороне. Вот, например, объявление с этого сайта в рубрике "Разыскивается фото": Для пополнения коллекции нашему фотобанку требуются виды городов России. На сегодня это самая спрашиваемая тема, которая у нас представлена недостаточно полно. Надеемся с вашей помощью восполнить этот недостаток.

http://www.photoclass.ru - фотопортал, на котором можно найти статьи по различным аспектам фотографии, поработать с доской объявлений, посмотреть работы других авторов и размещать свои снимки. Для полноценной работы с сайтом необходимо пройти регистрацию.

http://foto.rambler.ru – служба, поддерживаемая крупнейшей русскоязычной поисковой системой Rambler, которая бесплатно предлагает свои услуги для размещения фотографий жителям Российской Федерации и других стран мира. Для того, чтобы получить возможность создавать собственные фотоальбомы, необходимо зарегистрироваться. Суммарный объем размещенных пользователем фотографий не может превышать 20 Мб. Более подробную информацию можно найти в справочной системе сервиса.