Див не прямоугольной формы

[bob_24]

На странице нужно разместить несколько таких блоков, заходящих друг на друга:

Каждый из которых, сохраненный в пнг весит очень не мало. Хотелось бы грузить джипег, и либо вырезать нужную мне область или, что лучше, вырезать не нужные мне области, что бы они становились прозрачными.

Можно ли как то это реализовать и если можно то как?

[Seemann]

Не совсем понятно как блоки будут заходить друг на друга. Пример может какой в студию...

[Yazon_Nile]

Как вариант гиф использовать. Там полупрозрачности не будет. Но прозрачные месте будут нормально отображаться.

А джпг прозрачность не поддерживает вообще

[Avalon4eg]

Gif в помощ

[bob_24]

Господа, причем тут вообще гиф? Каким образом он будет тут весить легче чем джипег? Вопрос был совсем о другом.

Подобного рода картинка будет весить в

png-24 - ~800кб

png-8 - ~500кб

gif - ~550кб

jpeg - ~250кб

Может что-то еще можно оптимизировать но не думаю что эти сильно изменит ситуацию. Тем более там замороченный градиент и с 256 цветами смотрится убого.

Еще сложность в том что все это будет ездить по вертикали. Поэтому с одним блоком было бы проще работать чем с блоком состоящим из нарезанных кусков.

[Yazon_Nile]

Гиф при том, что нужно нормально формулировать вопрос. Желательно с хтмл и цсс.

Edited May 25, 2012 by Yazon_Nile

[Avalon4eg]

Эти слои не будут смещаться относительно друг друга?

[bob_24]

Avalon4eg, Будут.

Ладно, может кто понимающий ответит, для кого вопрос понятен и не потребует объяснения на пальцах.

[Yazon_Nile]

Логично. Чего челядь слушать