Почему верстальщики обычно вырезают круглую картинку квадратом?

Question

[stan288]

Почему верстальщики обычно вырезают круглую картинку квадратом, а потом в css делают ее круглой? Можно же сразу вырезать круглую картинку? В чем смысл, зачем усложнять?

Comments

[WapSter]

Интересно, никогда не видел круглых картинок. Если ты про прозрачные углы, то альфа канал имеет множество недостатков один из них, значительно увеличивает размер картинки. В чем сложность прописать одно свойство? Наверное легче вытащить картинку, из макета в редакторе скрыть углы, пережать картинку и только потом её вставить

[ProjectSoft]

Почему верстальщики обычно вырезают круглую картинку квадратом, а потом в css делают ее круглой? Можно же сразу вырезать круглую картинку?

Вот с этого места по подробней... )))
Где это вы видели круглые "форточки"?
Если вы в PhotoShop или Illustrator и сделали круглое изображение, то оно всё-равно квадратное.

[Антон Литвиненко]

веб - квадратный (прямоугольный), а не куглый)

Answer 1

[ThunderCat]

1) Круглые картинки без фона - это либо пнг, либо вебп (думаю неприменимость формата гиф очевидна и так). Не все картинки хорошо смотрятся в пнг и не все браузеры полностью поддерживают вебп.

2) Цсс такая штука, специально придуманная для того, чтобы если завтра мода на круглое сменится модой на квадратное, то "легким движением руки брюки превращаются в элегантные шорты". И для этого не понадобится перепердоливать стотыщь картинок обратно в квадраты.

3) В обратную сторону так же работает - для смены дизайна с квадрата на круг достаточно просто скруглить углы контейнера.

4) Сделать тумб с "круглым видом" программно сложнее чем с квадратным.

5) Артефакты при нарезке из квадратного в круглое смотрятся хуже, чем, по сути, векторная маска, наложенная на цельное квадратное изображение.

Короче, не зря делают.

PS: На дом - научиться самостоятельно искать аргументы в пользу / против какого-либо замеченного технологического приема.

Comments

[archelon]

К первому пункту можно добавить, что png 24бит еще и весит чуть ли не на порядок больше, чем jpg.

Answer 2

[Сергей delphinpro]

Потому что часто, почти всегда, изображения на боевом сайте управляются через админку. И условная девочка-контентщица не будет заморачиваться с подготовкой картинок под вашу верстку, просто загрузит любую. Наоборот, ваша верстка должна быть универсальной.