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


Новый статус (1)
*******

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


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
Сообщений: 2116
Регистрация: 21.9.2012
Из: СССР
Поблагодарили: 610 раз
Репутация:   70  


Цитата(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
Сообщений: 241
Регистрация: 21.7.2015
Поблагодарили: 44 раза
Репутация:   8  


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как заработать новичку?
141 Emeralda 25562 Сегодня, 12:43
автор: Emtec
Открытая тема (нет новых ответов) Как организовать индексацию защищенных pdf с ключами и ссылками
И разместить pdf на внешних жирных ресурсах
0 kirch 404 Вчера, 23:37
автор: kirch
Открытая тема (нет новых ответов) [Книга] Налог на глупость: Как я заработал в интернете 5,5 млн рублей.
7 kotovsky 2126 Вчера, 8:30
автор: kolor73
Открытая тема (нет новых ответов) Король социалок 7: Генератор видео и 5 способов как на нём заработать
0 Volgar 414 19.5.2018, 17:09
автор: Volgar
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКак носить смартфоны диагональю 5.5 - 6.4 дюйма?
41 Room 5087 19.5.2018, 15:28
автор: Chezarius


 



RSS Текстовая версия Сейчас: 21.5.2018, 23:00
Дизайн