Генерация поля из 8000 картинок на стороне клиента VS генерация картинки на сервере

Генерировать по крону в статическое изображение с nice 19

а не пополохеет ли браузеру, если разместить 8000 картинок, каждая пара из которых будут с наложением друг на друга

Если канвасом это рисовать, возможно будет лучше.

Мне кажется вообще ты всё делаешь не так. Ты вот сможешь окинуть взором 8к картинок и понять что каждая из них означает и что система представляет из себя? Нельзя вот так сразу всё вываливать на юзера.

Ну и калькулятор в руки возьми и посчитай 8000 * 24 * 24 сравнив со скажем 1920 * 1080.

Ну и калькулятор в руки возьми и посчитай 8000 * 24 * 24 сравнив со скажем 1920 * 1080.

Фактически там ~4000 пиктограм. Это в моем случае 36x110 картинок, т. е. 864x2640 pix. В окно браузера с прокруткой влезет без проблем.

Удваиваю кроно-решение или запилить с автоподгрузкой потипу google-maps (или фоновой).

Imagemagick + OpenCL (Нвидия или Радеон)
По крайней мере, миниатюрки для Gallery делает на ура и очень быстро.
Естественно, не подходит в случае арендной VPS/VDS, покупка карточки, и бла-бла-бла.
Но возможность есть, да.

А, ну тогда другое дело, конечно.

http://jsfiddle.net/H3xsH/embedded/result/

Скажи мне, какие из букв встречаются чаще/реже других?

Ты это к чему? Там вроде равномерное распределение.

Хочешь сказать что сгенерить таблицу 36x110 с двумя картинками в каждой ячейке достаточно ненапряжно для браузера?

Я подозреваю, это такой ироничный намек, что около 36*110 не просто окинуть одним взглядом.

Расскажи про идею, если не секрет.

Хочешь сказать что сгенерить таблицу 36x110 с двумя картинками в каждой ячейке достаточно ненапряжно для браузера?

вполне нормально, если будешь грамотно размещать. К примеру, одну с прозрачным фоном, другую в качестве background-image ячейке таблицы или диву.

браузеры тормозят не из-за картинок в основном, а из-за кучи тяжелых и часто ненужных яваскриптов.

Картинки собери в sprite само собой.

Многое зависит от того, как часто надо перегенерировать картинку.

Хочу сказать что понять такую таблицу - напряжно невозможно для землянина. Сгруппируй свои иконки, или расставь приоритеты спрятав большую часть. Может формат отображения другой какой-нибудь будет лучше. Тогда и проблемы с ресурсами отпадут.

Таблица то ерунда для яваскрипта, браузер может офигеть от 4к картинок одновременно.

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

Отрисовал и все, обновлять ненужно.

В общем, я начал делать через JavaScript+генерация таблицы. Каждая ячейка имеет фоновую картинку-подложку в виде бакграунда и картинку поверх. Бакграундов и картинок у меня немного, около двадцати, так что даже текстуру со всеми картинками не имеет смысла делать.

Что ж вы творите-то..

Во-первых, безусловно, на клиенте, во-вторых канвасом.

В случае с dom, прокрутка такого количества элементов определенно будет тормозить. А таблицу вообще следует использовать только для табличных данных.

Это такая болезнь что ли -_- костылизм.

Другой не тормозящий вариант реализации, это, очевидно, специализированный шрифт (если монохромность не помеха) http://fontello.com/ При этом, два дива должны находиться один под другим (фронтальные и фоновые пиктограммы) с разными цветами шрифтов соответственно. Кастуй Vit, если что, он, наверняка, больше про шрифты расскажет.

На клиенте даже без канвасов все будет хорошо.