::Изображения::
Есть 4 формата изображений,используемых на страничках: GIF;JPEG;PNG-8;PNG-24.
|
Формат
|
Описание
|
Применение
|
|---|---|---|
| GIF | GIF использует 256 цветов и эффективно сжимает сплошные цветные
области, при этом сохраняя детали изображения без потерь. Формат
GIF также широко используется для создания анимированных рисунков.
Может содержать прозрачные области. |
Текст, логотипы, иллюстрации с четкими краями, анимированные рисунки, изображения с прозрачными участками. |
| JPEG | JPEG поддерживает 16 миллионов цветов и сохраняет их яркость
и оттенки в фотографиях. JPEG сжимает файл, выборочно отвергая
данные, поэтому сжатие JPEG называется сжатие с потерями. JPEG
метод может внести искажения в рисунок, особенно содержащий
текст или тонкие линии. |
Фотографии. НЕ годится для рисунков, содержащих прозрачные участки, мелкие детали или текст. |
| PNG-8 | Аналогичен GIF, однако поддерживается не всеми программами. Использует улучшенный формат сжатия данных. | См. GIF |
| PNG-24 | Формат PNG-24 также поддерживает 16 миллионов цветов. Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно GIF и формату PNG-8, сохраняет детали изображения, как, например, в линейных рисунках, логотипах, или иллюстрациях. | Фотографии; рисунки, содержащие прозрачные участки; рисунки с большим количеством цветов и четкими краями изображений. |
::Вставка изображений::
Для встраивания изображения в документ используется тег IMG, имеющий единственный обязательный параметр src, который определяет адрес файла с картинкой.
Пример::
<img src="http://Best-helper.narod.ru/00000026_2.gif"> - это абсолютный адрес размещения изображения
<img src="/images/sample.gif"> - адрес размещения изображения относительно корня сайта
Причем images - папка, с картинкой
<img src="images/sample.gif"> - адрес размещения изображения относительно текущего HTML-документа
::Изменение размеров и веса изображения::
Надо сказать, что максимальный вес изображения не должен превышать 20 кб, но сейчас на сайтах встречаются всевозможные картинки.
Размер картинки : вы же не будете выкладывать фотку 1200 на 800 пикселей. Она не поместится на страничку. Для изменения размера и веса изображения существует множество редакторов, самый известный - Photoshop. Как им пользоваться читайте на форуме.
::Рамка вокруг изображения::
Изображение, помещаемое на веб-страницу, можно поместить в рамку различной ширины. Для этого служит параметр border тега IMG. По умолчанию рамка вокруг изображения не отображается за исключением случая, когда рисунок является ссылкой. Цвет рамки совпадает с цветом текста, заданным с помощью стиля или параметра text тега BODY.
Пример::
<img src="00000026_2.gif" height="24" width="24" alt="00000026_2.gif" border=2> рамка толщиной 2 пиксела
Чтобы рамки не было, надо указать параметр border=0.
