Добрый день.
Подскажите как правильнее сверстать следующие вещи:
Кружка с канцтоварами, кружка с кофе и наушники на макете идут как отдельные изображения. Я думаю, что лучше скрыть текст и вырезать фон с этими изображениями как общее фоновое изображение, чтобы с сервера при открытие страницы загружалось одно изображение, а не 3. Плюс ко всему размер изображения будет меньше, чем суммарный этих 3. да и с адаптивностью проблем меньше.
Розовой блок выполнен на макете в виде перевернутого квадрата из которого видна только часть одной стороны. Ввиду этого вижу несколько вариантов.:
1 - сделать как на макете (т.е. вырезать квадрат как картинку и точно так же вставить его в макет)
2 - нарисовать в SVG многоугольник
3 - точно так же как и предложил в предыдущем варианте. Вырезать всё изображение без текста и вставить как фон.
Точно такой же вопрос касательно компьютера на втором варианте. Стоит ли его вставлять как изображение? По сути своей он смысловой нагрузки не несет. Отличие изображения от фона я так понимаю в том, что на изображение можно жмакнуть ПКМ и сохранить его, либо открыть в отдельной вкладке. Но не думаю, что потенциальный пользователь стал бы это делать конкретно с данной картинкой (хоть макет и учебный, и реально использован не будет).
В данном случае я придерживаюсь 3 варианта (хотя насчет варианта с SVG не уверен).
Привел свои логические умозаключения, но так как опыта мало, прошу совета у опытных верстальщиков.
Простой
Простой
