
Первая версия сервиса была написана одним из наших программистов чуть ли не в маршрутке. Несколько лет сайт из одной кнопки служил тысячам пользователей верой и правдой. Сейчас это «картиночная основа» Хабра – все изображения из постов и комментариев живут на Habrastorage.
Что нового?
Загрузчик на HTML5
До этого загрузчик работал на технологии Flash – только она позволяла делать мультиаплоад, но в то же время вставляла немало палок в колёса. Отныне никакого флеша: только кроссплатформенный HTML5, только хардкор!
Drag’n’drop

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

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

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


Работа через TM ID
Практически все наши проекты перешли на TM ID. Вместо войны с формой авторизации и капчей жмём одну кнопку и, как говорят французы, voilà!
Фотки с отпуска
Единственное, на что хочется обратить внимание – это не фотохостинг для хранения фотографий с отпуска – у нас тут ни фотоальбомов, ни фолловинга, ни даже лайков. Ничего лишнего, никакой рекламы.
Ну и последнее
Для тех, кто со всей душой относится к оформлению постов на Хабре, мы добавили поддержку атрибутов width и height у тега img – пример их работы самые внимательные увидят в этом посте.
Хороших выходных!
Комментарии (249)
turbo_exe
31.01.2014 13:43я, конечно, не дизайнер, но эти длинные тени смотрятся очень убого.
lorndesign
31.01.2014 13:43А я Вам сейчас поясню, почему такие тени.
1. Идём на сайт tmtm.ru.
2. Крутим в подвал страницы.Там есть ссылка на Яндекс.Карту.
3. Открываем, переходим в режим «Панорамы»
4. Ставим точку наблюдения на ТТК, аккуратно над ЖД дорогой.
5. А теперь смотрим на здание, где размещается TM.
…
6. PROFIT!!! Видете???? Какие тени там на стенах?Yan169
31.01.2014 13:437. Делаем скриншот, выкладываем на Habrastorage 2.0, и вставляем в комментарий.
(а то мне лениво выполнять 1..6) :)
anonymous
31.01.2014 13:43Pasha4ur
31.01.2014 13:43Длинные тень — лишь бесполезный тренд. Пользы от них, поэтому применяют их крайне редко. Всем начал надоедать плоский дизайн. теперь снова пошли тени, прозрачности, размытие.
Я вообще еще ни разу эти не рисовал и нет желания :)
ИМХО, длинные тени в паре иконок смотрятся очень нелепо, когда все остальные элементы дизайна абсолютно плоские. Нет единого стиля.
Makaveli
31.01.2014 13:43Редизайн Хабра тоже грядет?
oxyberg
31.01.2014 13:43Это очевидно, но, надеюсь, они прислушаются к мнению пользователей.
Pasha4ur
31.01.2014 13:43Вряд ли. Раз уже везде пошел общий стиль.
Я на всякий случай сегодня сохраню скриншоты текущего дизайна Хабра. Давно была идея нарисовать редизайн, но хочется сделать хорошо, а времени на это пока нет.
Но я бы порекомендовал компании ТМ отказаться от шрифта PT Sans и посмотреть в сторону более гибких шрифтов: Roboto, Open Sans. У PT Sans всего 2 значения жирности и в bold он смотрится ка доисторический монстр + внутрибуквенный просвет у этого шрифта малAgent_Smith
31.01.2014 13:43Лучше сразу сохраняйте .css
Pasha4ur
31.01.2014 13:43предустановлен на нормальных ОС и у нормальных людей
Те, у кого нет PT Sans, ненормальные?
Roboto — системный шрифт Android как минимум с версии 4.х.
Более гибкие шрифты дают возможность более качественно представить контент. Загрузились, а дальше в кеше
dom1n1k
31.01.2014 13:43Плохой совет.
Roboto не хинтован и оттого выглядит на Винде просто отвратительно. (Надеюсь, никто не будет отрицать, что важность этой платформы на порядок выше Андроида?)
Open Sans имеет кириллицу неважного качества, заметно проигрывающую его же латинской части.
PT Sans в этом смысле намного качественнее. Если хочется больших просветов — есть PT Sans Caption.
Да и покупку при желании коммерческой версии PT Sans Pro никто не отменял — там есть начертание Demibold.
EgorKotkin
31.01.2014 13:43Этот пост должен был написать юзернейм habrastorage.
EgorKotkin
31.01.2014 13:43Хм, теперь код множества картинок не надо копировать по одному. Хорошо, но идею надо развить дальше: добавьте возможность менять порядок картинок.
А ещё хорошо бы добавить окошко для текстового комментария к картинке, который сразу пойдёт в пост, смекаете? Посты с кучей картинок будет делать легко — на раз-два, а доводить до ума можно будет уже в поле собственно редактора поста.EgorKotkin
31.01.2014 13:43Как-то так:
1.
2.
(безумные умения, я знаю)Vaproldj
31.01.2014 13:43Я!?
EgorKotkin
31.01.2014 13:43Не так: «Шо, опять?!»
Mithgol
31.01.2014 13:43Сразу спрошу: а нельзя ли устроить дело ещё проще,
как на Гитхабе — чтобы автору блогозаписи (или комментария) можно было бы необходимую картинку прямо на Хабрахабр мышкой перетаскивать (или кнопку нажать), самомý не заходя на Habrastorage?
Анимированный GIF, показывающий, как это выглядит на Гитхабе.
EgorKotkin
31.01.2014 13:43Причём текст в идеале добавлять в HTML параллельно вводу, чтобы избежать кнопок вроде «обновить» и прочих сущностей.
berezuev
31.01.2014 13:43Вообще, по логике круг с облаком должен быть кликабельным и открывать выбор файла…
demark
31.01.2014 13:43Согласен, аудитория продвинутая. Убрать кнопку «Загрузить файлы» и навесить клик на облако.
SergeKuznetsov
31.01.2014 13:43Удивлен что это не так.
berezuev
31.01.2014 13:43Все ок, только пропишите все-таки cursor:pointer, а то все-равно не понятно)
А так, спасибо за апдейт. Давно пора
EgorKotkin
31.01.2014 13:43Тогда надо поменять местами облачко и текст. Сначала описание, затем кнопка — так логичнее.
Magistr_AVSH
31.01.2014 13:43Только новый пост собрался писать, с кучей картинок, и тут такой годный апдейт =)
Vamp
31.01.2014 13:43Кто уже успел активировать инвайт?
karabanov
31.01.2014 13:43Кто уже успел активировать инвайт?
А где он был? Тоже искал, но не нашел… Уже убрали?Klimenko
31.01.2014 13:43Ещё есть. В посте, 1×1px.
Abcd_Efgh
31.01.2014 13:43Всё равно он уже наверное невалидный, даже если воспользоваться
img[width^="1"] { min-width:24px!important }
:-)Boomburum
31.01.2014 13:43Потому что его уже активировали )
Meklon
31.01.2014 13:43А для тех кто в танке расскажете, что это было?) Интересно)
CaptainFlint
31.01.2014 13:43В посте после слов «читателям ваших постов» находится картинка, ужатая до размера в 1 пиксель атрибутом width="1". Если посмотреть её в нормальном размере, то окажется, что это инвайт.
Yan169
31.01.2014 13:43Только понять, что это инвайт, могли только те, кто знаком с системой инвайтов хабра, т.е. уже зарегистрированные хабрапользователи, которым инвайт в общем-то уже и не нужен.
Meklon
31.01.2014 13:43А он как-то особо выглядит? Я просто не в курсе, меня НЛО пригласило. Просто стал не Read-only и все.
SergeKuznetsov
31.01.2014 13:43Интересно какими соображениями руководствовались при выборе «шаблона» пути хранения файлов:
/6cc/6cf/8d5/6cc6cf8d5ef75656c696fca9f8cc7fb4.png
— почему вложенность 3 уровня, а не другое значение, почему по 3 символа в имени папки
— почему в имени файла именно столько символов
т.е. какими параметрами оперировали? — Прогнозируемый объем файлов, количество файлов, количество пользователей (всех habra ресурсов), структурой файловой системы и т.д.
Интересны технические детали реализации данного проекта!Boomburum
31.01.2014 13:43Связано с максимальным количеством поддиректорий в директории.
SergeKuznetsov
31.01.2014 13:43Про ограничения ФС на количество директорий конечно понятно. Интересно в целом на схему посмотреть =)
SergeKuznetsov
31.01.2014 13:43Сколько серверов, какие операционные системы, какие файловые системы, какие настройки и т.д.
Кому как не ТМ об этом написать! Очень тематический пост должен получиться.Pas
31.01.2014 13:43Как обычно, всё намного проще, чем вам кажется. Никаких rocket science тут точно нет ))
Gazirov
31.01.2014 13:43Сколько место сейчас занято? Какое их количество содержится в сторадже?
Pas
31.01.2014 13:43Habastorage — 801GB used.
click0
31.01.2014 13:43Таки ZFS?
Сколько там всего пулов? какие RAID и какие диски?click0
31.01.2014 13:43Да, и Фряха.
FreeBSD-20110503
Рекомендую тестить 10-ку. :)Pas
31.01.2014 13:4310-ка тестится уже. Кстати, вполне успешно.
Нет, там не ZFS. Там нормальный аппаратный RAID50 на восьми SAS-винтах (всего 2.3TB) с 2-х гиговым кэшем. ZFS ведёт себя несколько малопредсказуемо, когда по какой-либо причине остаётся мало оперативки.click0
31.01.2014 13:43Там есть ряд параметров, которыми можно зарезервировать память под систему и не отдавать под zfs кеши.
Pas
31.01.2014 13:43Пока могу показать только это:
Мы ещё работаем над усовершенствованием системы доставки контента с habrastorage, пока рано писать об окончательном продукте. Технологически всё может поменяться ещё сто раз ;)
dbanet
31.01.2014 13:43Да-а-а-а!!! Спаибо, большое спаибо, что дали возможность загружать картинки не только через флеш. Остальное — уже не важно. Так держать!
dbanet
31.01.2014 13:43*неважно
Хм. А это какое-то ограничение, или проблема только на моей стороне? Происходит при попытке загрузить картинку размером ~8.3MiB:
"NetworkError: 413 Request Entity Too Large - http://habrastorage.org/main/upload"
anonymous
31.01.2014 13:43Boomburum
31.01.2014 13:43Скорее всего сделаем универсальную переключалку, как сейчас на TM ID:
KvanTTT
31.01.2014 13:43А можно ли сделать отображение вообще всех картинок, загруженных пользователем за все время. И чтобы они не исчезали при обновлении страницы. Ну и удаление тоже можно было бы сделать.
Magistr_AVSH
31.01.2014 13:43Скрытый текст
Думаю из области бага :) Просто случайно потащил это самое облако, и оно у меня загрузилось.
EminH
31.01.2014 13:43А как нибудь можно удалить загруженный по ошибке /ненужный в статье файл? Я понимаю места на сервере до фига, но вдруг я такой сознательный
nobilix
31.01.2014 13:43Пользуясь случаем спрошу о том, что меня давно интересует. Зачем плодить сущности вместо того, чтобы сделать загрузчик изображений прямо в редакторе топика | комментария.
vaslobas
31.01.2014 13:43Для безопасности?
Чтобы все шишки за незаконные картинки (цп, экстремистские материалы) попали на хабрасторэдж, а не на сам хабр.nobilix
31.01.2014 13:43не аргумент, загрузчик можно встроить «интерфейсно» в редактор, а на каком сервере хранить и какой домен будет у url изображения — вопрос десятый.
nkie
31.01.2014 13:43скажите об этом сайтам которые закрывают за то что на них выкладываются ссылки на пиратский контент
nobilix
31.01.2014 13:43То есть вы считаете, что habrastorage решает эту проблему?
закрывают за то что на них выкладываются ссылки на пиратский контент
Сами же говорите ссылки. Причем тут инструмент?
vaslobas
31.01.2014 13:43Когда все просили запустить файлохранилище, то единственный аргумент был именно такой. Поэтому и запустили отдельным сайтом.
nobilix
31.01.2014 13:43Habrastorege принадлежит TM и сейчас большинство изображений хабратопиков хранится там. Если его закроют, то эти самые статьи останутся без картинок в миг, что тоже не есть хорошо. Не проще ли удалять по запросу проблемные изображения?
KorDen32
31.01.2014 13:43Они могут перенести хранилище на другой домен (у них же есть например hstor.org) и заменить домен во всех постах и комментариях
vaslobas
31.01.2014 13:43Главное чтобы сам хабр не попал под блокировку, а остальное легко решается.
KorDen32
31.01.2014 13:43Зайдите в любой пост блога компании Opera и почитайте, там много таких примеров…
Кратко — Opera 12 позволяла без установки и поддержки зоопарка расширений сильно кастомизировать интерфейс и управление, плюс каждый находил для себя какие-то удобные лично ему фичи — мышиные жесты, переключение табов по 1 и 2, Ctrl+Z, боковая панель, блокировщик содержимого, Dragonfly, встроенные IRC-, bittorrent-, email-клиенты… (перечислять можно очень долго). При этом многие настройки синхронизировались через Opera Link, т.е. при переустановке/установке на новом ПК нужно было только настроить интерфейс заново, а все остальное, как например список поисковых систем, правила блокировки (не говоря уже о заметках, закладках и экспресс-панели) синхронизировалось автоматически. В новых браузерах многие возможности можно возвратить с помощью расширений, но это в итоге получается монстр, в котором что-то может сломаться при обновлении, в котором либо нет синхронизации, либо она разбита по нескольким сервисам, которые предоставляют плагины. Нет той целостности и сопутствующего ей удобства :(
PS: и самое главное, она не жрала так много оперативы при большом количестве обычных вкладок, как жрет тот же хром.
Boomburum
31.01.2014 13:43Текущий редактор постов/комментариев хоть и весьма удобен, но не идеален — возможно, в будущем и у него будет что-то подобное.
oxyberg
31.01.2014 13:43Надеюсь, не такой, как сейчас на Фрилансим.
kovalevsky
31.01.2014 13:43На фрилансим стоит (стоял, до обновления по крайней мере) Redactor, это отличный визивиг редактор, поверьте
KorDen32
31.01.2014 13:43Он-то есть, но вот переключаться в него и логиниться в нескольких браузерах не всегда удобно, особенно если речь идет о «загрузить картинку в одном браузере, комментарий написать в другом»…
nobilix
31.01.2014 13:43Это было бы самым правильным решением. Я понимаю, что аудитория продвинутая, но заставлять своих авторов делать лишнюю работу нет смысла.
anonymous
31.01.2014 13:43dbanet
31.01.2014 13:43Я думаю, что разочарование ParaPilot, выраженное претензией (что неправильно), хоть и не относится к большинству пользователей, и идёт вразрез с мнением большинства о том, что данный апдейт хабрастораджа годен, имеет рациональное зерно. Я фичреквещу habrastorage.org/legacy, который был бы весьма полезен и до этого апдейта, с простой, обычной формой type=file (который работает везде), поштучной загрузкой, и, если так угодно TM, даже с ограничением по размеру и частоте заливки, но который всё равно мог бы выручить часть пользователей, и не помешал бы остальным.
В любом случае, мне интересно, почему за три итерации хабрастораджа ни разу не было стадии «форма+кнопка», как, например, на gfile.ru? Всегда бросаемся в крайности — то онли-флеш загрузка, то лютый HTML5, но в любом случае никакого выбора. Например, dropzone «provides an oldschool file input fallback». Чем не вариант?
VoidVolker
31.01.2014 13:43А в опере 12 и до этого хабрасторэйдж не работал из-за проблем с логином… Так что ничего не изменилось для нас =)
CaptainFlint
31.01.2014 13:43Минутку, вы хотите сказать, что у вас новое хранилище не работает? У меня, например, в Опере 12.16 картинки теперь нормально заливаются перетаскиванием.
VoidVolker
31.01.2014 13:43Да, при нажатии на облачко или кнопку ничего не происходит. А вот если кинуть файл в окно — то он загружается.
Newbilius
31.01.2014 13:43Единственное, чего не хватает — опционального пересжатия картинки, включенного по умолчанию, например, до 800 пикселей по бОльшей стороне.
А всё почему:
- Какое-то время назад habrastorage жал картинки, причем нещадно. Тем не менее, к этому привыкли.
- Потом эту фичу убрали. Но все привыкли — и всё ещё удивляются «как так, раньше же было». А в постах появляются фотки по 3000+ пикселей, разрывающие монитор.
Воистину, нельзя просто так взять и убрать какую-то фичу… Ну или убирая, сообщайте об этом гигантскими буквами)
А ещё дико не хватает возможности глянуть свои предыдущие залитые файлы, всё равно ведь авторизация в сервисе привязана к хабру. А то бывает, заливаешь файлы, дальше вылетает браузер, ссылок нет, ты загружаешь их заново… И даже не столько времени жалко, дык серваки то наверняка не резиновые, даже если в облаке…
А вот за фичу с копированием сразу всех ссылок — громадное мерси!
P.S. Кстати. А вы дедуплекацию используете?Boomburum
31.01.2014 13:43Раньше картинки действительно жались до 800 пикселей, из-за чего было проблематично залить, например, кликабельный скриншот с FullHD-монитора. Поэтому сейчас другое ограничение — 1920 по ширине (по высоте такого нет, так как иногда выкладывают длинную инфорграфику).
EgorKotkin
31.01.2014 13:43Я думаю, что показ старых файлов не вводят, чтобы habrastorage не превращали в фотоальбом. А чтобы искать фотки было удобнее — лучше, по-моему, ввести фильтр по комментариям юзера с картинками.
Mithgol
31.01.2014 13:43появляются фотки по 3000+ пикселей, разрывающие монитор
Но ведь им всем в CSS принудительно задана максимальная ширина, равная ширине окаймляющей их блогозаписи или комментария.
Как же они могут разорвать хотя бы расположение элементов на странице? (Я уж не говорю про ситуацию «разорвать монитор», потому что это либо метафора, либо в дурку.)Newbilius
31.01.2014 13:43Вопрос не в ширине, в высоте. Когда ты листаешь полтора экрана вниз, а фотка телефона (!) не заканчивается, потому что у неё размеры адские, а сама она вертикальная… это ни есть хорошо. Под «разрывает» я имел ввиду именно высоту, ширина вроде да, ограничивается.
luckyredhot
31.01.2014 13:43Да хоть и ограничивается, пожалейте-то пользователей с GPRS/EDGE и прочими медленными соединенями!
Mithgol
31.01.2014 13:43Если у картинки однотонный фон (потому что скриншот или инфографика), то и обширная картинка хорошо жмётся.
У меня у самогó EDGE (я на Tele2), так что я это на себе испытал.
spmbt
31.01.2014 13:43Drag’n’drop
А можно перетащить пальцем с планшета и сбросить в окно, открытое на ноутбуке? (Сколько ни пробовал, не получается.)
Загрузить файл можно с любого устройства, будь то ноутбук, планшет или смартфон. Причём, можно как по старинке выбрать файлы с диска, так и новые изображения в любую область сайта.DIegoR
31.01.2014 13:43я с удовольствием бы видел стартап, который бы реализовал такой Drag’n’drop между устройствами. Причем можно было бы например идущий фильм с телевизора в телефон перетаскивать, когда из дома уходишь, а потом в трамвае досматривать.
itspoma
31.01.2014 13:43Как долго будете хранить картинки?
Есть уверенность что не наступит день Х и вы решите удалить неактуальные картинки — которые никто не запрашивал за последний, например, год?
Или удалить картинки пользователя, в которого загружено 100500 файлов, но нету ни одного поста на хабре?deniskin
31.01.2014 13:43Предположительно столько, сколько будет существовать Хабрахабр. То есть вечно. Даже к самым старым постам постоянно обращаются.
vaslobas
31.01.2014 13:43Человек скорее намекал, что хочет использовать хабрасторэдж как хранилище личных файлов.
Meklon
31.01.2014 13:43Я полагаю, что если файл не был вставлен ни в одну статью, то спустя время он протухает. Если был опубликован, то хранится вечно.
vaslobas
31.01.2014 13:43Стоит ли овчинка выделки? Память сейчас стоит дешево, поэтому есть ли смысл.
EgorKotkin
31.01.2014 13:43У меня посты в черновиках годами висят. Вот это будет подарочек, если картинки в них «протухнут».
Meklon
31.01.2014 13:43Так файл вставлен. Черновик полноценная статья, только статус «не опубликован». Тут скорее ситуация, когда человек залил и никуда не дел ссылку. Спустя год оно ему уже точно не понадобится.
yogev_ezra
31.01.2014 13:43Присоединяюсь — добавьте, пожалуйста, возможность удалять свои картинки, загруженные по ошибке. Вам же самим будет экономия места на сервере.
cjmaxik
31.01.2014 13:43Люблю тащить хурму)
if( e.dataTransfer.dropEffect == 'copy' ){
// тащим в окно файл
}else{
// тащим в окно хурму
return false;
}
bodqhrohro
31.01.2014 13:43>Первая версия сервиса была написана одним из наших программистов чуть ли не в маршрутке.
Оно и видно. Не обижайтесь:3
У меня оно даже не во всех браузерах работало (флеш везде включён, если что). Но чего и где — не помню уже, давно не пользовался.
achekalin
31.01.2014 13:43Смотрю на каждый новый дизайн проектов Хабра. «На вкус и цвет» можно даже не говорить, каждому свое, но загружаемые шрифты мало того, что часто заставляют страницу грузиться сначала пустой, а потом отрисовываться, так ведь еще, самое неприятное, они и выглядят неизящно!
Пример — картинка в самом посте, та, что вторая сверху, с тремя перечисленными файлами. Имена файлов («2.png»...) выглядят как-то… как будто симпатичная худенькая девушка одела зимний тулуп, и стала бесформенной бабищей с колхозного рынка.
Я к тому, что технологии — технологиями (загружаемый шрифт на проекте, которые изначально текстово ориентирован, притом шрифт, несильно от имеющихся на каждой машине отличающийся — это именно технология ради технологии, «только хардкор» и все такое), но о восприятии нужно не забывать. И о юзерах, не все из которых сидят на retina дисплеях, а некоторые (ой!) на 15" экранах шириной 1366 точек, с очевидно «никаким» dpi.
P.S. Была бы в TM-профиле per-user настройка «не грузить на проектах Хабра внешние шрифты» — с удовольствием бы воспользовался. Подозреваю, что верстка бы не сползла, зато глаза заметно бы расслабились.
P.P.S Да, понимаю, что могу приделать свою CSS, но… не всегда это удобно.
Ockonal
31.01.2014 13:43А у вас там программисты с юмором :)
Заодно неприятная ситуация. Не знаю, может выше уже постили:
betal
31.01.2014 13:43Вопрос к администрации, есть какой — то запрет на использование сервиса вне хабрахабра, или Вы к этому лояльно относитесь.
Речь идет не о использовании картинок в структуре сайта, а например при записи на форуме, блоге и т.д.artishok
31.01.2014 13:43Фотки с отпуска
Единственное, на что хочется обратить внимание – это не фотохостинг для хранения фотографий с отпуска – у нас тут ни фотоальбомов, ни фолловинга, ни даже лайков. Ничего лишнего, никакой рекламы.
Pas
31.01.2014 13:43Специально никто не следит. Но если будут утилизировать сильно канал или содержать незаконный контент, удалены будут без сомнений.
Artem_7
31.01.2014 13:43Эх… Еще бы какой-нибудь storage для хранения других типов файлов. С ограничением на размер файла, естественно. Я к своему первому топику прикладывал PDF и DOC файлики. Долго искал, куда бы их пристроить. В результате разместил на dropbox. Но это не удобно в том плане, что я их могу случайно грохнуть и статья получится «кастрированной».
vaslobas
31.01.2014 13:43Artem_7
31.01.2014 13:43Сервисов много, конечно. Плохо, что они разные. Т.е. придется сидеть на двух стульях. Считаю, что контент, являющийся с моей точки зрения «неделимым» не должен быть раскидан по разным платформам. По-крайней мере, хоть вендор один должен быть. Статья была написана для хабра и я бы хотел все ее компоненты хранить на хабре или на дочерних ресурсах хабра.
tagir_valeev
31.01.2014 13:43Спасибо за отказ от флэша, это удобно :-)
Всё хочу спасти свои старые посты, где картинки были загружены на давно сломавшиеся хостинги. Кое-что я нашёл у себя и переложил на хабрасторадж, но часть картинок потерялась. Может, кто-нибудь добрый бэкапил хабр со всеми картинками?
Methos
31.01.2014 13:43Это всё здорово, но вот то, что нет списка картинок, которые я загружал, это странно.
Например, представим гипотетическую ситуацию, что пост, в котором были ссылки, удалён.
Откуда брать ссылки на картинки? Заново не то что грузить, а ещё и готовить?
Вплоть до простейшей ситуации, когда ну вот только что загрузил картинки и случайно нажал на F5 (браузер завис, питание выключилось, нужное подчеркнуть).
alkaruno
31.01.2014 13:43Зачем CSS класс с лупой на превью загруженной картинки назвали zalupa? Ай-яй-яй…
EgorKotkin
31.01.2014 13:43Вас теперь за это ещё и забанят, потому что на Хабре мат запрещён! А про запрет мата в исходном коде ни слова.
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'; }
Sergy1992
31.01.2014 13:43Всё это здорово и круто. Об одном прошу: если на хабре грядёт изменение дизайна, оставьте кнопочку, которая сделает, чтобы дизайн вернулся к старому. К нему все привыкли, а новый дизайн проектов TM выглядит неоднозначным :)
Pasha4ur
31.01.2014 13:43А можно и вообще Хабр оставить в текущем виде.
После нового дизайна Фрилансим (все равно не адаптируещегося) текущий дизайн Хабра очень-очень привлекателен и удобен
Hoorsh
31.01.2014 13:43Будет ли добавлена загрузка по URL?
Mithgol
31.01.2014 13:43В некотором роде она уж есть.
Hoorsh
31.01.2014 13:43Лучше бы этот момент продублировать в функционале самого HS
Boomburum
31.01.2014 13:43А смысл? Если у вас уже есть урл картинки — просто вставляйте её в пост на Хабре, она сама переместится на Habrastorage.
CaptainFlint
31.01.2014 13:43Кстати, как-то оно не очень-то активно перемещается. В этой статейке картинка по стороннему урлу была очень тормозной. После анонса автозаливки я всё надеялся, что движок её перекинет на storage, очень долго ждал, но так и не дождался, перенёс ручками.
Hoorsh
31.01.2014 13:431) Как видно в комментариях это перемещение на Habrastorage не работает! При этом картинки в комментариях — такая же важная часть контента, как и картинки в посте. Очень часто они отваливаются от хабраэффекта, да и не должно быть по идее разницы между картинкой в посте и в комменте — грузятся-то они как коллеги одновремено.
2) Если в ТМ хотят оставить возможность вставлять картинку по своему URL-у в комментах и не делать автоперенос на HS, то надо бы добавить опции загрузки картинки по URL-у в сам HS.Hoorsh
31.01.2014 13:43Несколько минут картинка отдавалась по родному URL-у. А затем перескочила на HS. Похоже автоперенос происходит не моментально, а видимо в порядке очереди на перенос. Теперь всё ясно
Piskov
31.01.2014 13:43А еще мечтаю о поддержке retina-экранов для картинок на хабре — надоело мыло.
Alexufo
31.01.2014 13:43накупят себе макбуков а потом плачутся. Купи нормальный монитор — будь с народом) Какое мыло вы имеете ввиду на картинках, если они физически такие?
Pasha4ur
31.01.2014 13:43накупят себе макбуков а потом плачутся. Купи нормальный монитор — будь с народом)
Аплодирую. Шикарно :D
Piskov
31.01.2014 13:43width/height добавили
Спасибо, не знал. В хелпе по-прежнему ни слова:
<img src="" />
Вставка изображения, в атрибуте src нужно указывать полный путь к изображению. Возможно выравнивание картинки атрибутом align.
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.
freuser
31.01.2014 13:43Тоже парился с поиском отключенных картинок в тексте, даже исходный код постов читал для этого. Но потом поставил (в FireFox) расширение ImgLikeOpera, так вот там спецфича есть — добавлять этот тег со словом «image». Очень удобно.
Но печально, что где-то 30 % сайтов забивают на этот тег.
teleavtomatika
31.01.2014 13:43Странно, но почему-то никто не отметил возможность загружать изображения прямо из буфера обмена. Ведь появление такой возможности — это замечательно! Меня очень утомляло сохранять изображение в файл, потом искать его, тащить, а после загрузки удалять.
Но есть один нюансПрямая ссылка на такой файл почему-то не содержиит расширение файла (.jpg): habrastorage.org/files/195/b93/be3/195b93be37cc480d9fc01aceb6797823
Хотя тэг отрабатывает как положено:
mihmig
31.01.2014 13:43А именно, возможность разом скопировать ссылки на все (или только на отмеченные) загруженные файлы.
Хех, а я-то обрадовался что есть какая-то фича с copy-paste в javascript-e…
(Да, я знаю что это небезопасно, но может есть такой браузер где можно кликом по кнопке скопировать содержимое в буфер обмена без использования java-allet или flash?
Demphest
31.01.2014 13:43Многие вот пишут и шутят по поводу смены дизайна хабра, но никто не выкладывал почему-то ссылку на tamtreehouse не буду показывать пальцем, но… :)
Если кому-то интересно как примерно будет выглядеть хабр в новой тенденции дизайна предлагаю посмотреть :) надо сказать весьма схожая концепцияAbcd_Efgh
31.01.2014 13:43Не в обиду сказано дизайнерам Хабрахабра, но Трихаус выглядит в разы лучше, чем представленные обновления. И адаптивен, что немаловажно.
ED98
31.01.2014 13:43На Habrastorage можно загружать только картинки или любые файлы? Например, если к статье прикрепить готовое приложение, то было бы полезно
Hoorsh
31.01.2014 13:43А зачем? Приложения же не скачиваются по-умолчанию браузерами всех пользователей поголовно, как картинки. А значит и хабраэффекта не будет, а значит и хостить их можно где угодно.
EgorKotkin
31.01.2014 13:43Вот вам ещё интерфейсная идейка: убейте подтверждения действий как класс. Вот скажем в новом дизайне я обнаружил возможность «завершить» проект, коих у меня скопилось больше двух десятков. И каждый раз при завершении всплывает просьба подтверждения, расположенная на расстоянии почти половины экрана от настроек проекта. При этом правильный способ подтверждения давно известен по Вконтакте: действие без подтверждения при возможности в течение нескольких секунд его отменить. Учитывая тот факт, что юзеры осмысленно кликают всё-таки чаще, чем по ошибке, вариант возможности отмены выглядит куда экологичнее обязательного подтверждения.
EgorKotkin
31.01.2014 13:43Ай, промахнулся постом. Ну пусть будет, хорошую мысль не грех и повторить.
qw1
31.01.2014 13:43Примерно месяц как начала подвисать загрузка картинок с habrastorage.
Приходилось по много раз обновлять страницу, пока все картинки не появятся.
Случайно обнаружил, что если падает ipv6, проблема исчезает.
Прописал в etc/hosts v4-адрес для hsto.org.
Другие ipv6-сайты у меня работают превосходно (сервисы google, vk.com, файлообменный трафик).
Может, кому-то заметка покажется полезной.
oxyberg
А загруженные изображения остаются где-нибудь в истории?
oxyberg
Раз не сохраняются, то и авторизация TM ID не имеет смысла.
itspoma
Авторизация TM ID скорее нужна только для того чтобы ограничить пользование сервисом только юзерам хабра. Наверное предполагается что habrastorage для хранения картинок, которые будут использованы на хабре
Boomburum
Именно так, раньше работало аналогично.
Magistr_AVSH
А readonly-юзеры тоже могут загружать картинки на HS?
Andy_Ion
Когда я был РО — не мог.
Newbilius
Стоп, но при добавлении поста в песочницу всё так-же отображается совет грузить файлы в habrastorage… Упс.
MximuS
Но, для создание TM ID не нужен инвайт… Не удачный упс.
Newbilius
Значит не упс))
karabanov
А когда я был РО мог :)
И когда писал статью в песочницу, то картинки заливал на Habrastorage.
Andy_Ion
Ну, может и память меня подводит. Я к себе на хостинг лил, после получения полноценного акка перезалил на хс :)