ReSQL.ru
     
powered by simpleCommunicator - 2.0.41     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Статическая генерация thumbnails и index.html для каталогов с картинками
25 сообщений из 126, страница 1 из 6
  1  все
Статическая генерация thumbnails и index.html для каталогов с картинками
    #40087397
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mayton
Участник
Привет.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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