Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Прозрачность

.

При сохранении изображение становится прямоугольным и заполняет все доступное пространство. Но представьте, что ваша картинка имеет другую форму — например, овальную, как логотип компании на рис. 5.5. Прямые углы изображения не позволят красиво установить его в качестве фонового рисунка, но это можно сделать с помощью формата GIF. Из 256 цветов, поддерживаемых этим форматом, один используется для создания прозрачности, как показано на рис. 5.5.

JPG не поддерживает прозрачность

GIF с прозрачным фоном

Рис. 5.5. Различия между поддержкой прозрачности в форматах JPG и GIF

Да, GIF поддерживает прозрачность, но, пожалуй, неидеально. Изображение имеет как бы «матовый» оттенок вокруг прозрачной области. Поскольку только один из 256 цветов может быть прозрачным, то, когда мы располагаем GIF-изображение на разноцветном фоне, прозрачность будет идеальной лишь в определенных местах. Если вы посмотрите на верхнее изображение (см. архив кода, chapter 5\ examples\04_transparency), то заметите эффект наложения фона логотипа на нижнюю часть баннера. Наверное, можно подобрать лучший тип рисунка?

Прозрачность в PNG. Несомненно, лучший формат изображений для создания эффекта прозрачности — PNG, потому что в нем прозрачность создается с помощью альфа-канала. Это значит, что PNG использует разные уровни прозрачности, а не просто включает или отключает ее, как GIF.

Хороший пример — сайт, над которым я какое-то время работал вместе с дизайнером Джоном Хиксом (Jon Hicks). В верхней части страницы — изображение машины скорой помощи с замечательным эффектом прозрачности, включая легкую тень под автомобилем. Все современные браузеры прекрасно справляются с обработкой этого изображения, чего нельзя сказать о старом добром Internet Explorer 6, -в нем вокруг машины появляется фон (маска). Работая над сайтом, мы изучили статистику применения различных браузеров и выяснили, что пользователей Internet Explorer 6 — около 1 %. Поэтому вполне приемлемо оставить вариант, при котором картинка идеально отображается для остальных 99 % пользователей, ведь функциональность сайта доступна для всех.

Рис. 5.6. Internet Explorer 6 с некорректным отображением прозрачности (справа) и Firefox 3.6 с корректным (слева)

.

Читайте так же:
Not found