Экстрим в Перми
главная
форум Top 5

[an error occurred while processing this directive]

форум >>>

магазины

 

  trial-sport.ru

  odinsport.ru

  baseg.ru

  stiv.perm.ru"

  ifyouski.ru

  спортмастер

  extrimsport.ru

  ареал

  вертикаль

  олимп

  isport.perm.ru

  райдер

  forest-tramp.ru

  azone.perm.ru

 

все >>>

туризм
приколы

 

 

все >>>

Реклама:

         подготовка фотографий для сайта

часть 1. сканируем

часть 2. ретушируем

 

 

ЧАСТЬ 3. Финиш.

 

 

Мы окончательно определились с размером изображения, остается его как можно сильнее сжать, сохранить и выложить в интернет. Приступаем. Мы все ещё в Photoshop. Для начала проверим цветовой режим нашей фотки. Пункт Режим (Mode) в меню Изображение (Image). По всем понятиям там должен стоять RGB (red-green-blue, красный-зеленый-синий), если кто-то помнит школьный курс физики, именно из этих цветов получается картинка на вашей электронно-лучевой трубке, ещё один метод в этом убедиться - прижаться одним глазом вплотную к монитору.

 

Если там стоит нечто другое, переключите на RGB, теперь перед вами цвета, которые увидят ваши многочисленные посетители на своих мониторах. Следующим шаг - проверяем плоскость своего фото. Photoshop поддерживает многослойные изображения, вы это могли заметить, когда окно Слои (Layers) стало стремительно пухнуть при операциях Копировать-Вставить. Это очень удобно в процессе работы, когда в каждом слое можно редактировать одну часть большого изображения, но сейчас они нам ни к чему, жмем пункт Плоское изображение (Flatten Image) в меню Слой (Layer). Теперь, как уверяет Help, при сжатии файл будет немного меньше весить.

 

Последняя часть марлезонского балета. Сохраняем. В пятом и save asранее Photoshop жмем Сохранить как (Save as) save for webв меню Файл (File), выбираем типа файла JPG и видим окно JPEG options. В шестой для примерно аналогичного результата надо нажать пункт Сохранить для Webа (Save for Web), но там окно гораздо веселее... Опять попадаем в кучу настроек. Но нас как обычно интересуют слишком мало параметров, чтобы успеть испугаться. Во-первых, на переключателе страниц сверху щелкнем по 2-up. Теперь нам показывают оригинал и то, до чего мы докатимся в ходе экспериментов. Снизу у каждой картинки стоит её размер, надеюсь у вас он измеряется Килобайтами. Теперь видно, насколько легче оригинала весит файл, предназначенный для интернета.

 

Во-вторых, в типах файла принудительно ставим JPEG.

 

Рассказываю почему. Двумя самыми расспространенными и поддерживаемыми всеми браузерами видами файлов в инете являются JPEG и GIF.
У них разные алгоритмы кодирования информации при сохранении файла (сжатия), и если совсем в теорию не вдаваться, то джипег лучше всего подходит для передачи фотореалистичных изображений, а гиф - для картинок, созданных на компьютере, и особенно хорошо для векторной графики. То есть если вы сделали для своей страницы логотип или шапку из надписи, украшенной всякими прибамбасами и текстурами (обратите внимание, что все ваши навороты будут иметь резкие края и вряд ли там будет одна плавная заливка от края до края), то при сохранении в гиф вы получите очень легкий файл и почти не потеряете в качестве. А вот попробуйте сохранить в гиф свою фотографию, и вы увидите, что гифу немного не хватает его 256 цветов, да и файл будет весить в 4-5 раз больше джипега.

Отличие формата JPEG от гифа, PNG, TIFF и многих других в том, что он намеренно теряет часть информации при сохранении, а при получении фотки вашим браузером он потерянную часть восстанавливает, эээ... интерполируя соседние сохранившиеся пикселы на пустое место. Вот на этом примере я поставил качество равным 10% оригинала, то есть удалил 90% составляющей Егора информации. Видно, что мелкие детали совершенно исказились, а вот плавный градиент (заливка) на коленках осталась в норме.

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

А так как любая фотка так или иначе это набор градиентов, больших и маленьких, то именно JPEG лучше всего нам подходит. Более подробно и научно о форматах JPEG и GIF читайте здесь.

 

В-третьих. мы можем покрутить следующие настройки. Первая - Качество (Quality), о нем мы уже немного рассказали. Подвигайте или движок процентов, или попереключайте меню с Maximum (Отличное) до Low (Отстой). Вы сами увидите при каком качестве начнут проявляться зримые дефекты фотки, обычно это происходит при 40-60 процентах. Значит оставляем так или даже возвращаемся чуть назад. Левым глазом при этом смотрим на размер получающегося файла, радуясь в душе, что ужали его уже в десять раз. Кстати, ещё он показывает, сколько займет закачка оного при определенной толщине линии, в данном случае 28к.

Дальше - флажок Оптимизирован (Optimazed). В данном контексте оптимизация означает одно - уменьшение. Жмем, хуже не будет. И последний - флажок Прогрессивный (Progressive). Это вообще говоря совсем другой формат файла - progressive JPEG. Если вы счастливый обладатель тощего модемного соединения, то вы видели его в действии. Картинка закгружается вся, но нерезкая. а потом постепенно начинает приобретать знакомые черты. Хотите чтобы было так, ставьте галочку. При этом файл чуть потяжелеет, а ваши знакомые, имеющие древний браузер (кто кого имеет, ещё вопрос), его просто не увидят.

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

ВСЕ! Жмем ОК. Можете слать его друзьям, расслабленно думая, что теперь они не вспомнят вас тяжелым словом, глядя на слова "Получение почты". Вспомнят ли хорошим, зависит от вас. Ну и от содержания фотки.

 

Если фотка предназначена для web-страницы, то вы скорее всего уже знаете про тэг <IMG>. Не забывайте указывать в нем размеры фотки и её текстовое описание. Напоследок хочу обратить ваше внимание на пунктик Автоматизация (Automate) меню Файл в Photoshop. А именно на раздел Web Foto Gallery. С помощью него можно автоматически сделать вполне сносную галерею с предпросмотром.

Удачи вам.

 

PS. Существует масса других програм, как для работы с графикой, так и для её оптимизации. Если вы всерьез увлеклись темой утаптывания файла JPEG, рекомендую обатиться к программе Unlead SmartSaver Pro.

 

 

 

< Обратно к статьям

 

анкета

Главное
в сноуборде?

 

    Цена

    Качество

    Марка

    Рисунок

   

 

   Результаты

 

магазин
горные лыжи

STOCKLI SPIRIT MOTION
Цена: 29000 руб.
STOCKLI SPIRIT MOTION
Их сила в многогранности. Их отличительное свойство – неприхотливость. Spirit ED. VII сказочно послушны на любой поверхности. Они сохраняют спокойствие, даже в случае маленьких ошибок лыжника. Лыжи отличаются динамичностью в карвинге, надежностью при пере

купить на ifyouski.ru

защитная одежда

DAINESE IMPACT SHORT PLUS
Цена: 119 руб.
DAINESE IMPACT SHORT PLUS
Шорты из лайкровой сетки с мягкой защитой копчика, ягодиц, бедер и поясницы. Защита копчика и бедер из прочного композита.

купить на ifyouski.ru


Цена: временно нет


купить на ifyouski.ru

Реклама:

Ведется с 15 января 2001 года

Интернет магазин горных лыж и сноубордов

Горные лыжи STOCKLI, HEAD, FISHER, ATOMIC,

Велосипеды, палатки, рюкзаки,

Вся Пермь: погода в Перми, новости Перми, сайты Перми, работа, резюме и вакансии в Перми

 
VVV.RU siteholder IFYOUSKI.RU - горные лыжи и сноуборды Rambler's Top100

©Алексей Чистяков, 2001-2005
Инсайт: создание сайта

Пишите письма: info@extreme.perm.ru