Использование изображений часть 2

Настройка прозрачности Все изображения в формате GIF и JPEG имеют прямоугольную форму. Однако, большинство объектов, с которыми мы имеем дело в реальной жизни, имеют совершенно другие формы. Можно попробовать решить эту проблему, поместив рисунки в специальные фреймы изображений, однако в большинстве случаев вас вряд ли устроит результат. Результат будет намного лучшим, если вы заметите часгины изображения вами не использовались, как прозрачные (то есть совпадающие с общим фоном Web-страницы в браузере). В результате получится так, как будто видимая часть изображения наклеена на кусок абсолютно прозрачного стекла. Пример использования такого приема показан на рис. 13. Рис. 13. Слева для изображения используется белый фон, а справа — прозрачный Настроить прозрачность можно с большинства специализированных редакторов изображений, поддерживающих формат GIF. Однако то же самое можно сделать и с помощью FrontPage.

  1. Выберите изображение на Web-странице.
  2. Нажмите на кнопку Make Transparent в панели инструментов Picture (см. Табл.3).
    iqoption-com.eu

  3. Щелкните мышью по любому пикселю на выделенном изображении. Все участки изображения, цвет которых совпадает с выбранным вами, станут прозрачными.
  4. Если вам понадобилось сделать прозрачным другой цвет, повторите шаги 2 и 3.
  5. Для отключения прозрачности изображения откройте его свойства и на вкладке General снимите флажок Transparent.
Преобразование изображения в черно-белое Для преобразования изображения в черно-белое достаточно просто выделить его и нажать кнопку Black and White в панели инструментов Picture. Повторное нажатие этой кнопки позволяет снова вернуть цвета изображению (если вы еще не успели его сохранить). Освещение изображения FrontPage позволяет осветлить («отмыть») изображения. Это удобно, например, если вы планируете сделать это изображение фоновым и переживаете о том, чтобы оно не мешало восприятию текста. Освещение изображения производится с помощью кнопки Wash Out. Результат показан на рис. 12 (нижний ряд). Интересно, что вы можете осветить изображение неограниченное количество раз, но перед каждым следующим нажатием кнопки Wash Out необходимо сохранять изображения. Предоставление изображению «выпуклости» При применении эффекта «выпуклости» (beveling) верхний и левый края изображения делаются светлее, а нижний и правый края — темнее. В результате изображение кажется выпуклым. Физическая изменение размера исходного изображения Для того, чтобы физически изменить размер изображения в FrontPage, сначала измените его размеры обычным образом (путем перемещения рамки вокруг изображения), а затем нажмите кнопку Resample на панели инструментов Picture. В результате будет создан новый файл, который по размеру будет отличаться от исходного. В отличие от обычной изменения размеров изображения (когда фактически изменяется только пространство отводится под изображение браузером), физическое изменение размера приводит к реальному изменению файла. Поэтому при сохранении Web-страницы будет открыто диалоговое окно Save Embedded Files. Восстановление изображения Пока вы не сохранили изображение, FrontPage позволяет вернуться к его первоначальному виду. Для этого достаточно выделить рисунок и воспользоваться кнопкой Restore в панели инструментов Picture. Если же вам нужно отменить только ваши добавления, воспользуйтесь командой Undo в меню Edit или клавиатурной комбинацией Ctrl + Z. Советы Web-дизайнеру: работа с изображениями В этой части будут рассмотрены два важных момента (которые однако часто упускают из виду при создании Web-сайтов): выбор цветовой палитры для изображений и общее время загрузки. Однако, кроме них вы должны учитывать также многие другие моменты, например цветовую гамму всей страницы, общая компоновка страницы, а также то, что изображение отвлекают внимание от текста. Выбор цветовой палитры Если любое изображение выглядит вполне нормально само по себе (например, в специализированном редакторе изображений), а в браузере оно выглядит гораздо хуже (конечно зернистым), попробуйте превратить его палитру. Палитра — это набор цветов в изображении. Большинство редакторов графических файлов могут сохранять палитры, как вместе с изображениями, так и в виде специальных файлов. Если открыть одновременно графический файл и специализированную палитру, в большинстве редакторов предусмотрена возможность преобразования цветов в графическом файле в соответствии с этой палитры. При этом цвет каждого пикселя изображения будет преобразован в ближайший цвет, который присутствует в палитре. Если использовать специализированную палитру, состоящую из 216 безопасных цветов, изображение будет преобразовано таким образом, чтобы в нем были только безопасные цвета. Этим вы обезопасите себя как от смешения, так и от подстановки цветов по усмотрению браузера. To, что в браузерах используется палитра из 216 безопасных цветов, приводит к проблемам в двух распространенных случаях.
  • Черно-белые фотографии часто выглядят в браузере не лучшим образом. Это происходит потому, что браузер может отобразить только шесть градаций серого, из которых один цвет — чисто белый, а второй — чисто черный. Вот шесть доступных в браузере оттенков черно-белых изображений.
  • Экранные скриншоты Windows также не всегда выглядят правильно. Это связано с тем, что в безопасной палитре присутствуют только 8 из 20 стандартных цветов Windows. Эти 8 цветов раньше присутствовали в фиксированной 16-цветной палитре первых адаптеров VGA, и с тех пор они остались в палитре Windows. Вот их перечень.
В безопасной для браузеров палитре присутствуют все цвета из столбца «Светлые» и ни одного — из столбца «Темные». В результате скриншоты, вставленные в Web-страницы напрямую, выглядят в браузере плохо. Решением проблемы может стать предварительное преобразование скриншота в редакторе графических файлов таким образом, чтобы в нем использовались только безопасные цвета. Управление временем загрузки изображений Время загрузки Web-страниц всегда важен для тех, кто работает в Интернете. Время загрузки можно рассчитать, разделив общий размер всех элементов страницы в байтах на доступную полосу пропуска сетевого соединения в байтах в секунду. Поэтому управление временем загрузки Web-страниц сводится к управлению количеством байт на странице, а учитывая то, что изображения имеют гораздо больший размер, чем текст HTML, в конечном итоге все сводится к управлению размером графических файлов. FrontPage проводит оценку скорости загрузки Web-страницы в автоматическом режиме. Например, в правом нижнем углу рис. 10 вы можете заметить надпись «4 seconds over 28.8». При оценке скорости загрузки страниц необходимо также учитывать некоторые дополнительные факторы.
Комментарии и пинги к записи запрещены.

Комментарии закрыты.