Rambler's Top100 Старый русский почтовик! Оплата в WM! Самый активный, самый надежный!
Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!
SEO sprint - Всё для максимальной раскрутки!
Форум русских рыболовов Финляндии

Рыбалка в Финляндии


главная
рисунки
фотошор
введение
что нового?
интерфейс
панель
инструментов
Операции
с документом
Вспомогательные
средства
Вспомогательные
средства - 2
Растровые
изображения
готовим рисунки
к публикации
BACKGROUND
часть 1
BACKGROUND
часть 2
выделение
областей


ПОДГОТОВКА РИСУНКОВ И ФОТОГРАФИЙ ДЛЯ ПУБЛИКАЦИИ В ИНТЕРНЕТЕ

   Можно, конечно, ничего и не подготавливать, а выложить все на сайт "как есть". Можно и вообще ничего не знать про свойства выложенных изображений, а просто указать в свойствах тега IMG желаемый размер, браузер сделает все остальное. Но это будет не совсем ...как бы так поточнее..., ну, скажем: не совсем корректно. И может доставить массу неудобств посетителю нашего сайта. А ведь нельзя забывать ни на минуту, что сайт мы делаем исключительно для посетителя! Зачем иначе? Не сами же мы будем на него любоваться. Какие именно неудобства? Ну, например, есть у нас какая-то картинка, которая нам очень-очень нравится, и хотим мы ее всем показать! И выкладываем ее в сеть "как есть", а она оказывается, записана в формате BMP. Формат, конечно, хороший и качество обеспечивает приличное, только вот один недостаток: файлы "очень тяжелые", то есть большие. И вот сидит наш посетитель и ждет, пока его модем скачает нашу картинку. А картинка весит 2-3 мегабайта, а линии связи у посетителя сами знаете какие. Вот подождет он минуту-другую, помянет нас добрым, ласковым словом и уйдет с сайта. Может быть даже навсегда!
   Есть и другие неудобства: картинка может быть слишком светлой или, наоборот: темной, с плохой резкостью, и т.д. и т.п. Я думаю, я Вас убедил, что все-таки лучше картинку довести до кондиции! Для этого существует, наверно, много программ, но безусловно, что самая известная и распространенная - Adobe Photoshop - Фотошоп. Вот в нем, в шопе и будем обрабатывать нашу картинку.

Adobe Photoshop Фотошоп - подменю изображение    Итак, запускаем программу и открываем файл с картинкой. Первое, что нас интересует - это размер изображения и разрешение (разрешение - это количество точек изображения на единицу измерения). Для того, чтобы узнать и отредактировать эти свойства картинки, находим в верхнем меню закладку "изображение" (image) и в выпадающем меню выбираем "размер изображения"(image size):

окно установок размера и разрешения картинки в Adobe Photoshop Фотошоп При этом открывается вот такое окoшко:
Размер печати в сантиметрах нас сейчас не интересует, а вот ширина и высота в пикселях - это то, что нужно. Надеюсь, Вы знаете разрешение экрана монитора, на котором Вы читаете эти строки. Для тех, кто не имеет об этом понятия, скажу, что самое распространенное сейчас разрешение: 1024 пикселя по горизонтали и 768 по вертикали. Но при подготовке рисунка к публикации в сети не стоит забывать, что еще много людей используют разрешение 800 на 600. Есть, конечно, и те, кто еще смотрит мир через экран 640 на 480, но таких уже не стоит брать в расчет: им придется самим решать свои проблемы. Хотя, в конечном итоге, все зависит от Ваших вкусов и характера.
Еще нас интересует разрешение. Общепринято, что для публикации в инете оптимальным следует считать разрешение 72-75 пикселей на дюйм. Примем это без комментариев.
Итак, в открывшемся окне выставляем разрешение 75, ставим галочку в клеточке "сохранить пропорции" и выставляем размеры картинки в соответствии с планом нашей страницы. То есть, выставляем размеры в зависимости от того, желаем ли мы, чтобы посетитель любовался картинкой во весь экран или она, эта картинка будет помещаться где-то в уголке, рядом с текстом. При этом следует учитывать, что даже если Вы предполагаете показывать картинку во весь экран для разрешения 800*600, ширину желательно выставить 700-750 пикселей.
Разговор об этом такой подробный потому, что все эти параметры очень сильно влияют на размер файла, в котором будет сохранен рисунок, а следовательно на время его загрузки на компьютер посетителя.

настройка изображения в Adobe Photoshop Фотошоп    На закладке меню "изображение" есть еще одна функция, очень для нас полезная: "настройка". Здесь Вы можете отрегулировать яркость, контрастность, насыщенность и цветовой оттенок публикуемой фотографии.

установка резкости изображения в программе обработки изображений Adobe Photoshop Фотошоп    Отрегулировать резкость изображения Вы можете на закладке "резкость".

окно опций сохранения рисунка в формате JPG программы обработки изображений Adobe Photoshop Фотошоп    Теперь, когда наша картинка выглядит на экране монитора лучше, чем на самом деле, все эти результаты нашего труда необходимо сохранить в формате JPG. Если Вы работаете с Фотошоп версии 5 и ниже, для этого нужно выбрать пункт меню "файл" -> "сохранить копию". В открывшемся окошке присваиваем файлу имя (при этом совсем не обязательно оставлять в названии слово "копия". Вы можете дать файлу какое угодно имя, например: vasia_pupkin, но помните при этом, что он - файл, конечно, а не Вася Пупкин!- предназначен для публикации в инете, а значит в названии не должно быть заглавных букв и оно должно быть написано латиницей. Желательно и удобно, но совсем не обязательно, чтобы оно было коротким) выставляем формат JPG, указываем папку, куда необходимо положить файл и жмем кнопку "сохранить". Теперь выставляем качество изображения в открывшемся окне "JPEG опции" (оптимально - 3-5) и жмем ОК. Готово! Можно в сеть!
   Если у Вас последняя, седьмая версия Adobe Photoshop - Фотошоп, то задача сохранения рисунка значительно упрощается. В седьмом Фотошопе для сохранения нужно выбрать на закладке "файл" меню "сохранить для ВЕБ" и в открывшемся окне выбрать картинку (по качеству), которую Вы считаете достойной для публикации.

Создать свой сайт


Рейтинг@Mail.ru liveinternet.ru: показано число посетителей за сегодня


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.

Покупайте на OHO.ru:
Покупайте на OHO.ru: