Гость
Войти | Профиль | Очистить
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Статическая генерация thumbnails и index.html для каталогов с картинками / 25 сообщений из 126, страница 1 из 6
  1  все
30.07.2021, 17:00
    #40087397
mayton
mayton
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
Привет.

Какие есть готовые коробочные тулзы чтоб натравить их на файловые каталоги с картинками
и получить index.html и миниатюры.

P.S. Ну если там будет кликабельность и всякие эффекты - то даже еще и лучше.

P.P.S. Хостинг будет тупо деревянный. Никакого php и вообще никакого активного скриптинга.
Просто файловое хранилище которое публикуется через веб endpoint. Amazon S3.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 17:36
    #40087403
PetroNotC Sharp
PetroNotC Sharp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,
Если хостинг импотент и нельзя ни какой код запустить, то как ты миниатюры делать будешь? Чем?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 18:52
    #40087407
lleming
lleming
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
Миниатюры встраивать в html прям embedded image into css. Нужно только css с превьюшками генерить
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 19:26
    #40087415
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,

такого не делал, но могу сказать что получение миниатюр-превьюшек дело не простое.
особенно когда их куча.
да и размещение полноразмерных фоток на хостингах - очень затратное дело.
из реальных фоток надо делать "полноразмерные превьюшки" как вариант нормализовать их по высоте по 600точек.

дальше - только под десктоп или ещё и смартфон?
т.е. мышь или тачскрин?
сколько там фоток? 10? 1000?
если 1000 - будешь все отдавать сразу?
ну и по ходу будет куча проблем.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 19:32
    #40087416
estic
estic
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton
Просто файловое хранилище которое публикуется через веб endpoint.
Вот и индексируйте изображения "публикатором". Там же сделайте "просмотрщик".

mayton
Какие есть готовые коробочные тулзы чтоб натравить их на файловые каталоги с картинками
и получить index.html и миниатюры.
Скорее всего придется самому писать, т.к. описанное вами решение не слишком популярное. "Индексатор" будет проще найти. А по собранным им данным можете записывать ваши index.html, если ничего посовременнее не захотите использовать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 19:36
    #40087419
estic
estic
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
Для создания миниатюр есть библиотеки, позволяющие в том числе их записывать в удаленные хранилища.

Но если создавать "по запросу", то, естественно, нужно это делать на том же хосте, где находится "просмотрщик", или непосредственно программа создания. Или логику придется сильно усложнить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 19:53
    #40087424
estic
estic
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
вадя
да и размещение полноразмерных фоток на хостингах - очень затратное дело.
Автор, видимо, взял сервер именно для размещения полноразмерных. А вот все остальное, включая миниатюры, лучше размещать в другом месте.

Ну, или миниатюры нужно создавать в процессе индексации. Я практически всегда создаю "по запросу", поэтому в своих сообщениях делаю упор на это.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 20:08
    #40087426
PetroNotC Sharp
PetroNotC Sharp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
estic
Индексатор" будет проще
что вы понимаете под индексатором?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.07.2021, 22:38
    #40087444
mayton
mayton
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
вадя
mayton,

такого не делал, но могу сказать что получение миниатюр-превьюшек дело не простое.
особенно когда их куча.
да и размещение полноразмерных фоток на хостингах - очень затратное дело.
из реальных фоток надо делать "полноразмерные превьюшки" как вариант нормализовать их по высоте по 600точек.

дальше - только под десктоп или ещё и смартфон?
т.е. мышь или тачскрин?
сколько там фоток? 10? 1000?
если 1000 - будешь все отдавать сразу?
ну и по ходу будет куча проблем.

Сейчас это 5000 фоток. Сделанные в основном разными цифровиками Canon, Olympys, Fuji
и потом уже телефонами.

Показывать я это буду для близких людей на экране смартфона (в основном). Тоесть
оптимизация должна быть под разрешение к примеру Xiaomi Redmi 9

Хотелось-бы чтобы фотки были группированы по годам. Но это уже моя вторая задача.
Попробую извлечь инфу из exif тегов.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 11:33
    #40087475
mayton
mayton
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
Мне нужно сделать прямоугольную сетку 2 колонки на ... хз сколько строк чтоб
в экране смартфона представлять thumbnails.

Я лет 15 назад такое делал на <table> но вроде щас это не модно и лабают на div.
Я дивы не знаю и соотв спрашиваю.

Так делают?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 12:47
    #40087481
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,

модно/не модно - это фигня.
надо так как удобно.
можно на и так и так.
все зависит от того насколько чем владеешь
раз количество "строк" не известно - проще с таблицей.
с гридом при добавлении строки в больших местах надо менять.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 13:08
    #40087485
estic
estic
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
PetroNotC Sharp
estic
Индексатор" будет проще
что вы понимаете под индексатором?
Речь о том, чтобы все-таки в базу данных вносить информацию об изображениях. По базе данных и формировать страницы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 13:30
    #40087488
estic
estic
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton
Так делают?
Можно просто выровнять миниатюры по высоте средствами HTML/CSS и выводить их через пробел. Также можно в плавающие блоки поместить, если нужна какая-то "рамка".
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 14:34
    #40087501
mayton
mayton
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
вадя
mayton,

модно/не модно - это фигня.
надо так как удобно.
можно на и так и так.
все зависит от того насколько чем владеешь
раз количество "строк" не известно - проще с таблицей.
с гридом при добавлении строки в больших местах надо менять.

Да. Пожалуй сделаю на таблице.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 14:35
    #40087502
mayton
mayton
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
estic
mayton
Так делают?
Можно просто выровнять миниатюры по высоте средствами HTML/CSS и выводить их через пробел. Также можно в плавающие блоки поместить, если нужна какая-то "рамка".

Да. Такой вариант вполне устраивает.
Дешево и сердито.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 15:45
    #40087512
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton
Да. Такой вариант вполне устраивает.
Дешево и сердито.
в таком варианте будет больше подводных камней...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 15:48
    #40087513
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,

endpoint. Amazon S3 может отдавать фото по требованию с клиента ( не ajax) ? или только сразу в одном html?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 15:57
    #40087514
mayton
mayton
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
вадя
mayton,

endpoint. Amazon S3 может отдавать фото по требованию с клиента ( не ajax) ? или только сразу в одном html?

Почитай здесь вобщем https://aws.amazon.com/s3/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 16:37
    #40087516
s62
s62
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,

то есть, серверных скриптов нет. Значит надо генерировать статические html страницы, причем не одну. У вас 5000 фоток, пихать их все на одну - не очень, и открываться эти 5000 миниатюр будут неизвестно сколько.
Значит нужно делать сколько-то страниц, может быть по годам сразу. Может быть одну страницу - главную, со ссылками на другие. И на каждой, естественно, должна быть какая-то навигация - возвращение на главную, переход к предыдущей и следующей и т.п.
Понятно, что вручную писать это долго и беспонтово. Значит нужно продумать какой-то шаблон, который будет заполняться при помощи скрипта или программы и таким образом будут генерироваться веб-страницы, html-файлы (которые потом надо будет закинуть на сервер). На вход скрипт должен получать список файлов-картинок. Картинки может быть имеет смысл раскидать по директориям, по годам или как-то.
С серверными скриптами (и, возможно, БД) конечно было бы проще, можно было бы наверное и готовые решения для галерей посмотреть. Можно было бы сделать разную фильтрацию, сортировку: по годам, по тегам и т.д.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 16:53
    #40087519
s62
s62
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
Насчёт готовых тулзов для этого не знаю, кроме того, что гуглится.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 17:00
    #40087520
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,
нужной инфы там не нашел....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 17:06
    #40087521
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,

если нельзя загрузить отдельную картинку по ссылке, то придется сохранять все в html в виде base64......
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 17:53
    #40087526
mayton
mayton
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
вадя
mayton,

если нельзя загрузить отдельную картинку по ссылке, то придется сохранять все в html в виде base64......

S3 это бесконечно большая хеш-табличка которая хранит бинарные объекты как value .
По способу хранения - скорее диск чем табличка. Но по роду доступа - как мапа.
На объекты можно навешивать кучу атрибутов типа md5, lastUpdateTime, mimeType и прочее все что полезно для веба.

Ключи - строки вида s3://bucket-name/key. Тоесть грубо говоря это аналог веб-ссылок.

Например для файла css/file.css может быть ключ

s3://maytons-fucken-bucket/css/file.css

При этом бакет может быть росшарен как ендпоинт.

Почему я выбрал s3? Ну... доступность. Дешевизна. Для активного серверного скриптинга нужно подключать
другие технологии а у них другие тарифы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 17:59
    #40087528
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
mayton,

ну тогда все нормально
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.07.2021, 19:08
    #40087535
estic
estic
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Статическая генерация thumbnails и index.html для каталогов с картинками
Кто по-прежнему не понимает, что такое S3, можете посмотреть на пользовательские функции этого Simple Storage API: i00.ru/ss (из "атрибутов" там поддерживается только type, определяющий MIME-тип содержимого, который сейчас не упомянут в описании по ссылке).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Статическая генерация thumbnails и index.html для каталогов с картинками / 25 сообщений из 126, страница 1 из 6
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 404ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443206]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 32ms
get topic data:
 14ms
get forum data:
 3ms
get page messages:
 68ms
get tp. blocked users:
 2ms
others: 253ms
total:  404ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]