Генераторы прелоадеров

Прелоадеры - это анимированные картинки, которые отображаются на период выполнения какого-либо действия. Их обычно используют на сайтах, например, фоновым изображением при отрисовке объемной картинки, индикатором при отправке и получении данных через AJAX, загрузке страницы и т.п. Как правило, анимация в прелоадерах просто закольцована и не отображает реального положения дел (то есть процент обработанной информации), но все равно создает хоть какую-то видимость, что процесс запущен. Сам процесс, впрочем, может наглухо висеть или вообще сдохнуть, но это уже другая история. В этой статье я собрал наиболее интересные сайты, с помощью которых вы можете сгенерировать прелоадер для своего проекта с нужными вам параметрами.


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


Ajaxload - средненький сервис для генерации прелоадеров. Список заготовок небольшой, можно выбрать только цвета фона и изображения, причем делается это в некоторых случаях криво. Размер изображения выбирать и изменять нельзя.


LoadInfo - сразу вываливает на одну страницу все варианты прелоадеров из своих запасов, из-за получающейся свистоплояски браузер начинает дико тормозить. Сайт не обновляется уже несколько лет, но прелоадеры там все-таки красивые. При клике на нужный прелоадер можно выбрать цвет, размер из трех вариантов и сразу посмотреть результат. При включении режима прозрачности некоторые картинки косячат.


Chimply - красивый генератор прелоадеров, в том числе и многоцветных. На выбор вам предлагается два типа прелоадеров - "крутилки" и анимированные полосы. Кроме цвета вы можете выбирать и другие параметры картинки, например, количество секторов вращающегося круга, размеры кубиков и т.п. Готовые картинки складываются на виртуальный рабочий стол, где их очень удобно сравнивать и выбирать лучшие варианты. В качестве бонуса там же на сайте можно сгенерировать классические и фигурные кнопки-картинки для ваших пректов. Тоже рекомендую к использованию.


Preloader.org - очень простой генератор прелоадеров, предлагающий всего несколько вариантов "крутилок". Вам остается только выбрать цвет и размеры изображений. Не самый плохой вариант генераторов, тем более на русском языке, но малое количество шаблонов - это однозначно минус.


Ajax Loading Gif Generator предлагает на выбор три десятка шаблонов прелоадеров, размер которых вы менять не можете, а только цвет и скорость анимации. Там же на сайте есть еще несколько интересных сервисов, таких как генерация favicon для сайтов из загруженных картинок и генератор красивых доменных имен. Может быть когда-нибудь и пригодится.


CSS Load.net - генератор прелоадеров на чистом CSS без использования изображений. Такие "картинки" выглядят не менее эффектно их файловых собратьев, но, к сожалению, поддерживаются только современными браузерами. Если вы планируете обратную совместимость и поддержку старых браузеров, то от такой красоты придется отказаться.


CanvasLoader Creator - еще один генератор прелоадеров без использования картинок. Здесь для отрисовки прелоадера используется JavaScript и html-тег canvas, который, как и CSS3, поддерживается тоже не всеми браузерами. Эффектно, современно, необычно, но лично я не вижу в этом особого смысла.

Комментарии

Добавить комментарий

Для вставки цитаты выделите текст и нажмите сюда

Имя*:

Текст комментария (не более 2000 символов)*:

*Все поля обязательны для заполнения.

Комментарии, содержащие рекламу, ненормативную лексику, оскорбления и т.п., а также флуд и сообщения не по теме, будут удаляться. Нарушителям может быть заблокирован доступ к сайту.