09 Дек 2009
Экспорт картинок для веб
Правильный экспорт картинок для веб.
![](/wp-content/uploads/1319406891a3f9d6c90747ede845cf9f.gif)
Допустим у вас на сайте используется серый фон, с номером RGB #c1c1c1. Ни в коем случае не экспортируйте картинки с фоновым цветом, ибо это лишний вес картинки, а соотв. лишняя нагрузка на ваш сайт.
Да и вообще это дурной тон — использовать картинки с фоном. Модные дяди в вебе давно делают по-другому.
![](/wp-content/uploads/32f08faf0f9e2c2093272073d4c8290f.gif)
После того, как вы подготовили картинку, или текст для веб странички — отключите нижний слой background (в панели слоев).
![](/wp-content/uploads/62c6daf954be05b95044b15e29ead345.gif)
Идем в File > Save for Web
Вот тут надо остановиться, ибо если в тупую кликнуть кнопку Save, то картинка у вас (или текст) сохранится с белой обводкой и выглядеть это будет так как на картинке слева, т.е. черный текст на сером фоне с белой обводкой.
(сорри, ошибся на сером фоне ))
![](/wp-content/uploads/36cfa2e49b8433c977a4798d1c9aa1ad.gif)
Теперь попробуйте кликнуть на Matte, выбрать цвет фона (#c1c1c1) и сохранить, теперь обводка текста (картинки) стала # заданного цвета. Это может быть зеленый цвет, розовый.. какой угодно, в общем. Ну а далее дело верстки.
Если у вас IE попробуйте выделить картинку удерживая левую кнопку мыши, если Firefox правая кнопка на картинке — показать изображение.
Понятно, да?
Теперь картинка и фон отдельные, чтд.
(опять ошибся, на сером фоне ))
![](/wp-content/uploads/efc3c9d77d5e741137b816532d2c4b52.gif)