Blog. Just Blog

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

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

Генератор прелоадеров Preloaders.net
Генератор прелоадеров Preloaders.net

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

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

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

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

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

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

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

Генератор прелоадеров Preloader.org
Генератор прелоадеров Preloader.org

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

Генератор прелоадеров Ajax Loading Gif Generator
Генератор прелоадеров Ajax Loading Gif Generator

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

Генератор прелоадеров CSS Load.net
Генератор прелоадеров CSS Load.net

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

Генератор прелоадеров CanvasLoader Creator
Генератор прелоадеров CanvasLoader Creator

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

Поделиться ссылкой ВКонтакте Поделиться ссылкой на Facebook Поделиться ссылкой на LiveJournal Поделиться ссылкой в Мой Круг Добавить в Мой мир Добавить на ЛиРу (Liveinternet) Добавить в закладки Memori Добавить в закладки Google
Просмотров: 18590 | Комментариев: 4

Внимание! Статья опубликована больше года назад, информация могла устареть!

Комментарии

Отзывы посетителей сайта о статье
Богдан (21.11.2013 в 03:42):
Огромное спасибо, давно искал, очень нужное...
Олег (09.08.2011 в 05:31):
c http://www.ajaxload.info/ берут все)
Михаил (22.02.2011 в 14:35):
Спасибо. Утащил пару.
roger (08.02.2011 в 14:03):
Спасибо, познавательно.

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

Заполните форму для добавления комментария
Имя*:
Текст комментария (не более 2000 символов)*:

*Все поля обязательны для заполнения.
Комментарии, содержащие рекламу, ненормативную лексику, оскорбления и т.п., а также флуд и сообщения не по теме, будут удаляться. Нарушителям может быть заблокирован доступ к сайту.
Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2017
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.07 сек. / MySQL: 2 (0.0025 сек.) / Память: 4.5 Mb
Наверх