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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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

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

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

Развернуть/Свернуть
https://habrastorage.org/files/514/c43/353/514c43353b3c4419bc6aac0b30bc757b.png
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
 
Открыть тему
Ответов (1 - 6)
kronos
kronos
сообщение 24.12.2015, 1:33; Ответить: kronos
Сообщение #2


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


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


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


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


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


Это зависит от функционала. Я согласен с предыдущим ответом:
Цитата(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


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


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

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

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


--------------------
Сдается, обращаться скайп avdesk-it-kmm
VPS от 5€
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alexandr_js
Alexandr_js
сообщение 26.2.2016, 16:22; Ответить: Alexandr_js
Сообщение #7


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2284 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3911 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1929 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:05
Дизайн