X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как правильно нарезать макет?
semiland
semiland
Topic Starter сообщение 23.12.2015, 22:51; Ответить: semiland
Сообщение #1


Участник
***

Группа: User
Сообщений: 109
Регистрация: 18.5.2013
Из: Odessa
Поблагодарили: 13 раз
Репутация:   1  


Добрый день. Интересует следующий вопрос:
Есть картинка(Рис.1), как лучше, с точки зрения экономии места и оптимизации картинки, использовать ее при верстке? ИМХО, что цельная, что разбитая на части, в итоге дает одинаковый вес страницы. Как лучше поступать в таких случаях:

1. Разбивать картинку на каждый элемент, в данном случае(каждый взрыв фейерверка, градиент, заряды и другие элементы) и складывать в верстке как пазл? Есть ли смысл этим заниматься?

2. Использовать одной картинкой, как показано на рисунке и просто использовать какой-то компрессор для сжатия размера.

p,s, Фон предоставлен в качестве примера.

Развернуть/Свернуть
https://habrastorage.org/files/514/c43/353/514c43353b3c4419bc6aac0b30bc757b.png


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kronos
kronos
сообщение 24.12.2015, 1:33; Ответить: kronos
Сообщение #2


Белый веб-мастер
*******


Группа: Active User
Сообщений: 4703
Регистрация: 10.2.2009
Из: Харьков
Поблагодарили: 2629 раз
Репутация:   327  


Сохранить в jpg с качеством 6-8


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 24.12.2015, 4:25; Ответить: lostprophet
Сообщение #3


Топовый постер
*******

Группа: Super Moderator
Сообщений: 2567
Регистрация: 18.11.2008
Из: Ростов-на-Дону
Поблагодарили: 3172 раза
Репутация:   292  


1 изображение - один запрос. 10 кусков этого изображения - 10 запросов.
А сам файл потом можно прогнать через сервис (например).
Плюс кеширование браузером.


--------------------


Поблагодарили: (3)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
IQ_Крым
IQ_Крым
сообщение 26.12.2015, 17:47; Ответить: IQ_Крым
Сообщение #4


Новичок
*

Группа: User
Сообщений: 48
Регистрация: 29.6.2015
Из: Крым
Поблагодарили: 6 раз
Репутация:   -2  


Это зависит от функционала. Я согласен с предыдущим ответом:
Цитата(lostprophet @ 24.12.2015, 3:25) *
1 изображение - 1 запрос. 10 кусков этого изображения - 10 запросов.

Нужно смотреть на требования вёрстки. Если для построения необходимой структуры требуется независимость некоторых элементов изображения друг от друга (для отдельного движения каждой из частей) - смело так и делайте. Если необходимости в этом нет - то и не нужно.
А для красивой загрузки можно сохранить в png с режимом "чересстрочно"

Сообщение отредактировал IQ_Крым - 26.12.2015, 17:48


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bogdanbo
bogdanbo
сообщение 25.2.2016, 2:50; Ответить: bogdanbo
Сообщение #5


Новичок
*

Группа: User
Сообщений: 21
Регистрация: 23.2.2016
Поблагодарили: 2 раза
Репутация:   -3  


Все зависит от ваших желаний, конечно чем больше кол-во изображений на сайте тем больше он весит и соответственно дольше грузится, но если хочется чего-то новенького и необычного то одной цельной картинкой вам не обойтись.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 26.2.2016, 11:05; Ответить: mmkulikov
Сообщение #6


Старожил
******

Группа: Active User
Сообщений: 2031
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 587 раз
Репутация:   68  


Цитата(kronos @ 23.12.2015, 23:33) *
Сохранить в jpg с качеством 6-8

Это как вариант, если как написал ТС нет возможности
Цитата(semiland @ 23.12.2015, 20:51) *
Разбивать картинку на каждый элемент

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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alexandr_js
Alexandr_js
сообщение 26.2.2016, 16:22; Ответить: Alexandr_js
Сообщение #7


Участник
***

Группа: User
Сообщений: 237
Регистрация: 21.7.2015
Поблагодарили: 43 раза
Репутация:   8  


Есть возможность перекинуть картинку в svg ? B)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Маленький кейс как сделать много почтовых ящиков в Gmail
Один аккаунт = много ящиков
11 PostBrigada 719 Сегодня, 2:50
автор: kstnews
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
12 PostBrigada 1350 16.12.2017, 23:00
автор: PostBrigada
Открытая тема (нет новых ответов) Как сейчас зарегистрировать Яндекс кошелек за пределами России?
4 metvekot 397 16.12.2017, 19:04
автор: metvekot
Открытая тема (нет новых ответов) Как поднять доверие к сайту?
5 fair_exchange 403 16.12.2017, 18:33
автор: genjnat
Горячая тема (нет новых ответов) Черный список обменников и как безопасно обменять валюту
141 Kurses 29970 15.12.2017, 13:04
автор: BestExchangers


 



RSS Текстовая версия Сейчас: 18.12.2017, 5:37
Дизайн