Всем привет! Неделя вышла богатой на обновления проектов, встречайте ещё один – всеми любимый Habrastorage.



Первая версия сервиса была написана одним из наших программистов чуть ли не в маршрутке. Несколько лет сайт из одной кнопки служил тысячам пользователей верой и правдой. Сейчас это «картиночная основа» Хабра – все изображения из постов и комментариев живут на Habrastorage.

Что нового?

Загрузчик на HTML5


До этого загрузчик работал на технологии Flash – только она позволяла делать мультиаплоад, но в то же время вставляла немало палок в колёса. Отныне никакого флеша: только кроссплатформенный HTML5, только хардкор!

Drag’n’drop


Загрузить файл можно с любого устройства, будь то ноутбук, планшет или смартфон. Причём, можно как по старинке выбрать файлы с диска, так и перетащить новые изображения в любую область сайта. Даже если какие-то изображения уже загружены, перетаскивайте новые: они добавятся к списку загруженных файлов.

Одна кнопка


Мы постарались сохранить прежнюю простоту сайта, к которой многие привыкли – он до сих пор представляет собой одну кнопку. Просто заливаете картинку и тут же получаете две ссылки: прямую или с тегом для вставки в пост.

Но, основываясь на собственном опыте создания постов, кое-что всё же добавили. А именно, возможность разом скопировать ссылки на все (или только на отмеченные) загруженные файлы. На выбор всё те же два формата: прямые ссылки или HTML-коды картинок.



Отказоустойчивость


В своё время много хороших постов на Хабре полегло из-за того, что загруженные на “неподготовленный” сайт картинки переставали грузиться через неделю. Или через несколько минут после публикации – под воздействием хабраэффекта. А сколько писем в службу поддержки нам написали о том, что “У вас в этой статье вирус” из-за того, что кто-то залил картинки на какой-нибудь левый фотохостинг.

Habrastorage не такой. Картинки всегда быстро загружаются на сервис и так же быстро отображаются всем читателям ваших постов.

Работа через TM ID


Практически все наши проекты перешли на TM ID. Вместо войны с формой авторизации и капчей жмём одну кнопку и, как говорят французы, voilà!

Фотки с отпуска


Единственное, на что хочется обратить внимание – это не фотохостинг для хранения фотографий с отпуска – у нас тут ни фотоальбомов, ни фолловинга, ни даже лайков. Ничего лишнего, никакой рекламы.

Ну и последнее


Для тех, кто со всей душой относится к оформлению постов на Хабре, мы добавили поддержку атрибутов width и height у тега img – пример их работы самые внимательные увидят в этом посте.

Хороших выходных!

Комментарии (249)


  1. oxyberg
    31.01.2014 13:43

    А загруженные изображения остаются где-нибудь в истории?


    1. oxyberg
      31.01.2014 13:43

      Раз не сохраняются, то и авторизация TM ID не имеет смысла.


      1. itspoma
        31.01.2014 13:43

        Авторизация TM ID скорее нужна только для того чтобы ограничить пользование сервисом только юзерам хабра. Наверное предполагается что habrastorage для хранения картинок, которые будут использованы на хабре


        1. Boomburum
          31.01.2014 13:43

          Именно так, раньше работало аналогично.


          1. Magistr_AVSH
            31.01.2014 13:43

            А readonly-юзеры тоже могут загружать картинки на HS?


            1. Andy_Ion
              31.01.2014 13:43

              Когда я был РО — не мог.


              1. Newbilius
                31.01.2014 13:43

                Стоп, но при добавлении поста в песочницу всё так-же отображается совет грузить файлы в habrastorage… Упс.


                1. MximuS
                  31.01.2014 13:43

                  Но, для создание TM ID не нужен инвайт… Не удачный упс.


                  1. Newbilius
                    31.01.2014 13:43

                    Значит не упс))


              1. karabanov
                31.01.2014 13:43

                А когда я был РО мог :)
                И когда писал статью в песочницу, то картинки заливал на Habrastorage.


                1. Andy_Ion
                  31.01.2014 13:43

                  Ну, может и память меня подводит. Я к себе на хостинг лил, после получения полноценного акка перезалил на хс :)


  1. turbo_exe
    31.01.2014 13:43

    я, конечно, не дизайнер, но эти длинные тени смотрятся очень убого.


    1. EgorKotkin
      31.01.2014 13:43

      Зато узнаваемость.


      1. IonDen
        31.01.2014 13:43

        Узнаваемость всех этих миллионов редизайнов с этими длинными тенями.


    1. artch
      31.01.2014 13:43

      Они смотрятся офигенно.


    1. lorndesign
      31.01.2014 13:43

      А я Вам сейчас поясню, почему такие тени.

      1. Идём на сайт tmtm.ru.
      2. Крутим в подвал страницы.Там есть ссылка на Яндекс.Карту.
      3. Открываем, переходим в режим «Панорамы»
      4. Ставим точку наблюдения на ТТК, аккуратно над ЖД дорогой.
      5. А теперь смотрим на здание, где размещается TM.

      6. PROFIT!!! Видете???? Какие тени там на стенах?


      1. Boomburum
        31.01.2014 13:43

        Интересная версия!


      1. Yan169
        31.01.2014 13:43

        7. Делаем скриншот, выкладываем на Habrastorage 2.0, и вставляем в комментарий.

        (а то мне лениво выполнять 1..6) :)


        1. lorndesign
          31.01.2014 13:43

          Скриншот.


          1. Sterhel
            31.01.2014 13:43

            Зато какой оттуда офигенный вид на жд-полотно!


            1. Yan169
              31.01.2014 13:43

              А какой на звезды!


              1. Sterhel
                31.01.2014 13:43

                Не замечал особого шума, видимо, пластиковые стеклопакеты таки помогают.


  1. anonymous
    31.01.2014 13:43


  1. anonymous
    31.01.2014 13:43


    1. Pasha4ur
      31.01.2014 13:43

      Длинные тень — лишь бесполезный тренд. Пользы от них, поэтому применяют их крайне редко. Всем начал надоедать плоский дизайн. теперь снова пошли тени, прозрачности, размытие.

      Я вообще еще ни разу эти не рисовал и нет желания :)

      ИМХО, длинные тени в паре иконок смотрятся очень нелепо, когда все остальные элементы дизайна абсолютно плоские. Нет единого стиля.


      1. spmbt
        31.01.2014 13:43

        Нужно расширение, убирающее длинные тени.


      1. theslim
        31.01.2014 13:43

        гипно картинка, залип на несколько минут


  1. anonymous
    31.01.2014 13:43


  1. Makaveli
    31.01.2014 13:43

    Редизайн Хабра тоже грядет?


    1. oxyberg
      31.01.2014 13:43

      Это очевидно, но, надеюсь, они прислушаются к мнению пользователей.


      1. Pasha4ur
        31.01.2014 13:43

        Вряд ли. Раз уже везде пошел общий стиль.

        Я на всякий случай сегодня сохраню скриншоты текущего дизайна Хабра. Давно была идея нарисовать редизайн, но хочется сделать хорошо, а времени на это пока нет.

        Но я бы порекомендовал компании ТМ отказаться от шрифта PT Sans и посмотреть в сторону более гибких шрифтов: Roboto, Open Sans. У PT Sans всего 2 значения жирности и в bold он смотрится ка доисторический монстр + внутрибуквенный просвет у этого шрифта мал


        1. Agent_Smith
          31.01.2014 13:43

          Лучше сразу сохраняйте .css


          1. Pasha4ur
            31.01.2014 13:43

            предустановлен на нормальных ОС и у нормальных людей

            Те, у кого нет PT Sans, ненормальные?

            Roboto — системный шрифт Android как минимум с версии 4.х.

            Более гибкие шрифты дают возможность более качественно представить контент. Загрузились, а дальше в кеше


        1. dom1n1k
          31.01.2014 13:43

          Плохой совет.
          Roboto не хинтован и оттого выглядит на Винде просто отвратительно. (Надеюсь, никто не будет отрицать, что важность этой платформы на порядок выше Андроида?)
          Open Sans имеет кириллицу неважного качества, заметно проигрывающую его же латинской части.

          PT Sans в этом смысле намного качественнее. Если хочется больших просветов — есть PT Sans Caption.
          Да и покупку при желании коммерческой версии PT Sans Pro никто не отменял — там есть начертание Demibold.


      1. 0n1y_0ne
        31.01.2014 13:43

        Надеюсь, без дебильных длинных теней.


  1. anonymous
    31.01.2014 13:43


  1. anonymous
    31.01.2014 13:43


  1. EgorKotkin
    31.01.2014 13:43

    Этот пост должен был написать юзернейм habrastorage.


    1. EgorKotkin
      31.01.2014 13:43

      Хм, теперь код множества картинок не надо копировать по одному. Хорошо, но идею надо развить дальше: добавьте возможность менять порядок картинок.

      А ещё хорошо бы добавить окошко для текстового комментария к картинке, который сразу пойдёт в пост, смекаете? Посты с кучей картинок будет делать легко — на раз-два, а доводить до ума можно будет уже в поле собственно редактора поста.


      1. Boomburum
        31.01.2014 13:43

        Да и некоторые картинки было бы неплохо фильтрами украсить, да? )


        1. Sterhel
          31.01.2014 13:43

          Я бы даже подписался на пару юзеров.


          1. EgorKotkin
            31.01.2014 13:43

            Это и щас можно. Но без возможности поставить лайк всё бесполезно!


        1. EgorKotkin
          31.01.2014 13:43

          Напрасно сарказмируешь.


        1. KvanTTT
          31.01.2014 13:43

          Ну или хотя бы обрезку и поворот :)


      1. EgorKotkin
        31.01.2014 13:43

        Как-то так:

        1.


        2.


        (безумные умения, я знаю)


        1. Vaproldj
          31.01.2014 13:43

          Я!?


          1. EgorKotkin
            31.01.2014 13:43

            Не так: «Шо, опять?!»


            1. EgorKotkin
              31.01.2014 13:43

              Найзззз.


            1. david_mz
              31.01.2014 13:43

              На input. Не надо кейапов.


            1. Mithgol
              31.01.2014 13:43

              Сразу спрошу: а нельзя ли устроить дело ещё проще, как на Гитхабе чтобы автору блогозаписи (или комментария) можно было бы необходимую картинку прямо на Хабрахабр мышкой перетаскивать (или кнопку нажать), самомý не заходя на Habrastorage?

              Анимированный GIF, показывающий, как это выглядит на Гитхабе.
              Анимированный GIF, показывающий, как это выглядит на Гитхабе.


        1. EgorKotkin
          31.01.2014 13:43

          Слышь, Бурум? :) И до фильтров дело дойдёт!


        1. EgorKotkin
          31.01.2014 13:43

          Причём текст в идеале добавлять в HTML параллельно вводу, чтобы избежать кнопок вроде «обновить» и прочих сущностей.


  1. anonymous
    31.01.2014 13:43


  1. anonymous
    31.01.2014 13:43


  1. anonymous
    31.01.2014 13:43


  1. berezuev
    31.01.2014 13:43

    Вообще, по логике круг с облаком должен быть кликабельным и открывать выбор файла…


    1. demark
      31.01.2014 13:43

      Согласен, аудитория продвинутая. Убрать кнопку «Загрузить файлы» и навесить клик на облако.


    1. SergeKuznetsov
      31.01.2014 13:43

      Удивлен что это не так.


      1. VYBGSS
        31.01.2014 13:43

        Как я вижу — уже сделали :).


      1. berezuev
        31.01.2014 13:43

        Все ок, только пропишите все-таки cursor:pointer, а то все-равно не понятно)

        А так, спасибо за апдейт. Давно пора


        1. Boomburum
          31.01.2014 13:43

          Выдержка из таск менеджера:


          1. KvanTTT
            31.01.2014 13:43

            Asana?


            1. Sterhel
              31.01.2014 13:43

              Так точно.


        1. usualdesigner
          31.01.2014 13:43

          cursor:pointer; — Done!


      1. EgorKotkin
        31.01.2014 13:43

        Тогда надо поменять местами облачко и текст. Сначала описание, затем кнопка — так логичнее.


      1. Boomburum
        31.01.2014 13:43

        Жмите на кружок, он уже кликабельный.


  1. anonymous
    31.01.2014 13:43


  1. vabank_knabav
    31.01.2014 13:43

    Здорово! Всё что было неудобно- поправили, спасибо!


  1. Magistr_AVSH
    31.01.2014 13:43

    Только новый пост собрался писать, с кучей картинок, и тут такой годный апдейт =)


  1. anonymous
    31.01.2014 13:43


  1. anonymous
    31.01.2014 13:43


  1. Vamp
    31.01.2014 13:43

    Кто уже успел активировать инвайт?


    1. Boomburum
      31.01.2014 13:43

      Самый внимательный )


    1. VampZ
      31.01.2014 13:43

      А вот кто забрал то имя, которое я так хотел себе =)


    1. dordzhiev
      31.01.2014 13:43

      2 раза пересмотрел, не нашел


    1. karabanov
      31.01.2014 13:43

      Кто уже успел активировать инвайт?


      А где он был? Тоже искал, но не нашел… Уже убрали?


      1. Klimenko
        31.01.2014 13:43

        Ещё есть. В посте, 1×1px.


        1. Abcd_Efgh
          31.01.2014 13:43

          Всё равно он уже наверное невалидный, даже если воспользоваться img[width^="1"] { min-width:24px!important } :-)


          1. Boomburum
            31.01.2014 13:43

            Потому что его уже активировали )


            1. Meklon
              31.01.2014 13:43

              А для тех кто в танке расскажете, что это было?) Интересно)


              1. CaptainFlint
                31.01.2014 13:43

                В посте после слов «читателям ваших постов» находится картинка, ужатая до размера в 1 пиксель атрибутом width="1". Если посмотреть её в нормальном размере, то окажется, что это инвайт.


                1. Yan169
                  31.01.2014 13:43

                  Только понять, что это инвайт, могли только те, кто знаком с системой инвайтов хабра, т.е. уже зарегистрированные хабрапользователи, которым инвайт в общем-то уже и не нужен.


                  1. Meklon
                    31.01.2014 13:43

                    А он как-то особо выглядит? Я просто не в курсе, меня НЛО пригласило. Просто стал не Read-only и все.


                    1. vvzvlad
                      31.01.2014 13:43

                      Вот так: image


                      1. Meklon
                        31.01.2014 13:43

                        А куда это девать?) инвайт от хабражителя отличается от НЛО?


                      1. vvzvlad
                        31.01.2014 13:43

                        Нет, не отличается. В РО аккаунте есть формочка, в которую надо его загрузить


                      1. Sterhel
                        31.01.2014 13:43

                        Разница в том, что в профиле будет написано «Зарегистрирован по приглашению _username_» или же «Зарегистрирован по приглашению НЛО»


  1. SergeKuznetsov
    31.01.2014 13:43

    Интересно какими соображениями руководствовались при выборе «шаблона» пути хранения файлов:
    /6cc/6cf/8d5/6cc6cf8d5ef75656c696fca9f8cc7fb4.png
    — почему вложенность 3 уровня, а не другое значение, почему по 3 символа в имени папки
    — почему в имени файла именно столько символов

    т.е. какими параметрами оперировали? — Прогнозируемый объем файлов, количество файлов, количество пользователей (всех habra ресурсов), структурой файловой системы и т.д.

    Интересны технические детали реализации данного проекта!


    1. Boomburum
      31.01.2014 13:43

      Связано с максимальным количеством поддиректорий в директории.


      1. SergeKuznetsov
        31.01.2014 13:43

        Про ограничения ФС на количество директорий конечно понятно. Интересно в целом на схему посмотреть =)


        1. SergeKuznetsov
          31.01.2014 13:43

          Сколько серверов, какие операционные системы, какие файловые системы, какие настройки и т.д.
          Кому как не ТМ об этом написать! Очень тематический пост должен получиться.


          1. Pas
            31.01.2014 13:43

            Как обычно, всё намного проще, чем вам кажется. Никаких rocket science тут точно нет ))


            1. Gazirov
              31.01.2014 13:43

              Сколько место сейчас занято? Какое их количество содержится в сторадже?


              1. Pas
                31.01.2014 13:43

                Habastorage — 801GB used.


                1. click0
                  31.01.2014 13:43

                  Таки ZFS?
                  Сколько там всего пулов? какие RAID и какие диски?


                  1. click0
                    31.01.2014 13:43

                    Да, и Фряха.
                    FreeBSD-20110503
                    Рекомендую тестить 10-ку. :)


                    1. Pas
                      31.01.2014 13:43

                      10-ка тестится уже. Кстати, вполне успешно.
                      Нет, там не ZFS. Там нормальный аппаратный RAID50 на восьми SAS-винтах (всего 2.3TB) с 2-х гиговым кэшем. ZFS ведёт себя несколько малопредсказуемо, когда по какой-либо причине остаётся мало оперативки.


                      1. click0
                        31.01.2014 13:43

                        Там есть ряд параметров, которыми можно зарезервировать память под систему и не отдавать под zfs кеши.


          1. Pas
            31.01.2014 13:43

            Пока могу показать только это:



            Мы ещё работаем над усовершенствованием системы доставки контента с habrastorage, пока рано писать об окончательном продукте. Технологически всё может поменяться ещё сто раз ;)


      1. oxyberg
        31.01.2014 13:43

        Отдельный пост про изнанку будет очень кстати!


    1. KvanTTT
      31.01.2014 13:43

      Да, и почему, например, не использовали облака для этих целей?


      1. usualdesigner
        31.01.2014 13:43

        Да, облака нынче в моде.


  1. dbanet
    31.01.2014 13:43

    Да-а-а-а!!! Спаибо, большое спаибо, что дали возможность загружать картинки не только через флеш. Остальное — уже не важно. Так держать!


    1. dbanet
      31.01.2014 13:43

      *неважно

      Хм. А это какое-то ограничение, или проблема только на моей стороне? Происходит при попытке загрузить картинку размером ~8.3MiB:
      "NetworkError: 413 Request Entity Too Large - http://habrastorage.org/main/upload"


      1. luckyredhot
        31.01.2014 13:43

        Похоже, кто-то недонастроил client_max_body_size в nginx-e :P


        1. Pas
          31.01.2014 13:43

          Fixed


    1. dbanet
      31.01.2014 13:43

      Неужели я два раза ошибся в слове «спасибо»? Мда, это я на радостях…


  1. anonymous
    31.01.2014 13:43


    1. oxyberg
      31.01.2014 13:43

      Палите Хабрахабр 2.0


    1. Boomburum
      31.01.2014 13:43

      Скорее всего сделаем универсальную переключалку, как сейчас на TM ID:


      1. Rpsl
        31.01.2014 13:43

        … когда выкатим новый дизайн хабра :D


        1. turbo_exe
          31.01.2014 13:43

          не дай бог


      1. Ezhyg
        31.01.2014 13:43

        Хабра тырит дизайн у гугла? :D

        imgur.com/pln2guD


        1. Abcd_Efgh
          31.01.2014 13:43

          Что за гуглоцентризм? Такие решения присутствуют у многих проектов, Гугл не первый и не последний.


          1. Ezhyg
            31.01.2014 13:43

            Зато у меня есть пруф :P


          1. Ezhyg
            31.01.2014 13:43

            А я и не сказал, что против ;) лишь заметил сей факт и подтвердил его пруфпиком.


  1. anonymous
    31.01.2014 13:43


    1. Magistr_AVSH
      31.01.2014 13:43

      ---удалено--, слишком быстро обновляются комментарии :(


  1. KvanTTT
    31.01.2014 13:43

    А можно ли сделать отображение вообще всех картинок, загруженных пользователем за все время. И чтобы они не исчезали при обновлении страницы. Ну и удаление тоже можно было бы сделать.


  1. Magistr_AVSH
    31.01.2014 13:43

    Скрытый текст
    image

    Думаю из области бага :) Просто случайно потащил это самое облако, и оно у меня загрузилось.


    1. karabanov
      31.01.2014 13:43

      Это фича! :)


  1. EminH
    31.01.2014 13:43

    А как нибудь можно удалить загруженный по ошибке /ненужный в статье файл? Я понимаю места на сервере до фига, но вдруг я такой сознательный


    1. yogev_ezra
      31.01.2014 13:43

      Присоединяюсь к просьбе.


    1. Pas
      31.01.2014 13:43

      Что упало, то пропало ))
      На самом деле, в таком случае обращайтесь в саппорт.


  1. nobilix
    31.01.2014 13:43

    Пользуясь случаем спрошу о том, что меня давно интересует. Зачем плодить сущности вместо того, чтобы сделать загрузчик изображений прямо в редакторе топика | комментария.


    1. vaslobas
      31.01.2014 13:43

      Для безопасности?
      Чтобы все шишки за незаконные картинки (цп, экстремистские материалы) попали на хабрасторэдж, а не на сам хабр.


      1. nobilix
        31.01.2014 13:43

        не аргумент, загрузчик можно встроить «интерфейсно» в редактор, а на каком сервере хранить и какой домен будет у url изображения — вопрос десятый.


        1. nkie
          31.01.2014 13:43

          скажите об этом сайтам которые закрывают за то что на них выкладываются ссылки на пиратский контент


          1. nobilix
            31.01.2014 13:43

            То есть вы считаете, что habrastorage решает эту проблему?

            закрывают за то что на них выкладываются ссылки на пиратский контент

            Сами же говорите ссылки. Причем тут инструмент?


        1. vaslobas
          31.01.2014 13:43

          Когда все просили запустить файлохранилище, то единственный аргумент был именно такой. Поэтому и запустили отдельным сайтом.


          1. nobilix
            31.01.2014 13:43

            Habrastorege принадлежит TM и сейчас большинство изображений хабратопиков хранится там. Если его закроют, то эти самые статьи останутся без картинок в миг, что тоже не есть хорошо. Не проще ли удалять по запросу проблемные изображения?


            1. KorDen32
              31.01.2014 13:43

              Они могут перенести хранилище на другой домен (у них же есть например hstor.org) и заменить домен во всех постах и комментариях


            1. vaslobas
              31.01.2014 13:43

              Главное чтобы сам хабр не попал под блокировку, а остальное легко решается.


              1. KorDen32
                31.01.2014 13:43

                Зайдите в любой пост блога компании Opera и почитайте, там много таких примеров…
                Кратко — Opera 12 позволяла без установки и поддержки зоопарка расширений сильно кастомизировать интерфейс и управление, плюс каждый находил для себя какие-то удобные лично ему фичи — мышиные жесты, переключение табов по 1 и 2, Ctrl+Z, боковая панель, блокировщик содержимого, Dragonfly, встроенные IRC-, bittorrent-, email-клиенты… (перечислять можно очень долго). При этом многие настройки синхронизировались через Opera Link, т.е. при переустановке/установке на новом ПК нужно было только настроить интерфейс заново, а все остальное, как например список поисковых систем, правила блокировки (не говоря уже о заметках, закладках и экспресс-панели) синхронизировалось автоматически. В новых браузерах многие возможности можно возвратить с помощью расширений, но это в итоге получается монстр, в котором что-то может сломаться при обновлении, в котором либо нет синхронизации, либо она разбита по нескольким сервисам, которые предоставляют плагины. Нет той целостности и сопутствующего ей удобства :(
                PS: и самое главное, она не жрала так много оперативы при большом количестве обычных вкладок, как жрет тот же хром.


    1. Boomburum
      31.01.2014 13:43

      Текущий редактор постов/комментариев хоть и весьма удобен, но не идеален — возможно, в будущем и у него будет что-то подобное.


      1. oxyberg
        31.01.2014 13:43

        Надеюсь, не такой, как сейчас на Фрилансим.


        1. kovalevsky
          31.01.2014 13:43

          На фрилансим стоит (стоял, до обновления по крайней мере) Redactor, это отличный визивиг редактор, поверьте


          1. oxyberg
            31.01.2014 13:43

            не такой, как сейчас

            Да верю я, что Редактор был отличным.


          1. KorDen32
            31.01.2014 13:43

            Он-то есть, но вот переключаться в него и логиниться в нескольких браузерах не всегда удобно, особенно если речь идет о «загрузить картинку в одном браузере, комментарий написать в другом»…


      1. nobilix
        31.01.2014 13:43

        Это было бы самым правильным решением. Я понимаю, что аудитория продвинутая, но заставлять своих авторов делать лишнюю работу нет смысла.


  1. ParaPilot
    31.01.2014 13:43

    Только HTML5, только хардкор?
    Что делать юзерам с старыми браузерами?


    1. Rpsl
      31.01.2014 13:43

      Обновить браузер?


      1. KorDen32
        31.01.2014 13:43

        Для тех, кому этот совет предназначен, он не актуален :( Для нас актуален совет «перейти на FF/Chromium-like»… :(


  1. anonymous
    31.01.2014 13:43


  1. anonymous
    31.01.2014 13:43


    1. dbanet
      31.01.2014 13:43

      Я думаю, что разочарование ParaPilot, выраженное претензией (что неправильно), хоть и не относится к большинству пользователей, и идёт вразрез с мнением большинства о том, что данный апдейт хабрастораджа годен, имеет рациональное зерно. Я фичреквещу habrastorage.org/legacy, который был бы весьма полезен и до этого апдейта, с простой, обычной формой type=file (который работает везде), поштучной загрузкой, и, если так угодно TM, даже с ограничением по размеру и частоте заливки, но который всё равно мог бы выручить часть пользователей, и не помешал бы остальным.

      В любом случае, мне интересно, почему за три итерации хабрастораджа ни разу не было стадии «форма+кнопка», как, например, на gfile.ru? Всегда бросаемся в крайности — то онли-флеш загрузка, то лютый HTML5, но в любом случае никакого выбора. Например, dropzone «provides an oldschool file input fallback». Чем не вариант?


    1. VoidVolker
      31.01.2014 13:43

      А в опере 12 и до этого хабрасторэйдж не работал из-за проблем с логином… Так что ничего не изменилось для нас =)


      1. CaptainFlint
        31.01.2014 13:43

        Минутку, вы хотите сказать, что у вас новое хранилище не работает? У меня, например, в Опере 12.16 картинки теперь нормально заливаются перетаскиванием.


        1. VoidVolker
          31.01.2014 13:43

          Да, при нажатии на облачко или кнопку ничего не происходит. А вот если кинуть файл в окно — то он загружается.


          1. CaptainFlint
            31.01.2014 13:43

            А, при нажатии — да, есть такое дело…


  1. anonymous
    31.01.2014 13:43


  1. Newbilius
    31.01.2014 13:43

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

    А всё почему:

    • Какое-то время назад habrastorage жал картинки, причем нещадно. Тем не менее, к этому привыкли.
    • Потом эту фичу убрали. Но все привыкли — и всё ещё удивляются «как так, раньше же было». А в постах появляются фотки по 3000+ пикселей, разрывающие монитор.

    Воистину, нельзя просто так взять и убрать какую-то фичу… Ну или убирая, сообщайте об этом гигантскими буквами)

    А ещё дико не хватает возможности глянуть свои предыдущие залитые файлы, всё равно ведь авторизация в сервисе привязана к хабру. А то бывает, заливаешь файлы, дальше вылетает браузер, ссылок нет, ты загружаешь их заново… И даже не столько времени жалко, дык серваки то наверняка не резиновые, даже если в облаке…

    А вот за фичу с копированием сразу всех ссылок — громадное мерси!

    P.S. Кстати. А вы дедуплекацию используете?


    1. Boomburum
      31.01.2014 13:43

      Раньше картинки действительно жались до 800 пикселей, из-за чего было проблематично залить, например, кликабельный скриншот с FullHD-монитора. Поэтому сейчас другое ограничение — 1920 по ширине (по высоте такого нет, так как иногда выкладывают длинную инфорграфику).


      1. Athari
        31.01.2014 13:43

        По высоте ограничений нет вообще?


      1. Newbilius
        31.01.2014 13:43

        Может, вынесите эту инфу, пожалуйста, куда-нибудь на видное место?


    1. deniskin
      31.01.2014 13:43

      Дедуплекация используется, да.


    1. EgorKotkin
      31.01.2014 13:43

      Я думаю, что показ старых файлов не вводят, чтобы habrastorage не превращали в фотоальбом. А чтобы искать фотки было удобнее — лучше, по-моему, ввести фильтр по комментариям юзера с картинками.


    1. Mithgol
      31.01.2014 13:43

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

      Как же они могут разорвать хотя бы расположение элементов на странице? (Я уж не говорю про ситуацию «разорвать монитор», потому что это либо метафора, либо в дурку.)


      1. Newbilius
        31.01.2014 13:43

        Вопрос не в ширине, в высоте. Когда ты листаешь полтора экрана вниз, а фотка телефона (!) не заканчивается, потому что у неё размеры адские, а сама она вертикальная… это ни есть хорошо. Под «разрывает» я имел ввиду именно высоту, ширина вроде да, ограничивается.


        1. Mithgol
          31.01.2014 13:43

          А если это не фотография, а инфографика? Тогда она и должна быть длинною, иногда в десятки раз выше, чем шире.


          1. Newbilius
            31.01.2014 13:43

            Поэтому я и предлагал чекбокс, по-умолчанию включенный. Кому надо — отключит.


            1. Mithgol
              31.01.2014 13:43

              Теперь мне понятно.


      1. luckyredhot
        31.01.2014 13:43

        Да хоть и ограничивается, пожалейте-то пользователей с GPRS/EDGE и прочими медленными соединенями!


        1. Mithgol
          31.01.2014 13:43

          Если у картинки однотонный фон (потому что скриншот или инфографика), то и обширная картинка хорошо жмётся.

          У меня у самогó EDGE (я на Tele2), так что я это на себе испытал.


  1. spmbt
    31.01.2014 13:43

    Drag’n’drop

    Загрузить файл можно с любого устройства, будь то ноутбук, планшет или смартфон. Причём, можно как по старинке выбрать файлы с диска, так и новые изображения в любую область сайта.
    А можно перетащить пальцем с планшета и сбросить в окно, открытое на ноутбуке? (Сколько ни пробовал, не получается.)


    1. DIegoR
      31.01.2014 13:43

      я с удовольствием бы видел стартап, который бы реализовал такой Drag’n’drop между устройствами. Причем можно было бы например идущий фильм с телевизора в телефон перетаскивать, когда из дома уходишь, а потом в трамвае досматривать.


      1. vaslobas
        31.01.2014 13:43

        У эппла похожее с фильмами можно, емнип.


        1. DIegoR
          31.01.2014 13:43

          а как реализовано, прямо в кулачок можно фильм зажать, или при сдвигании до границы экрана компьютера появляется менюшка?


          1. usualdesigner
            31.01.2014 13:43

            Ясно же, что фильм хранится в мышке при копировании.


  1. itspoma
    31.01.2014 13:43

    Как долго будете хранить картинки?
    Есть уверенность что не наступит день Х и вы решите удалить неактуальные картинки — которые никто не запрашивал за последний, например, год?
    Или удалить картинки пользователя, в которого загружено 100500 файлов, но нету ни одного поста на хабре?


    1. deniskin
      31.01.2014 13:43

      Предположительно столько, сколько будет существовать Хабрахабр. То есть вечно. Даже к самым старым постам постоянно обращаются.


      1. vaslobas
        31.01.2014 13:43

        Человек скорее намекал, что хочет использовать хабрасторэдж как хранилище личных файлов.


        1. Meklon
          31.01.2014 13:43

          Я полагаю, что если файл не был вставлен ни в одну статью, то спустя время он протухает. Если был опубликован, то хранится вечно.


          1. vaslobas
            31.01.2014 13:43

            Стоит ли овчинка выделки? Память сейчас стоит дешево, поэтому есть ли смысл.


          1. EgorKotkin
            31.01.2014 13:43

            У меня посты в черновиках годами висят. Вот это будет подарочек, если картинки в них «протухнут».


            1. Meklon
              31.01.2014 13:43

              Так файл вставлен. Черновик полноценная статья, только статус «не опубликован». Тут скорее ситуация, когда человек залил и никуда не дел ссылку. Спустя год оно ему уже точно не понадобится.


              1. yogev_ezra
                31.01.2014 13:43

                Присоединяюсь — добавьте, пожалуйста, возможность удалять свои картинки, загруженные по ошибке. Вам же самим будет экономия места на сервере.


                1. mihmig
                  31.01.2014 13:43

                  Может там как и в вконтактике — не удаляют из-за фрагментации?


  1. cjmaxik
    31.01.2014 13:43

    Люблю тащить хурму)

    if( e.dataTransfer.dropEffect == 'copy' ){
    // тащим в окно файл
    }else{
    // тащим в окно хурму
    return false;
    }


  1. anonymous
    31.01.2014 13:43


    1. luckyredhot
      31.01.2014 13:43

      Надеюсь, грейпфруты тоже будут доступны)))


  1. bodqhrohro
    31.01.2014 13:43

    >Первая версия сервиса была написана одним из наших программистов чуть ли не в маршрутке.
    Оно и видно. Не обижайтесь:3
    У меня оно даже не во всех браузерах работало (флеш везде включён, если что). Но чего и где — не помню уже, давно не пользовался.


  1. achekalin
    31.01.2014 13:43

    Смотрю на каждый новый дизайн проектов Хабра. «На вкус и цвет» можно даже не говорить, каждому свое, но загружаемые шрифты мало того, что часто заставляют страницу грузиться сначала пустой, а потом отрисовываться, так ведь еще, самое неприятное, они и выглядят неизящно!

    Пример — картинка в самом посте, та, что вторая сверху, с тремя перечисленными файлами. Имена файлов («2.png»...) выглядят как-то… как будто симпатичная худенькая девушка одела зимний тулуп, и стала бесформенной бабищей с колхозного рынка.

    Я к тому, что технологии — технологиями (загружаемый шрифт на проекте, которые изначально текстово ориентирован, притом шрифт, несильно от имеющихся на каждой машине отличающийся — это именно технология ради технологии, «только хардкор» и все такое), но о восприятии нужно не забывать. И о юзерах, не все из которых сидят на retina дисплеях, а некоторые (ой!) на 15" экранах шириной 1366 точек, с очевидно «никаким» dpi.

    P.S. Была бы в TM-профиле per-user настройка «не грузить на проектах Хабра внешние шрифты» — с удовольствием бы воспользовался. Подозреваю, что верстка бы не сползла, зато глаза заметно бы расслабились.

    P.P.S Да, понимаю, что могу приделать свою CSS, но… не всегда это удобно.


  1. Ockonal
    31.01.2014 13:43

    А у вас там программисты с юмором :)

    Заодно неприятная ситуация. Не знаю, может выше уже постили:


    1. dag
      31.01.2014 13:43

      Именно так и надо, будет грузиться либо по https либо по http. Это не бага и очень даже приятная.


      1. Ockonal
        31.01.2014 13:43

        Не, о двух слешах перед адресом это понятно. я о том, что превью растягивает на всю высоту и изображение колбасит. :)


  1. betal
    31.01.2014 13:43

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


    1. artishok
      31.01.2014 13:43

      Фотки с отпуска

      Единственное, на что хочется обратить внимание – это не фотохостинг для хранения фотографий с отпуска – у нас тут ни фотоальбомов, ни фолловинга, ни даже лайков. Ничего лишнего, никакой рекламы.


    1. Pas
      31.01.2014 13:43

      Специально никто не следит. Но если будут утилизировать сильно канал или содержать незаконный контент, удалены будут без сомнений.


  1. mova
    31.01.2014 13:43

    Немного раздраконивает все при загрузке анимированного gif
    image


  1. betal
    31.01.2014 13:43

    Бага в догонку.


  1. Artem_7
    31.01.2014 13:43

    Эх… Еще бы какой-нибудь storage для хранения других типов файлов. С ограничением на размер файла, естественно. Я к своему первому топику прикладывал PDF и DOC файлики. Долго искал, куда бы их пристроить. В результате разместил на dropbox. Но это не удобно в том плане, что я их могу случайно грохнуть и статья получится «кастрированной».


    1. vaslobas
      31.01.2014 13:43

      1. Artem_7
        31.01.2014 13:43

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


      1. Cyapa
        31.01.2014 13:43

        У меня эта штука упорно не работает.


    1. Newbilius
      31.01.2014 13:43

      Github или bitbucket?


  1. anonymous
    31.01.2014 13:43


    1. usualdesigner
      31.01.2014 13:43

      «растровым», вероятно, забыли добавить.


  1. tagir_valeev
    31.01.2014 13:43

    Спасибо за отказ от флэша, это удобно :-)

    Всё хочу спасти свои старые посты, где картинки были загружены на давно сломавшиеся хостинги. Кое-что я нашёл у себя и переложил на хабрасторадж, но часть картинок потерялась. Может, кто-нибудь добрый бэкапил хабр со всеми картинками?


    1. Newbilius
      31.01.2014 13:43

      А можно попробовать ведь и Wayback Machine или кэш гугла?


      1. tagir_valeev
        31.01.2014 13:43

        Так ведь пробовал!


  1. Methos
    31.01.2014 13:43

    Это всё здорово, но вот то, что нет списка картинок, которые я загружал, это странно.
    Например, представим гипотетическую ситуацию, что пост, в котором были ссылки, удалён.
    Откуда брать ссылки на картинки? Заново не то что грузить, а ещё и готовить?
    Вплоть до простейшей ситуации, когда ну вот только что загрузил картинки и случайно нажал на F5 (браузер завис, питание выключилось, нужное подчеркнуть).


    1. EgorKotkin
      31.01.2014 13:43

      В черновиках есть автосохранение


  1. alkaruno
    31.01.2014 13:43

    Зачем CSS класс с лупой на превью загруженной картинки назвали zalupa? Ай-яй-яй…


    1. EgorKotkin
      31.01.2014 13:43

      Вас теперь за это ещё и забанят, потому что на Хабре мат запрещён! А про запрет мата в исходном коде ни слова.


    1. Boomburum
      31.01.2014 13:43

      Импровизация верстальщика )) Картинка находится за лупой, поэтому, видимо, такой класс ))


      1. alkaruno
        31.01.2014 13:43

        Тогда уж класс должен называться za-lupoi. Склонять лупу надо правильно!


  1. idg_dima
    31.01.2014 13:43

    Нас обманывают!

    function human_size(bytes) {
        if (typeof bytes !== 'number') {
            return '';
        }
        if (bytes >= 1000000000) {
            return (bytes / 1000000000).toFixed(2) + ' GB';
        }
        if (bytes >= 1000000) {
            return (bytes / 1000000).toFixed(2) + ' MB';
        }
        return (bytes / 1000).toFixed(2) + ' KB';
    }
    


    1. Beholder
      31.01.2014 13:43

      Вообще-то, если по науке, то всё правильно


      1. idg_dima
        31.01.2014 13:43

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


      1. koshak
        31.01.2014 13:43

        не поддавайтесь на провокации, избегайте условности, считайте всё в битах!


    1. KlonKaktusa
      31.01.2014 13:43

      «NaN KB»


  1. Sergy1992
    31.01.2014 13:43

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


    1. Pasha4ur
      31.01.2014 13:43

      А можно и вообще Хабр оставить в текущем виде.

      После нового дизайна Фрилансим (все равно не адаптируещегося) текущий дизайн Хабра очень-очень привлекателен и удобен


  1. Veider
    31.01.2014 13:43

    А ограничение по размеру файла какое? Двухметровую гифку забраковал.


  1. Loner
    31.01.2014 13:43

    долго втыкал что же скрывается за кнопками-картинками


  1. Hoorsh
    31.01.2014 13:43

    Будет ли добавлена загрузка по URL?


    1. Mithgol
      31.01.2014 13:43

      В некотором роде она уж есть.


      1. Hoorsh
        31.01.2014 13:43

        Лучше бы этот момент продублировать в функционале самого HS


        1. Boomburum
          31.01.2014 13:43

          А смысл? Если у вас уже есть урл картинки — просто вставляйте её в пост на Хабре, она сама переместится на Habrastorage.


          1. CaptainFlint
            31.01.2014 13:43

            Кстати, как-то оно не очень-то активно перемещается. В этой статейке картинка по стороннему урлу была очень тормозной. После анонса автозаливки я всё надеялся, что движок её перекинет на storage, очень долго ждал, но так и не дождался, перенёс ручками.


          1. Hoorsh
            31.01.2014 13:43

            Тестирую

            Тест
            Тест
            Тест
            image


            1. vvzvlad
              31.01.2014 13:43

              Ы, воспроизводится. А у меня через раз как-то, иногда перезаливается, иногда нет.


          1. Hoorsh
            31.01.2014 13:43

            1) Как видно в комментариях это перемещение на Habrastorage не работает! При этом картинки в комментариях — такая же важная часть контента, как и картинки в посте. Очень часто они отваливаются от хабраэффекта, да и не должно быть по идее разницы между картинкой в посте и в комменте — грузятся-то они как коллеги одновремено.

            2) Если в ТМ хотят оставить возможность вставлять картинку по своему URL-у в комментах и не делать автоперенос на HS, то надо бы добавить опции загрузки картинки по URL-у в сам HS.


            1. Hoorsh
              31.01.2014 13:43

              Несколько минут картинка отдавалась по родному URL-у. А затем перескочила на HS. Похоже автоперенос происходит не моментально, а видимо в порядке очереди на перенос. Теперь всё ясно


  1. Piskov
    31.01.2014 13:43

    А еще мечтаю о поддержке retina-экранов для картинок на хабре — надоело мыло.


    1. Alexufo
      31.01.2014 13:43

      накупят себе макбуков а потом плачутся. Купи нормальный монитор — будь с народом) Какое мыло вы имеете ввиду на картинках, если они физически такие?


      1. Pasha4ur
        31.01.2014 13:43

        накупят себе макбуков а потом плачутся. Купи нормальный монитор — будь с народом)

        Аплодирую. Шикарно :D


      1. Piskov
        31.01.2014 13:43

        width/height добавили

        Спасибо, не знал. В хелпе по-прежнему ни слова:
        <img src="" />
        Вставка изображения, в атрибуте src нужно указывать полный путь к изображению. Возможно выравнивание картинки атрибутом align.


  1. anonymous
    31.01.2014 13:43


  1. kost
    31.01.2014 13:43

    Почему в html-коде для вставки нет атрибута alt (пустого, например)? Это ведь обязательный атрибут.

    An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.


    1. freuser
      31.01.2014 13:43

      Тоже парился с поиском отключенных картинок в тексте, даже исходный код постов читал для этого. Но потом поставил (в FireFox) расширение ImgLikeOpera, так вот там спецфича есть — добавлять этот тег со словом «image». Очень удобно.
      Но печально, что где-то 30 % сайтов забивают на этот тег.


  1. teleavtomatika
    31.01.2014 13:43

    Странно, но почему-то никто не отметил возможность загружать изображения прямо из буфера обмена. Ведь появление такой возможности — это замечательно! Меня очень утомляло сохранять изображение в файл, потом искать его, тащить, а после загрузки удалять.

    Но есть один нюанс
    Прямая ссылка на такой файл почему-то не содержиит расширение файла (.jpg): habrastorage.org/files/195/b93/be3/195b93be37cc480d9fc01aceb6797823

    Хотя тэг отрабатывает как положено:


  1. mihmig
    31.01.2014 13:43

    А именно, возможность разом скопировать ссылки на все (или только на отмеченные) загруженные файлы.

    Хех, а я-то обрадовался что есть какая-то фича с copy-paste в javascript-e…
    (Да, я знаю что это небезопасно, но может есть такой браузер где можно кликом по кнопке скопировать содержимое в буфер обмена без использования java-allet или flash?


    1. Boomburum
      31.01.2014 13:43

      без флеша не нашли решения


      1. mihmig
        31.01.2014 13:43

        Жаль, я нашёл решение только на база java-апплета (там можно сделать разрешение на запуск только с конкретного домена). Ну что-ж будем делать на нём.


  1. anonymous
    31.01.2014 13:43


    1. Pasha4ur
      31.01.2014 13:43

      Я думаю, что ТМ делают дизайны для всех сайтов на базе платного фреймворка Flat UI PRO, который как раз выполнен в мрачных сине-зеленых цветах:

      image


  1. odiszapc
    31.01.2014 13:43

    Напишите пост об архитектуре Habrastorage


  1. vvzvlad
    31.01.2014 13:43

    Вы сломали загружалку!
    Подскажите, как теперь из консоли файл загрузить?


  1. Demphest
    31.01.2014 13:43

    Многие вот пишут и шутят по поводу смены дизайна хабра, но никто не выкладывал почему-то ссылку на tamtreehouse не буду показывать пальцем, но… :)
    Если кому-то интересно как примерно будет выглядеть хабр в новой тенденции дизайна предлагаю посмотреть :) надо сказать весьма схожая концепция


    1. Abcd_Efgh
      31.01.2014 13:43

      Не в обиду сказано дизайнерам Хабрахабра, но Трихаус выглядит в разы лучше, чем представленные обновления. И адаптивен, что немаловажно.


    1. koshak
      31.01.2014 13:43

      между прочим, интересное дело.
      Компания, которая занимается обучением в сфере веб-технологий, для аватарок 60х60 использует полноразмерные фотки и вообще не блещет.

      Или я всё проспал и клиентская оптимизация сегодня никому не нужна?!


  1. ED98
    31.01.2014 13:43

    На Habrastorage можно загружать только картинки или любые файлы? Например, если к статье прикрепить готовое приложение, то было бы полезно


    1. Hoorsh
      31.01.2014 13:43

      А зачем? Приложения же не скачиваются по-умолчанию браузерами всех пользователей поголовно, как картинки. А значит и хабраэффекта не будет, а значит и хостить их можно где угодно.


  1. EgorKotkin
    31.01.2014 13:43

    Вот вам ещё интерфейсная идейка: убейте подтверждения действий как класс. Вот скажем в новом дизайне я обнаружил возможность «завершить» проект, коих у меня скопилось больше двух десятков. И каждый раз при завершении всплывает просьба подтверждения, расположенная на расстоянии почти половины экрана от настроек проекта. При этом правильный способ подтверждения давно известен по Вконтакте: действие без подтверждения при возможности в течение нескольких секунд его отменить. Учитывая тот факт, что юзеры осмысленно кликают всё-таки чаще, чем по ошибке, вариант возможности отмены выглядит куда экологичнее обязательного подтверждения.


    1. EgorKotkin
      31.01.2014 13:43

      Ай, промахнулся постом. Ну пусть будет, хорошую мысль не грех и повторить.


  1. Mofas
    31.01.2014 13:43

    Круто


  1. qw1
    31.01.2014 13:43

    Примерно месяц как начала подвисать загрузка картинок с habrastorage.
    Приходилось по много раз обновлять страницу, пока все картинки не появятся.

    Случайно обнаружил, что если падает ipv6, проблема исчезает.
    Прописал в etc/hosts v4-адрес для hsto.org.
    Другие ipv6-сайты у меня работают превосходно (сервисы google, vk.com, файлообменный трафик).

    Может, кому-то заметка покажется полезной.