css-спрайты против встроенного / javascript

Question

Я делаю сайт, который отображает множество маленьких иконок (звездочки, флаги, папки ...)

Сейчас я использую технику CSS-спрайтов, и она прекрасно работает, но ее трудно поддерживать.

Я думаю о создании большого файла .js со всеми изображениями, закодированными как переменные javascript. Затем отобразите изображения следующим образом:

images.js

var myimage1 = 'data:image/png;base64,iVBORw0KGgoAAAANS...';
var myimage2 = 'data:image/png;base64,cB324CD64aB3Cme23...';

HTML-код

<script type=text/javascript src=images.js></script>
....
<img src="javascript:myimage1">
<img src="javascript:myimage2">

Я знаю, что файл .js будет больше, но его очень легко обслуживать, и он будет кэшироваться браузером.

Это хорошая или плохая идея? Это кросс-браузер?

Answer 1

Оставайтесь со спрайтами CSS.Если у ваших пользователей отключен JavaScript, они не увидят изображения.

Answer 2

Я бы сказал, что это плохая идея, поскольку ни одно из ваших изображений не будет отображаться, если у пользователя отключен JavaScript. Yahoo! считают, что около 2% их посетителей не используют JavaScript (источник)