Добрый день 2 вопроса :
1 . вот такую картинку
картинка
надо разместить в футере страницы.

Всё то ничего , вот только верстка адаптивная.
Пытался стандартным тегом <img>
Но контент может быть меньше, а значит футер с этой картинкой нарисуется выше, а там фон совсем не синий (потому как блин градиент)
делать в png - картинка будет весить 700 Кб.
Что посоветуете ?

и второй вопрос

2. Я хочу для малых разрешений (например для смартфонов) вообще не производить загрузку этого изображения . Можно ли при помощи jquery например запретить загрузку этой картинки вообще ?
как отловить малое разрешение я в курсе, меня интересует вопрос как "не подгружать" ?
что для этого надо, что посоветуете ?

kunaksergey,

дело не в CSS, а медией я пользоваться умею. просто что я должен поставить в тело медии,чтобы картинка не заливалась? display:none , по- моему зальет все равно

kunaksergey,

каким образом ??? в див бэкгроундом вы имеете ввиду?? не прикольно это. адаптировать сложно становится. фикс значения придётся задавать , об width:auto забыть придётся. и никто не дал идеи по вопросу номер 1

kunaksergeyandron81,
так засуньте в css саму картинку

довольно интересно. а по вопросу номер1???

kunaksergey,

тогда мне непонятно как вы css засуните картинку

я думал вы это имели ввиду :







да, тут можно тогда картинку при некоторых разрешениях убирать в css медии .

но тогда у img указать width: 500px , height: auto - не работает

miksoftandron81Можно ли при помощи jquery например запретить загрузку этой картинки вообще ?Можно пойти от обратного - по умолчанию не загружать, а при определенном условии/событии загружать.

попробую , ещё хотелось бы от вас мнения услышать как сверстать лучше саму эту рогозу .
скажу ещё , что фон на картинке брать синий нельзя ! он меняется меняется при различных разрешениях к сожалению

miksoft,

короче png8 выходит 200 кб. вроде бы приемлимо

kunaksergey,

а вы это имеете ввиду. неплохо. об этом не подумал

miksoft,

в смысле ?

miksoftandron81miksoft,

в смысле ?Вы стабильно показываете числа на порядок больше.
700 Кб - оказывается 72 килобайта
200 кб - оказывается 21 килобайт

так вы png ужали до 72 Кб ??? я что-то картинки не вижу и не успел - уже исчезла.

я написал что мне удалось картинку



ужать до 200 Кб

если вы ужмете лучше без потери качества причём сохранив формат, тогда снимаю шляпу...

andron81miksoftпропущено...
Вы стабильно показываете числа на порядок больше.
700 Кб - оказывается 72 килобайта
200 кб - оказывается 21 килобайт

так вы png ужали до 72 Кб ??? я что-то картинки не вижу и не успел - уже исчезла.

я написал что мне удалось картинку



ужать до 200 Кб

если вы ужмете лучше без потери качества причём сохранив формат, тогда снимаю шляпу...

без сильно ощутимой потери качества !

miksoft,

почему 140 извращение ? зато картинка одна

несколько картинок больше команд в медии , соотвественно и больше гемора

miksoft,

понятно, вот только непонятно 140 кб чем так уж плохо

miksoft

Если не хотите, чтобы пользователи уходили из-за долгой загрузки - вся страница со всеми картинками и подключаемыми объектами должна укладываться в 100-200 килобайт.





поэтому и хочу некоторые картинки выкинуть для смартфонов. для них я хотел не грузить это png