На главную Статьи Функции

Как создать изображение с прозрачным фоном?




Очень часто при создании сайта появляется необходимость создания изображения с прозрачным фоном. Если вы знакомы с Photoshop, то сделать такое изображение не составит большого труда. Допустим что изображение уже есть, если нет, то создаем новый слой с пустым фоном и удаляем или делаем невидимыми остальные. Дальше, идем в меню File (Файл) > Save for Web & Devices… (Сохранить для Веб и устройств). Вот тут и начинаются основные сложности. При сохранении в формате gif края изображения на фоне, отличающемся от белого видны рваными. Избежать этого можно двумя способами:

  1. При сохранении файла указывать цвет Подложки (Matte) соответствующий фону, на котором будет размещено наше изображение. Однако фон под изображением не всегда может быть однородным, что делать в таком случае.
  2. Сохранить изображение в формате png-24. Такое изображение будет больше по объему чем gif, однако проблем с фоном удастся избежать и изображение с прозрачным фоном будет отображаться красиво на любом фоне.

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



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

обратная связь