Экспортирую изображение с фотошопа, но получаю без обрезов, получаю обычное изображение. Как правильно экспортировать?

Question

[olya_097]

что нужно получить


что получаю из фотошопа

Answer 1

[Сергей delphinpro]

Картинка должна быть прямоугольная, без вырезов. Чтобы ее можно было легко заменить. А всё остальное уже делается средствами css

Примерно так https://codepen.io/delphinpro/pen/xaoEZx

Comments

[olya_097]

спасибо
а если соединить слои?
или лучше на чистом цсс делать?

[Сергей delphinpro]

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

Answer 2

[Дмитрий]

хз что автор имеет ввиду
но провангую что автор экспортирует изображение с прозрачностью в jpg

Answer 3

[Леонид Никулин]

Добрый день.

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

Вкусного вам дизайна...