ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / два впороса по <img>
25 сообщений из 26, страница 1 из 2
  1  все
два впороса по <img>
    #38859879
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
Добрый день 2 вопроса :
1 . вот такую картинку
картинка
надо разместить в футере страницы.

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

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

2. Я хочу для малых разрешений (например для смартфонов) вообще не производить загрузку этого изображения . Можно ли при помощи jquery например запретить загрузку этой картинки вообще ?
как отловить малое разрешение я в курсе, меня интересует вопрос как "не подгружать" ?
что для этого надо, что посоветуете ?
...
Рейтинг: 0 / 0
21.01.2015, 16:39
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38859906
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
andron81,
А почему бы вам не использовать в css
@media handheld и @media screen
...
Рейтинг: 0 / 0
21.01.2015, 16:57
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38859985
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
kunaksergey,

дело не в CSS, а медией я пользоваться умею. просто что я должен поставить в тело медии,чтобы картинка не заливалась? display:none , по- моему зальет все равно
...
Рейтинг: 0 / 0
21.01.2015, 17:48
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38859993
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
andron81Можно ли при помощи jquery например запретить загрузку этой картинки вообще ?Можно пойти от обратного - по умолчанию не загружать, а при определенном условии/событии загружать.
...
Рейтинг: 0 / 0
21.01.2015, 18:00
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860008
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
andron81,
так засуньте в css саму картинку
...
Рейтинг: 0 / 0
21.01.2015, 18:18
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860019
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
kunaksergey,

каким образом ??? в див бэкгроундом вы имеете ввиду?? не прикольно это. адаптировать сложно становится. фикс значения придётся задавать , об width:auto забыть придётся. и никто не дал идеи по вопросу номер 1
...
Рейтинг: 0 / 0
21.01.2015, 18:29
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860024
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
kunaksergeyandron81,
так засуньте в css саму картинку

довольно интересно. а по вопросу номер1???
...
Рейтинг: 0 / 0
21.01.2015, 18:32
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860026
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
andron81
не совсем ясный вопрос... укажите размер img в %. Размер вычисляется от родителя.
...
Рейтинг: 0 / 0
21.01.2015, 18:34
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860029
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
kunaksergey,

тогда мне непонятно как вы css засуните картинку
...
Рейтинг: 0 / 0
21.01.2015, 18:36
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860033
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
я думал вы это имели ввиду :
Код: html
1.
<div id="img"> </div>




Код: css
1.
2.
3.
#img {
    background-image: url(300x200_03.jpg);
}



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

но тогда у img указать width: 500px , height: auto - не работает
...
Рейтинг: 0 / 0
21.01.2015, 18:41
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860035
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
miksoftandron81Можно ли при помощи jquery например запретить загрузку этой картинки вообще ?Можно пойти от обратного - по умолчанию не загружать, а при определенном условии/событии загружать.

попробую , ещё хотелось бы от вас мнения услышать как сверстать лучше саму эту рогозу .
скажу ещё , что фон на картинке брать синий нельзя ! он меняется меняется при различных разрешениях к сожалению
...
Рейтинг: 0 / 0
21.01.2015, 18:43
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860037
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
andron811 . вот такую картинку
картинка
надо разместить в футере страницы.

Всё то ничего , вот только верстка адаптивная.
Пытался стандартным тегом <img>
Но контент может быть меньше, а значит футер с этой картинкой нарисуется выше, а там фон совсем не синий (потому как блин градиент)
делать в png - картинка будет весить 700 Кб.Да вроде поменьше получается...
...
Рейтинг: 0 / 0
21.01.2015, 18:45
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860049
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
miksoft,

короче png8 выходит 200 кб. вроде бы приемлимо
...
Рейтинг: 0 / 0
21.01.2015, 18:57
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860055
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
andron81,
если вы хотите на скриптах, то вам нужно аяксом запросить серверный скрипт, который вам вернет картинку.
...
Рейтинг: 0 / 0
21.01.2015, 19:01
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860058
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
kunaksergey,

а вы это имеете ввиду. неплохо. об этом не подумал
...
Рейтинг: 0 / 0
21.01.2015, 19:03
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860059
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
andron81miksoft,

короче png8 выходит 200 кб. вроде бы приемлимоа, речь о килобитах...
...
Рейтинг: 0 / 0
21.01.2015, 19:03
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860060
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
miksoft,

в смысле ?
...
Рейтинг: 0 / 0
21.01.2015, 19:04
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860064
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
andron81miksoft,

в смысле ?Вы стабильно показываете числа на порядок больше.
700 Кб - оказывается 72 килобайта
200 кб - оказывается 21 килобайт
...
Рейтинг: 0 / 0
21.01.2015, 19:08
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860068
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
miksoftandron81miksoft,

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

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

я написал что мне удалось картинку
Код: html
1.
http://mos.mos-stroyservice.ru/css/images/call_center2.png



ужать до 200 Кб

если вы ужмете лучше без потери качества причём сохранив формат, тогда снимаю шляпу...
...
Рейтинг: 0 / 0
21.01.2015, 19:15
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860074
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
andron81miksoftпропущено...
Вы стабильно показываете числа на порядок больше.
700 Кб - оказывается 72 килобайта
200 кб - оказывается 21 килобайт

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

я написал что мне удалось картинку
Код: html
1.
http://mos.mos-stroyservice.ru/css/images/call_center2.png



ужать до 200 Кб

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

без сильно ощутимой потери качества !
...
Рейтинг: 0 / 0
21.01.2015, 19:26
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860077
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
andron81так вы png ужали до 72 Кб ??? я что-то картинки не вижу и не успел - уже исчезла.Я ужал тот png, на который указывает ссылка в начальном посте и приложил к своему посту выше.
andron81
Код: html
1.
http://mos.mos-stroyservice.ru/css/images/call_center2.png

На кой вам такая гигантская (как в пикселях, так и в байтах) картинка? Её даже на обычный комп тащить смысла нет.
Разбейте на несколько - две фоточасти (с портретами), остальное CSS-ом/SVG или еще как.

P.S. В PNG8 получается 140 килобайт, но смысла в таком извращении не вижу.
...
Рейтинг: 0 / 0
21.01.2015, 19:33
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860080
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
miksoft,

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

несколько картинок больше команд в медии , соотвественно и больше гемора
...
Рейтинг: 0 / 0
21.01.2015, 19:36
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860084
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
andron81несколько картинок больше команд в медии , соотвественно и больше гемораВы болеете за свой гемор или пользователей? Я как-то больше за пользователей.
...
Рейтинг: 0 / 0
21.01.2015, 19:40
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860086
andron81
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
andron81
Участник
miksoft,

понятно, вот только непонятно 140 кб чем так уж плохо
...
Рейтинг: 0 / 0
21.01.2015, 19:41
| Ответить | Цитировать | Написать  
два впороса по <img>
    #38860088
miksoft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
miksoft
Участник
andron81miksoft,

понятно, вот только непонятно 140 кб чем так уж плохоСмартфону/планшету может понадобиться до нескольких секунд на одну только эту картинку. А потом еще весь этот мегапиксель разворачивать в памяти, масштабировать его, скроллить и т.п.

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

Итоговую страницу подсуньте сервису https://developers.google.com/speed/pagespeed/insights/ - он покажет ряд проблем с оптимизацией сайта, в т.ч. с точки зрения мобильных устройств.
...
Рейтинг: 0 / 0
21.01.2015, 19:49
| Ответить | Цитировать | Написать  
25 сообщений из 26, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / два впороса по <img>
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38860008&tid=1446350]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 207ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 213ms
total:  482ms
созд. / загр.: 482ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]