При использовании изображений на веб-странице важно использовать изображения в правильном формате.
Форматы
В Интернете используются три основных формата изображений:
Гифка
Один из самых популярных форматов изображений, используемых в Интернете, - это формат обмена графическими данными, более известный как GIF. Этот формат изображения использует максимум 256 цветов и лучше всего подходит для создания логотипов и изображений со сплошными цветами.
Изображения GIF можно сохранять в двух разных форматах:
Формат 89a является предпочтительным форматом GIF, так как он имеет следующие преимущества:
Прозрачность
Изображения, сохраненные в формате 89a GIF, могут иметь прозрачный фон. Это сделает холст изображения прозрачным и позволит просвечивать фон.
Переплетение
Изображения, сохраненные в формате 89a GIF, могут быть сохранены как чересстрочные. Это позволит отображать изображение при загрузке на веб-страницу. Изображение будет постепенно проясняться по мере загрузки страницы.
Анимация
Изображения, сохраненные в формате 89a GIF, можно использовать для создания анимированных изображений. Анимированные изображения - это просто несколько изображений GIF, скомпилированных в один файл изображения GIF, который зацикливается. Чтобы создать анимированное изображение, вам понадобится специальная программа для редактирования.
JPEG
Объединенная группа экспертов по фотографии, более известная как JPEG, - лучший формат для фотографий. Этот формат поддерживает до 16,7 миллиона цветов и позволяет указать степень сжатия. Размер файла может быть довольно небольшим, но изображения остаются четкими и яркими. Подобно изображениям GIF с чересстрочной разверткой, прогрессивные JPEGS могут отображаться при загрузке на веб-страницу. Они начинаются размытыми и становятся четкими по мере загрузки страницы.
PNG
PNG был разработан как замена старого формата GIF. Он поддерживает сжатие без потерь, что означает, что данные изображения не теряются при сохранении или просмотре.
PNG может быть сохранен как 8-битный, 24-битный, 32-битный, до 64-битного и имеет более высокую поддержку прозрачности, чем GIF. Более того, PNG файл примерно на 20% меньше, чем изображение в формате GIF.
Отображение изображения
Чтобы отобразить изображение в HTML, вы должны включить тег <img> с атрибутом src (source). Однако, поскольку тег <img> пуст, у него нет закрывающего тега.
Перед размещением изображения на веб-странице оно должно быть размещено на вашем веб-сервере. Это можно сделать с помощью веб-панели администратора или программы FTP (протокол передачи файлов). Как только файл изображения окажется на вашем сервере, вам нужно будет создать ссылку на файл на вашей веб-странице. Например, если вы разместите изображение с именем dog.gif на своем сервере в каталоге images вашего домена doghelp.com, ваша ссылка будет выглядеть так:
Атрибуты изображения
Выровнять
Выравнивание позволяет вам указать положение вашего изображения, включая все следующее:
Ширина
Ширина вашего изображения отображается в пикселях.
Рост
Высота вашего изображения отображается в пикселях.
Граница
Если вы связываете свое изображение, вы захотите установить значение границы равным 0. Если вы этого не сделаете, ваше изображение будет отображаться с рамкой ссылки вокруг него.
Альтернативный текст (Alt)
Ваш ALT-текст будет отображаться, когда у ваших посетителей отключена графика или когда они наведут курсор на изображение. Этот текст может использоваться для описания вашего изображения и должен содержать наиболее релевантные ключевые слова для хорошего позиционирования в поисковых системах.
Комментариев нет:
Отправить комментарий