Как сделать такой бэкграунд футеру?

Question

[saplas]

Доброй ночи. Собственно нужно сделать такой футер
картинкой в бэкграунде мне кажется будет неправильно вставить. Как сделать такое правильней?

Comments

[Rustam Bainazarov]

Ну если вам так неправильно картинкой (?!), делайте кучу блоков с border-radius: 100% и размещайте их на абсолютном позиционировании (не надо).

А вообще, это картинка. Футер у вас будет из двух блоков: верхний с фоном (можно псевдо-элементом сделать вообще, как я) и нижний с контентом:

[Сергей delphinpro]

Эта картинка будет весить 10-15 кб. может и меньше. вставляй, не парься.

[Zhainar]

Проще в svg пихнуть

[Владимир Проскурин]

Только вставляйте не растр, а svg. Такие круги в inkscape можно нарисовать за 1-2 минуты, а весить будет меньше 1 кб. после минификации, а картинка, в лучшем случае около 10кб.

[RAX7]

Берем вариант от Рустам Байназаров , отрисовываем в SVG по совету Владимир Проскурин и получаем картинку менее 500 байт.

Answer 1

[Robur]

Вам кажется. Период массовых отказов от картинок в пользу новых и молодежных возможностей CSS давно прошел, если картинка маленькая и удобная - почему нет? Вряд ли она у вас займет половину трафика страницы.

Comments

[JohOconnor]

Только впиши что бы ее нельзя было такскать,сохранять и трогать, не помню как строчка но думаю ты найдешь. Но если сильно хочешь то - CANVAS

[Анатолий Куликов]

С помощью псевдоэлемента можно легко сделать. :before/:after по вкусу и фон. Можно svg - это будет очень лёгкая картинка.

[Павел Антонов]

да хоть круги на css рисуй и позиционируй как надо.. вариантов куча