Пустое изображение закодировано как data-uri [duplicate]

На этот вопрос уже есть ответ здесь:

• Наименьшее возможное изображение URI данных для прозрачного изображения 9 ответов

Я создал слайдер изображений (основанный на потрясающем bxSlider), который будет предварительно загружать изображения точно в срок, прежде чем они появятся на экране. Он уже работает довольно хорошо, но я не думаю, что мое решение является валидным HTML.

Моя техника заключается в следующем: Я генерирую разметку слайдера, вставляя первое изображение слайда как обычно (с ), а на последующие изображения ссылаюсь в атрибуте data типа . Затем Javascript жонглирует изменениями data-orig -> src, когда это необходимо, вызывая предварительную загрузку.

Другими словами, у меня есть:

Чтобы избежать пустых атрибутов src="" (которые вредят производительности в некоторых браузерах), я вставил src="data:", чтобы эффективно вставить пустое изображение в качестве заполнителя.

Дело в том, что я не могу найти в документации по data-URI ничего, что говорило бы о том, является ли это допустимым data-URI или нет. В основном мне нужен минимальный data-URI, который разрешается в пустое/прозрачное изображение, чтобы браузер мог сразу же разрешить src и двигаться дальше (без ошибки или запроса сети). Может быть, src="data:image/gif;base64," будет лучше?