обратная связь
На главную Статьи Функции
jQuery С чего начать? Дизайн Другие CSS HTML JavaScript PHP

Уважаемые посетители сайта, задающие вопросы вроде "А как прикрутить вашу корзину к сайту?" и т.п. Я не делаю готовых решений, я описываю логику реализации, для каждого отдельного сайта нужно будет дописывать те или иные вещи в любом случае, поэтому если вам очень нужно что-либо прикрутить или приделать, я оказываю платные и бесплатные услуги по консультированию и доработке сайтов. Пишите в форму обратной связи вверху страницы, отвечу всем.




Изображения с прозрачным фоном




Допустим у нашего сайта очень красивый фоновый рисунок, но нам этого недостаточно и мы хотим еще и разместить логотип, но так, чтобы он был на фоне рисунка, а не в рисунке или как-либо еще. Обычно, для решения этой проблемы используют изображения с прозрачным фоном в форматах GIF или PNG.
Изображения с прозрачным фоном будем создавать в Adobe Photoshop, в Corel есть такая функция, но она очень коряво работает.
Итак, будем считать, что изображение на прозрачном фоне у нас уже есть, если нет, то создаем новый слой из фона, если он еще не создан, и удаляем ненужный фон. Далее идем в меню File->>Save for Web & Devices… (Сохранить для Веб и Устройств). В открывшемся окне нам предложат выбрать расширение (GIF, JPEG или PNG). Выбираем GIF, и из всего многообразия гиф тот который больше по душе, ставим галочку «Прозрачность(Transparency)». Нажимаем сохранить и казалось бы все, картинка готова:
Вот тут то и возникает проблема выбора цвета Подложки(“Matte” в CS4). На странице с белым фоном изображение смотрится отлично, однако перенеся изображение на любой фон мы получаем рваные белые края.

Прозрачный GIF с белой подложкой Прозрачный GIF с прозрачной подложкой Прозрачный GIF с подложкой цвета фона

 

Бороться с этим можно так: задать цвет подложки прозрачным – none (тогда края изображения будут просто неровными) или подобрать такой цвет подложки, который ближе всего к фоновому изображению, однако не всегда это просто сделать, т.к. фоновый рисунок может содержать довольно много цветов.

Еще один способ сделать изображение с прозрачным фоном сохранить его в формате PNG. Это изображение смотрится хорошо на любом фоне, однако его объем тоже значительно больше.

Изображение PNG с прозрачным фоном

Резюме:Преимущество GIF - малый объем, недостаток - сложно подобрать цвет подложки. Формат PNG - больший объем чем GIF, не поддерживается IE версии 6 и ниже (Еще у многих можно найти эту версию), плюс - это изображение действительно с прозрачными фоном.


Ваше имя:
Тема:
Комментарий:
Код с картинки:
Комментарии к статье:

DB Error. You query is broken down! Call your mommy, sucker!

DB Error. You query is broken down! Call your mommy, sucker!


комментариев нет
Статьи в разделе

© 2010-2018 При использовании материалов ссылка на сайт www.webchaynik.ru обязательна