Новая тема   Ответить

 Gidz
лучше 1 картинкой или порезанной на несколько частей? сейчас стал просматривать на одном сайте, шапка порезана

<div id="header"><img src="img/h_01.jpg" alt="" width="1000" height="38"/>
<img src="img/h_02.jpg" alt="" width="1000" height="43"/>
<img src="img/h_03.jpg" alt="" width="1000" height="41"/>
<div class="clear"></div>

при загрузке в разных браузерах в разной очередности грузятся эти пиксы.
Если я объединю эти 3 картинки и сделаю одной, какие минусы будут от этого? упадет ли скорость загрузки?

 goodlover
Эти части шапки обычно не большие по весу, грузятся быстро.
Лучше резать, конечно.

 Semen_ssr
Резать

 Yacc
Gidz писал:
Картинку в шапке режут:

1. При необходимости уменьшить вес картинки. В этом случае картинку режут по границам цветовых доминант (соответственно таковые должны быть) и сохраняют в формате gif;
   
2. Дизайн резиновый и картинка в шапке должна масштабироваться в соответствии с шириной окна. В этом случае картинку режут на три части: левую и правую, для которых прописывают фиксированный размер и узкую центральную полоску.
   

Если ни первое, ни второе тебе не подходит, резать картинку не нужно. А ускорить скорость загрузки можно оптимизировав jpeg и прописав размеры.

 shako
Yacc: + к этому анимированные части, и линки в шапке.
а так - если небольшая шапка по высоте - можно и нерезать.

 goodlover
Да, анимированные части как можно меньшие - их лучше отдельно вырезать.
Кстати, целиком картиночные шапки, когда там одна большая широкая картинка и всё, создают впечатление плохого шаблона. Что сайт давно устарел, как-то так. Может и дрочеры так же думают.

 Gidz
спасибо всем за ответы
если все же резать, то можно ли как-то запланировать ход загрузки картинок? например что бы они загружались сверху вниз, и желательно первее тумб?

 erobrand
1) Чаще НЕ резать, чем резать.

Почему не резать? Одна большая картинка грузится быстрее кучи маленький за счёт сокращения числа запросов к серверу. Ведь именно поэтому так здорово юзать css-спрайты.

В идеале нужно ловить баланс между количеством картинок и их весом, сохраняя разумные рамки того и другого.

Я стремлюсь сделать минимальное число картинок, приемлемых по весу. Крупные - вдумчиво режу, мелкие - безбожно склеиваю в спрайт.

2) Касательно приоритетной загрузки - если я не путаю, помогает затараканить картинки в качестве bg в css - оно вроде как грузится быстрее картинок. Не факт, честно - не помню.

А есть ещё забавные скрипты, которые позволяют управлять подгружаемым контентом, прелоадить контент для других страниц и так далее. Но на мой взгляд это уже перебор.Хотя, хозяин барин - тема была такая на хабре, можно найти при желании.

Удачи

 Yacc
Gidz писал:
Если грузить части порезанного изображения с разных сабдоменов, то (по-идее) они будут грузиться одновременно.

Тумбы грузятся быстрее дизайна

 goodlover
Не сабдоменов - это если с разных айпишников.
С дизом так мудрить я бы не стал.

 Yacc
goodlover писал:
Не обязательно. Если в запросах на загрузку картинок разные hostname, то браузер будет грузить их одновременно даже если все они смотрят на один IP.