|
Действия ...
Новые сообщения [новые:0]
Дайджест
Горячие темы
Избранное [новые:0]
Форумы
Пользователи
Статистика
Статистика нагрузки
Мод. лог
Поиск
|
|
21.01.2015, 16:39
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
Добрый день 2 вопроса : 1 . вот такую картинку картинка надо разместить в футере страницы. Всё то ничего , вот только верстка адаптивная. Пытался стандартным тегом <img> Но контент может быть меньше, а значит футер с этой картинкой нарисуется выше, а там фон совсем не синий (потому как блин градиент) делать в png - картинка будет весить 700 Кб. Что посоветуете ? и второй вопрос 2. Я хочу для малых разрешений (например для смартфонов) вообще не производить загрузку этого изображения . Можно ли при помощи jquery например запретить загрузку этой картинки вообще ? как отловить малое разрешение я в курсе, меня интересует вопрос как "не подгружать" ? что для этого надо, что посоветуете ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 16:57
|
|||
|---|---|---|---|
|
|||
два впороса по <img> |
|||
|
#18+
andron81, А почему бы вам не использовать в css @media handheld и @media screen ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 17:48
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
kunaksergey, дело не в CSS, а медией я пользоваться умею. просто что я должен поставить в тело медии,чтобы картинка не заливалась? display:none , по- моему зальет все равно ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:00
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron81Можно ли при помощи jquery например запретить загрузку этой картинки вообще ?Можно пойти от обратного - по умолчанию не загружать, а при определенном условии/событии загружать. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:18
|
|||
|---|---|---|---|
|
|||
два впороса по <img> |
|||
|
#18+
andron81, так засуньте в css саму картинку ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:29
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
kunaksergey, каким образом ??? в див бэкгроундом вы имеете ввиду?? не прикольно это. адаптировать сложно становится. фикс значения придётся задавать , об width:auto забыть придётся. и никто не дал идеи по вопросу номер 1 ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:32
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
kunaksergeyandron81, так засуньте в css саму картинку довольно интересно. а по вопросу номер1??? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:34
|
|||
|---|---|---|---|
|
|||
два впороса по <img> |
|||
|
#18+
andron81 не совсем ясный вопрос... укажите размер img в %. Размер вычисляется от родителя. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:36
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
kunaksergey, тогда мне непонятно как вы css засуните картинку ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:41
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
я думал вы это имели ввиду : Код: html 1. Код: css 1. 2. 3. да, тут можно тогда картинку при некоторых разрешениях убирать в css медии . но тогда у img указать width: 500px , height: auto - не работает ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:43
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
miksoftandron81Можно ли при помощи jquery например запретить загрузку этой картинки вообще ?Можно пойти от обратного - по умолчанию не загружать, а при определенном условии/событии загружать. попробую , ещё хотелось бы от вас мнения услышать как сверстать лучше саму эту рогозу . скажу ещё , что фон на картинке брать синий нельзя ! он меняется меняется при различных разрешениях к сожалению ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:45
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron811 . вот такую картинку картинка надо разместить в футере страницы. Всё то ничего , вот только верстка адаптивная. Пытался стандартным тегом <img> Но контент может быть меньше, а значит футер с этой картинкой нарисуется выше, а там фон совсем не синий (потому как блин градиент) делать в png - картинка будет весить 700 Кб.Да вроде поменьше получается... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 18:57
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
miksoft, короче png8 выходит 200 кб. вроде бы приемлимо ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:01
|
|||
|---|---|---|---|
|
|||
два впороса по <img> |
|||
|
#18+
andron81, если вы хотите на скриптах, то вам нужно аяксом запросить серверный скрипт, который вам вернет картинку. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:03
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
kunaksergey, а вы это имеете ввиду. неплохо. об этом не подумал ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:03
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron81miksoft, короче png8 выходит 200 кб. вроде бы приемлимоа, речь о килобитах... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:04
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
miksoft, в смысле ? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:08
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron81miksoft, в смысле ?Вы стабильно показываете числа на порядок больше. 700 Кб - оказывается 72 килобайта 200 кб - оказывается 21 килобайт ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:15
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
miksoftandron81miksoft, в смысле ?Вы стабильно показываете числа на порядок больше. 700 Кб - оказывается 72 килобайта 200 кб - оказывается 21 килобайт так вы png ужали до 72 Кб ??? я что-то картинки не вижу и не успел - уже исчезла. я написал что мне удалось картинку Код: html 1. ужать до 200 Кб если вы ужмете лучше без потери качества причём сохранив формат, тогда снимаю шляпу... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:26
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron81miksoftпропущено... Вы стабильно показываете числа на порядок больше. 700 Кб - оказывается 72 килобайта 200 кб - оказывается 21 килобайт так вы png ужали до 72 Кб ??? я что-то картинки не вижу и не успел - уже исчезла. я написал что мне удалось картинку Код: html 1. ужать до 200 Кб если вы ужмете лучше без потери качества причём сохранив формат, тогда снимаю шляпу... без сильно ощутимой потери качества ! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:33
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron81так вы png ужали до 72 Кб ??? я что-то картинки не вижу и не успел - уже исчезла.Я ужал тот png, на который указывает ссылка в начальном посте и приложил к своему посту выше. andron81 Код: html 1. На кой вам такая гигантская (как в пикселях, так и в байтах) картинка? Её даже на обычный комп тащить смысла нет. Разбейте на несколько - две фоточасти (с портретами), остальное CSS-ом/SVG или еще как. P.S. В PNG8 получается 140 килобайт, но смысла в таком извращении не вижу. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:36
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
miksoft, почему 140 извращение ? зато картинка одна несколько картинок больше команд в медии , соотвественно и больше гемора ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:40
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron81несколько картинок больше команд в медии , соотвественно и больше гемораВы болеете за свой гемор или пользователей? Я как-то больше за пользователей. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:41
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
miksoft, понятно, вот только непонятно 140 кб чем так уж плохо ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
21.01.2015, 19:49
|
|||
|---|---|---|---|
два впороса по <img> |
|||
|
#18+
andron81miksoft, понятно, вот только непонятно 140 кб чем так уж плохоСмартфону/планшету может понадобиться до нескольких секунд на одну только эту картинку. А потом еще весь этот мегапиксель разворачивать в памяти, масштабировать его, скроллить и т.п. Если не хотите, чтобы пользователи уходили из-за долгой загрузки - вся страница со всеми картинками и подключаемыми объектами должна укладываться в 100-200 килобайт. Итоговую страницу подсуньте сервису https://developers.google.com/speed/pagespeed/insights/ - он покажет ряд проблем с оптимизацией сайта, в т.ч. с точки зрения мобильных устройств. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
|
|
|
start [/forum/topic.php?fid=22&mobile=1&tid=1446350]: |
0ms |
get settings: |
6ms |
get forum list: |
9ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
40ms |
get topic data: |
6ms |
get forum data: |
2ms |
get page messages: |
59ms |
get tp. blocked users: |
1ms |
| others: | 198ms |
| total: | 325ms |
| 0 / 0 |
