Оптимизация изображений

@Manolito · Регистрация: 26.07.2014

Студворк — интернет-сервис помощи студентам

Всем привет. Делаю сайт-галерею. Имеется 16к изображений, который требуют оптимизации под WEB (т.к. загрузка по 80 изображений на странице идет слишком долго). Как это лучше сделать?

@GoDr · 02.12.2015, 15:12

какова суть вопроса применительно к HTML?
Куча программ для оптимизации картинок.

У <IMG> есть такое свойство lowsrc. Можно им воспользоваться

@GyroReaper · 02.12.2015, 15:42

Manolito, можно записать url'ы в заглушки, а при скролле страницы подставлять вместо них реальные картинки.

@Fedor92 · 02.12.2015, 16:29

Сообщение от GoDr

У <IMG> есть такое свойство lowsrc. Можно им воспользоваться

Это не свойство, а атрибут! И по Вашей же ссылке написано, что данный атрибут уже не поддерживается броузерами!

@GoDr · 02.12.2015, 19:00

Fedor92, Атрибут! Не поддерживается!!! Многое не поддерживаемое, кстати, не браузерами, а спецификацией, работает всё же

Ну так это всего-лишь вариант.... Я бы мог написать, что проблема в "ошибке в 17-й строке"

Моё самое первое предложение, по-моему, сказало что вопрос очень философский.

PS
ты когда-нибудь можешь просто предложить свой вариант? в данном случае по оптимизации картинки средствами HTML+CSS

@Fedor92 · 02.12.2015, 19:06

Сообщение от GoDr

ты когда-нибудь можешь просто предложить свой вариант по оптимизации картинки средствами HTML+CSS

Во-первых, я Вам не тыкал! А во-вторых, я теперь понял о чём говорил Shakalaka - это диагноз...

Сообщение от GoDr

Fedor92, Атрибут! Не поддерживается!!!

Атрибут, который не поддерживается!!!

Почитайте по ссылке, которую сами и дали, если мне не верите...

Сообщение от GoDr

ты когда-нибудь можешь просто предложить свой вариант по оптимизации картинки средствами HTML+CSS

Я не лезу в темы, в которых не понимаю чего хочет ТС, или если не знаю как это реализовать, в отличии от некоторых...

@GoDr · 02.12.2015, 19:17

Сообщение от Fedor92

Во-первых, я Вам не тыкал!

За это прошу прощение. В будущем постараюсь подобное в отношении Вас не повторять. Просто привык что на программерских форумах всё же общепринятое обращение на "ТЫ"

Ещё раз, извините.

Не по теме:

На остальные цитаты я уже ответил :) Пусть не прямолинейно, т.е. тупо вопрос-ответ, но всё же...

@Fedor92 · 02.12.2015, 19:32

Не по теме:

Сообщение от GoDr

За это прошу прощение. В будущем постараюсь подобное в отношении Вас не повторять.

Дело на самом деле не только во мне и не в коем случае не в репутации - просто на форуме собираются люди разных возрастных категорий и давайте уважительно относится друг к другу и обращаться на "Вы"... Я же не знаю сколько лет Вам, может 60 и для меня не приемлемо обращаться к Вам на "ты" - хотя бы в силу возраста...:)
А пост я написал не в качестве придирки, а в качестве поправки... Как уже Вам говорили - эту тему будут читать другие люди и данная Вами информация будет восприниматься серьёзно... Как появится дополнительная информация - я может поучаствую в теме - пока я не совсем понял что хочет ТС...

@GoDr · 02.12.2015, 19:57

Не по теме:

Сообщение от Fedor92

я может поучаствую в теме - пока я не совсем понял что хочет ТС...

Ну может я просто ко всему в этой жизни отношусь с юмором и позитивом :) И кстати, именно потому что никто не знает сколько кому лет принято обращение на "ТЫ"... Может конечно что-то поменялось за последние 10 лет, но я этого не заметил... Да и по возрасту я уже большинство могу так называть:D А что касается "поправки", так я не против.. вот только она больше на "придирку" походила..
А вообще, "глупый" вопрос" - "глупый" ответ

А если по теме, то всё просто...
- я не знаю что такое 16к изображений
- я не знаю что такое оптимизации под WEB, верне могу предположить конечно, что имел в виду человек
- я не знаю какой средний размер картинок.. Знаю его, можно было уже думать в какую область "думать"
- я не знаю что такое "долго". Это 1 секунда или 5 минут?
- и т.д.

А так как раздел HTML (а если я заикнусь про PHP, то начнутся новые дебаты), можно просто только уточнить что человек имел в виду..

По сути можно сделать простые варианты
1. Это конечно оптимизация картинок да в том же фотошопе
2. Использовать вместо больших картинок "превьюшки", т.е. нажал на картинку и увидел её полный размер. При этом "превью" однозначно не самым хорошим качеством. Да и 80 маленьких картинок реально не смогут тормозить загрузку. Плюс однозначное кеширование
3. Последовательная загрузка картинок.. крутим колёсико и по мере показа контента, подгружаются картинки
4. В принципе можно фантазировать и фантазировать...

@Fedor92 · 02.12.2015, 20:01

Сообщение от GoDr

- я не знаю что такое 16к изображений

Наверно 16 килобайт...

@GoDr · 02.12.2015, 20:09

Сообщение от Fedor92

Наверно

т.е. 1 Мб это много и это всё тормозит?

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Manolito 0 / 0 / 0 Регистрация: 26.07.2014 Сообщений: 15

	Оптимизация изображений 02.12.2015, 14:58. Показов 1093. Ответов 10 Метки нет (Все метки) Всем привет. Делаю сайт-галерею. Имеется 16к изображений, который требуют оптимизации под WEB (т.к. загрузка по 80 изображений на странице идет слишком долго). Как это лучше сделать? 0

@GoDr 90 / 79 / 33 Регистрация: 17.08.2015 Сообщений: 512 Записей в блоге: 1
	02.12.2015, 15:12
	какова суть вопроса применительно к HTML? Куча программ для оптимизации картинок. У <IMG> есть такое свойство lowsrc. Можно им воспользоваться 0

@GyroReaper 8 / 8 / 5 Регистрация: 20.10.2013 Сообщений: 49
	02.12.2015, 15:42
	Manolito, можно записать url'ы в заглушки, а при скролле страницы подставлять вместо них реальные картинки. 0

@GoDr 90 / 79 / 33 Регистрация: 17.08.2015 Сообщений: 512 Записей в блоге: 1
	02.12.2015, 19:00
	Fedor92, Атрибут! Не поддерживается!!! Многое не поддерживаемое, кстати, не браузерами, а спецификацией, работает всё же Ну так это всего-лишь вариант.... Я бы мог написать, что проблема в "ошибке в 17-й строке" Моё самое первое предложение, по-моему, сказало что вопрос очень философский. PS ты когда-нибудь можешь просто предложить свой вариант? в данном случае по оптимизации картинки средствами HTML+CSS 0