Preloaders.net — теперь с поддержкой APNG



    Раннее мы уже писали про наш сервис для создания «прелоадеров» (анимированные изображения — индикаторы для подгрузки данных) Preloaders.net. В новой версии мы решили добавить сразу несколько новых возможностей, главная из которых — создание прелоадеров в формате APNG (Animated PNG).

    Как и раньше, все прелоадеры бесплатны, удобно рассортированы по категориям и часто пополняются. Если вы не нашли нужный прелоадер, просто отправьте нам запрос с помощью страницы «Заказать новый».
    В новой версии сохранились все старые возможности и добавилось много новых. Сервис позволяет:

    • Видеть количество кадров и максимальное качественное разрешение анимированного изображения в списке прелоадеров;
    • Менять и инвертировать цвета;
    • Менять размеры;
    • Использовать прозрачный фон;
    • Менять фон предварительного просмотра;
    • Выбрать оптимальное для себя количество кадров (таким образом уменьшив размер изображения в байтах);
    • Регулировать скорость анимации;
    • Переворачивать изображение и т.д.


    Также мы полностью переписали движок создания изображений уменьшив тем самым нагрузку на сервер примерно в 10 раз, что позволило увеличить качество изображений с разрешением до 128х128 пикселей (у квадратных прелоадеров) ну и соответственно увеличив скорость создания каждого прелоадера самим сервером.

    Ваши отзывы и предложения очень помогут нам улучшить сервис. Мы готовы на все, чтобы Preloaders.net идеально подходил к вашим требованиям.

    P.S. Чтобы проверить поддерживает ли Ваш браузер APNG, пожалуйста, зайдите в «руководство пользователя» или поднесите курсор к вопросику, который появляется при наведении курсора на тип изображения
    Поделиться публикацией
    Ой, у вас баннер убежал!

    Ну. И что?
    Реклама
    Комментарии 68
      +6
      1. Зачем перегружаете страницу если выбираешь категорию
      2. После нажатия на «Создать» i.imgur.com/mC0Ed.png такая картина
      3. Будет на порядок лучше если прелоадер будет автоматом отображаться справа после изменения параметров, без нажатия на «создать»
        +1
        1. Перезагружаем потому что это надо для поисковиков. Поисковик должен видеть контент каждой страницы. Так же для того чтобы у каждой страницы был рейтинг. Да и adsense потребовал просто побольше страниц :). Постараемся найти альтернативу перегрузке страницы (может сделаем замену линков через jquery). Если можете подсказать какое-нибудь решение, и при этом не испортить свою репутацию в поисковиках будем очень благодарны.

        2. Я так понимаю это в хроме. Если так, то это ошибка самого хрома. Он не всегда показывает сгенерированную анимацию. Если нажимать несколько раз и загружать один и тот же прелоадер с одинаковыми параметрами, он то будет показывать то не будет. Мы написали об этом баге разработчикам хрома — ответа пока не последовало.

        3. Каждый созданный прелоадер создается сервером. Отображение автоматом во первых в разы увеличит нагрузку на сервер, во вторых страшно начнет есть трафик пользователя :)

        Спасибо за замечания. Мы постараемся все таки разобраться с багами в хроме.
          +3
          1. onClick… return false
          т.е. для поисковика будет нормальная ссылка, пользователь же увидит все нормально
          2. Ок
          3. У вас не будет 500 000 пользователей, чтобы до такой степени заморачиваться.
            +4
            ну… 500 000-то может и не будет, но по моим подсчетам при добавлении функции генерирования автоматом сервер сможет выдержать только 5-10 тысяч пользователей в день. В случае перегрузки придется платить, а проект бесплатный все таки, мы не можем в него вкладывать больше :)

            Если задаетесь вопросом — почему такие нагрузки: потому что это не блог где просто текст с базы берется и возвращается. Это работа с изображениями — одна из самых ресурсопоедающих работ для сервера. А здесь на каждый прелоадер по 8-30 изображений. Вот и посчитайте сами нагрузку :). Я подумаю над автоматическим созданием, но обещать много не могу :)
              0
              У меня опыта разработки 8 лет — я знаю о чем говорю :)
              Вообще рекомендовал бы кешировать варианты — занимают они немного зато потом будете просто отдавать фронтендом сгененренный вариант
                +4
                В опыте не сомневаюсь :)… Насчет кэширования — >5 000 прелоадеров создаются каждый день на данный момент. У нас ограниченный хостинг. Еще раз — не забывайте что проект некоммерческий.
                  +1
                  И все 5000 вариантов каждый день разные?
                  Как пить дать 90% запросов сводятся к тыще вариантов, которые можно и закешировать. Остальные — генерировать.
                    +3
                    Чего же тут удивительного… разные. Люди создают прелоадеры в соотвествии с требованиями расцветок их сайтов. только 20% из них черно-белые. Я посчитал, всего (если брать реально нужные комбинации) около 766 240 910 067 225 600 000 000 (т.е. 766 сикстиллионов или триллаирдов по европейской системе) комбинаций преладеров. Умножте примено на 10 кб… даже одной тысячной процента прелоадеров закешировать невозможно, а вы говорите о 10% :)
                      0
                      Ок, видите — 20% запросов чёрно-белые — такие можно смело кешировать, правда?
                      И так далее. Я думаю вы сильно преувеличиваете число реально необходимых комбинаций.
                      Поскольку проект, как вы выразились, некоммерческий — это самое подходящее поле для экспериментов, прокачки скиллов и т. д. Не отвергайте эту идею ;)
                        0
                        Да, естественно я ее не отвергаю. Я поработаю над алгоритмом выявления самых популярных и их кэширования. Может действительно чего выйдет :)
                      +1
                      Простите не триллаирдов, а триллиардов
                        0
                        ой не совсем точно понял насчет 90%. Но это не так :)… Я пробовал хранить статистику — кэшинг бесполезен
                          +1
                          Вам виднее.
                          А ещё я бы выкинул оттуда всякий хлам (половину 3D-крутилок, к примеру), чтобы не создавать ощущение помойки. Здесь, опять же, статистика запросов вам поможет.
                            0
                            Дело в том что если какие-то прелоадеры не нравятся Вам, это не значит что люди их не используют. Каждый прелоадер в день генерируется как минимум 138 раз (исходя из данных последнего месяца) :)
                              0
                              Сравните свои ощущения от, скажем, хранилищ обоев рабочего стола или картинок для мобильников. Иногда там приятно повыбирать, а иногда это страшная помойка. Кто-то эти говнокартинки туда закачивает — факт! Но это не повод плюнуть на общий уровень материала!
                                +1
                                Согласен — есть истина в Ваших словах, но мы не хотим ограничивать наших пользователей в их выборе. Например, взять слова того же Артемия Лебедева (не дословно) — «как же за… ли те кто использует крутящуюся планету для погрузки данных». Да — я с ним согласен. Но этот прелоадер стоит на 2м месте среди самых популярных. Не убирать же мне его из-за этого :)

                                К тому же там не 2 000 прелоадеров из которых надо искать, а всего лишь 52. Не думаю что это создает невозможную среду для выбора.
                0
                3. А на клиенте кто мешает создавать?
                  0
                  то есть яваскриптом обрабатывать изображения и создавать анимированные пнг и гиф?
                    0
                    именно так.
                      0
                      Весьма интересная идея. Если направите на путь истинный буду благодарен :). В смысле если можете показать с чего начать, потому что я еще такого не делал
                        +1
                        Начать — с изучения Canvas и библиотек для работы с ним.
                        Продолжить — WebGL.
                        Закончить — WebCL.
                          +1
                          хорошо, спасибо большое. Если получится это будет что-то :). Начну изучать
                            –1
                            Не слушайте его, вы не сможете сделать анимированные изображения канвасом.
                              +1
                              Так… это уже интересно мнения разделились :). Есть кто-нибудь кто добивался этого. Хотябы с гифом?
                                +2
                                Всё, что можно делать с канвасом: рисовать на нём; смотреть, что на нём нарисовано и получать PNG (закодированный b64) того, что там нарисовано прямо сейчас.
                                Вы можете делать анимацию в самом канвасе, но никак не сможете позволить клиенту скачать её (если только сами не напишите код для формирования APNG/GIF закодированного b64 из данных с канваса).
                                  +1
                                  ну главное чтобы пользователю все показывалось, то есть пред. просмотр. А при скачке уже можно будет генерировать на сервере.

                                  Значит это возможно?
                                    0
                                    А, если вы говорите о просто предпросмотре, то, в принципе, можно.
                                  +1
                                  Нет ничего невозможного, во всяком случае PNG достаточно прост для этого. См. david-m.livejournal.com/1228052.html
                    +1
                    3. Так дайте возможность пользователю выбирать, создавать прелоадер автоматом при изменении параметров или нет (дополнительный чекбокс). Если жалко сервер и трафик пользователя, пускай по умолчанию автосоздание будет отключено.
                      0
                      Не поверите — только вчера об этом думал и уже занимаюсь этим :)
                        0
                        Сделано. Теперь можно генерить автоматически (опция дана в расширенных настройках)
                      +1
                      А да, и еще насчет перезагрузки страниц — статистика очень важна. Она у нас через аналитикс
                  • НЛО прилетело и опубликовало эту надпись здесь
                    • НЛО прилетело и опубликовало эту надпись здесь
                        +3
                        Да насчет рекламы согласен. С удовольствием убрал бы, да на хостинг деньги нужны ну и как-то все таки монетизировать проект надо — его все таки надо поддерживать постоянно. Написано все на РНР. Тормоза бывают из-за коротких срывов между провайдером и сервером — сервера в штатах.
                          0
                          С европейских серваков отдача побыстрее значительно (по личному опыту). Сколько платите за хостинг? Какой тариф?
                            +1
                            Платим $200 в год. Хостинг — mediatemple. Мы перепробовали немало хостеров, это был самый лучший по параметрам цена/качество
                              0
                              А какие требования к хостингу? Может быть сможем вас у себя захостить на серваке в Германии за те же деньги, может даже дешевле.
                                +1
                                Нам главное чтобы сервак выдерживал нагрузки создания изображений. Плюс, мы скоро запустим еще одну функциональность где нужно будет большое дисковое пространство и остутсвие ограничений на количество файлов (медиатемпл предоставляет 100 гб что нас устраивает). Так же медиатемпл специально для нас увеличил возможность загружать сервер в 2 раза больше чем предусмотрено планом абсолютно бесплатно, что дает большой плюс в его сторону :)

                                Ну и последнее — большинство наших посетителей идут со штатов, поэтому сервера взяли именно там :)
                                  0
                                  Mediatemple, наверное, всё же самое оптимальное решение для вас =)

                                  Мы ничего интереснее предложить точно не сможем)
                                  0
                                  А да, забыл спросить — а что за хостинг у Вас? Ссылочку можно?
                                    0
                                    Мы не хостинг-провайдер, мы — студия, просто есть свой небольшой сервачок в германии)
                            0
                            Так лучше? — http://preloaders.net
                          +2
                          Спасибо, очередной раз радуете новинками сервиса.
                            +1
                            Рады что понравилось :)
                            +1
                            Кнопку «Скачать» в превью было бы правильнее сделать прозрачной, а то при изменении фона на прозрачный или черный эта кнопка портит вид :)
                              +1
                              Исправимся :) Спасибо за замечание
                              +1
                              2 часа назд сломался мой любимый каноничный генератор прелоадеров, нагуглил ваш :)
                              какое совпадение!
                              Из неприятностей — хорошо бы на событие onBlur для «Цвет переднего плана» и «Цвет фона» менять цвет в соседствующем колопикере.
                                +1
                                исправили… спасибо
                                +1
                                С подсказками беда. Когда ведешь курсор справа налево, чтобы выбрать что-то другое, то часто путь его проходит через «помощь». В результате окно помощи перекрывает категории, приходится дергать мышкой.
                                  +2
                                  «Починили» :) спасибо
                                • НЛО прилетело и опубликовало эту надпись здесь
                                    0
                                    Не нажимайте несколько раз подряд. Это система антифлуда. Ошибочку перевел на русский
                                      0
                                      Хм, вроде один раз нажал, потом подождал пять минут и снова нажал:

                                      Системная ошибка.
                                      Вы или слишком часто нажимаете на кнопку «Создать подгрузчик» или сервер выдал ошибку. Если ошибка выдается не по Вашей вине, пожалуйста, свяжитесь с администратором
                                        +1
                                        хм… может низкая скорость интернета? Попробуйте сделать 32х32 размеры (чтобы быстрее скачивался). Если не поможет вышлите пожалуйста скриншот с раскрытыми параметрами чтобы я попробовал воспроизвести ошибку
                                          0
                                          Заработало, это я виноват был, переиграл с выбором цветов, установил радиобатон без фона, а до этого очистил поле фона, хотя валидация бы не помешала. Инет 2 Мбит.
                                            +1
                                            Вот это ничего себе я пропустил… исправил, спасибо :)
                                        • НЛО прилетело и опубликовало эту надпись здесь
                                            +1
                                            Весьма странно. Не могу воспроизвести ошибку ни в одном из браузеров. Какой используете? Не хром случайно?
                                            • НЛО прилетело и опубликовало эту надпись здесь
                                        • НЛО прилетело и опубликовало эту надпись здесь
                                            +1
                                            Хром для нас это мистика. Он до сих пор не поддерживает APNG (13 версий спустя), а если и поддерживает, то только со специальным плагином, который ужасно глючит. А ошибки с анимированными гиф у него были еще при первой версии. И как было написано выше — «Мы написали об этом баге разработчикам хрома — ответа пока не последовало.»

                                            Ваш же баг у меня не получилось воспроизвести хотя версия та же на ОС Windows
                                      • НЛО прилетело и опубликовало эту надпись здесь
                                          +1
                                          :)))) А на какой ОС? Линукс?

                                        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                        Самое читаемое