Превью изображений

[Diary Spirit]

Догоняя время, мы начали постепенно приводить к современным стандартам работу с картинками.
Сегодня увеличили размер превью до размера 240px по большей стороне изображения — на наших старых маленьких превью в 100px бывает уже, когда ничего невозможно разглядеть. Превью ранее загруженных изображений от этого не увеличатся, конечно, они были автоматически созданы при добавлении картинки в БИ и такими хранятся в базе данных, а все новые превью будут создаваться уже в размере до предела 240х240.

Новые превью рядом со старыми в БИ выглядят так



Частично уже сделана вставка картинок в комментарии из буфера привычной комбинацией Ctrl+v, через контекстное меню (правой кнопкой мыши + вставить) и перетаскиванием drag & drop изображений в поле нового комментария. При добавлении картинки из папки на диске вашего компьютера, эта картинка будет скопирована в вашу БИ.

UPD
При копировании картинки из интернета через контекстное меню или перетаскиванием, она добавится в БИ и вставится в комментарий как превью. Если хотите вставить ее как внешнюю, то надо действовать как и раньше — копировать URL, вставлять и обрамлять тегами изображения.

Как только вы нажимаете в поле комментария "вставить", внизу появляется превьюшка прогресса загрузки картинки на сервер. Пока она не загрузилась, у нее нет ссылки и, следовательно в поле ввода комментария она не вставляется, не торопитесь вставлять ее еще раз. Если картинка легкая, то прогресса можете не увидеть, т.к. она быстро загрузится. Если произойдет ошибка, то на этой левой картинке под полем нового комментария при наведении курсора будет сообщение об ошибке. Если вы скопировали и загружаете в комментарий несколько картинок, они грузятся параллельно, а прогресс и ошибки выводятся для каждого изображения отдельно.
/UPD

С браузерами история разная.
1. Всё (вставка по Ctrl+v, вставка правой кнопкой мышки или тачпэда, перетаскивание drag & drop) работает в браузерах:
Хром, Опера, Вивальди, и браузерах на основе Chromium (Яндекс.Браузер)

2. Работает только вставка (не работает перетаскивание):
Мозилла, Эдж

3. Ничего не работает в особенном браузере:
Интернет Эксплорер

* * *
UPD 2

Теперь вы можете добавлять картинки не только в комментарии, но также в новую запись (в html-редакторе) и Библиотеку изображений способами, описанными выше — из буфера комбинацией ctrl+v, через контекстное меню (правой кнопкой мыши + вставить) и перетаскиванием drag & drop изображений.

После того, как завершится копирование картинок на новые диски большего объема, мы пропорционально увеличим (платникам, бесплатникам, со стажем) всем пользователям размер БИ, а так же предельные ограничения на вес и допустимые размеры закачиваемых картинок.

Comments

[Tenno Seremel]

нос,

Люди, переходите на Хром, в нем всегда все работает! )

Хромом владеет весьма своеобразная корпорация, да и UI у него какой-то никакой. Хотя Мозилла в последнее время тоже какая-то подозрительная…

[Stef Boread]

pp.userapi.com/c824202/v824202350/3dad3/DUbvZ57...

Хм, я явно что-то делаю не так. Скопировала картинку из ВК, вставка ПКМ и Ctrl+V всё равно даёт просто ссылку, в БИ ничего не грузится((
Браузер Яндекс

[нос]

Stef Boread, вы перетащили ссылку из интернета, потом надо ее выделить и нажать ctrl+иконка картинки
в окне ввода, получится вот так:

<img src="https://pp.userapi.com/c824202/v824202350/3dad3/DUbvZ57qCc8.jpg">

[Mycroft Arthur Holmes]

Ничего не работает в особенном браузере: Интернет Эксплорер

Насколько я знаю, Майкрософт забили на ИЭ и работают теперь над Эджем, так что вряд ли они будут ИЭ дорабатывать, так что вряд ли в ИЭ что-то будет работать хD Но, может, всё и изменилось, я давно новости про ИЭ не читал.

Спасибо за улучшения

[Stef Boread]

нос,
Оу, а я подумала, что теперь тег img сам автоматически появляется вокруг ссылки с картинкой, если нажать ctrl+v ))
Через ctrl+значок картинки много лет вставляю)))

[КП]

Спасибо большое! Отличные нововведения.

[Akane Ren]

Большое спасибо! Приятно видеть, что сайт потихоньку начала шагать вперёд. Удачи и в дальнейшем, любимые дайрики!

[Таши]

[Капитан Перкеле]

Лол, и всего-то 10 лет прошло...

[Hissa C.K.]

нос,

50 Кб для аватара хватило бы

Дааааааааааааааааайте А если 100 Кб, то это вообще

[Mycroft Arthur Holmes]

А не получится ли сделать группы аватаров? Например, 200 шт, из них 100 весом как сейчас, 90 по 50кб и 10 по 100кб?
И вероятность, что на одной странице все авы будут под 100кб, тоже снизится х)

[R.Ethe]

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

[quirischa]

R.Ethe, принудительно указать ширину любой картинки всегда было можно:

<img src="" alt=изображение width=650>

Вместо 650 любое значение по желанию. Высота картинки автоматически будет подстраиваться.

[*Bacca*]

Вах! это самая радостная новость для меня за последнюю неделю! Спасибо!
Очень жаль, что перетаскивание в Лисе не работает еще, но я надеюсь.

[R.Ethe]

quirischa
Полноразмерные картинки — да, но речь о размере самого превью. Как нужно изменить код стандартного превью, чтобы его размер был сто пикселей, а не как сейчас?

[*Bacca*]

вот я тоже за сотку

Я тоже, но 200 аватарок

[Tenno Seremel]

R.Ethe, если речь о БИ, то расширение для браузера (например Stylus) и стиль для сайта

#phototdw a {
	width: 100px !important;
	height: 100px !important;
}
#phototdw {
	width: 120px !important;
}

[Восьмая сигарета Дауда]

Bacca.,

Очень жаль, что перетаскивание в Лисе не работает еще, но я надеюсь.

Меня этот пост окончательно убедил перейти на хром. Лиса чёт к тому же шалит в последнее время после всех последних обнов, не знаю, только ли у меня

[*Bacca*]

Лиса чёт к тому же шалит в последнее время после всех последних обнов, не знаю, только ли у меня

Нет, не только(( у меня после обновления она глючит, виснет и подвешивает весь комп. А Хром я не люблю диллема...

[quirischa]

R.Ethe, так превью — это ж тоже картинка Пропишите у ней ширину 100, и вся недолга

[R.Ethe]

quirischa

<img src="" alt=изображение width=650></span>

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

[MORE=[img]http://static.diary.ru/userdir/9/2/2/2/92227/thumb/85382947.jpg[/img]][img]http://static.diary.ru/userdir/9/2/2/2/92227/85382947.jpg[/img][/MORE]

[quirischa]

R.Ethe, это старый вид кода, там нельзя указать ширину.

Снимите в настройках www.diary.ru/options/site/?postncomments галочку "Преобразовывать HTML в BB-теги", тогда вставка картинки будет выдавать обычный HTML. Суть будет та же, но уже можно будет указывать ширину.

[kenig-dragonfly]

quirischa,

Снимите в настройках www.diary.ru/options/site/?postncomments галочку "Преобразовывать HTML в BB-теги", тогда вставка картинки будет выдавать обычный HTML. Суть будет та же, но уже можно будет указывать ширину.

- о, спасибо, вот это полезная информация)))))

[R.Ethe]

quirischa
Ооо, спасибо! Ура, снова аккуратненькие превью.
Но всё же возможность пользовательской настройки наверняка была бы хороша.

[helen stoner]

Спасибо!

[quirischa]

kenig-dragonfly,

спасибо, вот это полезная информация

Образовательная функция Дайри-спирита

R.Ethe,

возможность пользовательской настройки наверняка была бы хороша

Ну это мы уже будем думать, когда приступим непосредственно к переделке БИ. Но ваш месседж получен и услышан.

[kenig-dragonfly]

quirischa,

[нос]

Stef Boread, уговорили.
При drug & drop картинки в поле комментария из интернета, а не с компьютера, сделали вставку ссылки в обрамлении тегов




Например, ваш аватар при перетаскивании вставится так:

<img src="http://static.diary.ru/userdir/1/7/9/6/179616/84860409.gif" title="Stef Boread" alt="Stef Boread">

[Nyctalus]

А при копировании-вставке картинки с внешнего источника она всё равно загружается в БИ?
ФФ 56.0: на картинке нажимаю "копировать изображение" (не ссылку на изображение), в поле нового комментария - ctrl+v или "вставить" в контекстном меню. Ожидаемый результат: тег img, внутри ссылка на картинку. Фактический результат: картинка закачивается в БИ, в поле комментария конструкция "по клику на превью открывается картинка из БИ".
Или оно так и задумано?

И ещё момент: вставила одну картинку, передумала, убрала теги, вставила другую картинку.
Результат: yadi.sk/i/oAcgR6nl3QD2Aq Обе картинки отображаются внизу, под полем нового комментария. Никаких крестиков, галочек или иных признаков возможности удалить одну из картинок не вижу.
Реально в пост при этом вставляется одна картинка (код которой есть в комментарии).

[Nyctalus]

покажите, про какую вы кнопку говорите, не соображу

нос, вот про ту, которую нажать ctrl+иконка картинки . У Вас в комментарии прописан альтернативный текст. А нет планов сделать так, чтоб и при вставке картинок на дайри всякими кнопками и прочими средствами ресурса тоже добавлялся?

Люди, переходите на Хром, в нем всегда все работает! )

Тяжёлая аллергия на WebKit и его производные.