fgallery: сучасна, мінімалістська фотогалерея javascript

"Fgallery" - генератор статичної фотогалереї без надмірностей, який має стильний, мінімалістичний вигляд. "Fgallery" показує ваші фотографії, і нічого більше.

Немає обробки на стороні сервера, тільки статична генерація. Отриману галерею можна завантажити будь-де без додаткових вимог і працювати з будь-яким сучасним браузером.

• Автоматично спрямовує фотографії без втрати якості.
• Мульти-камера дружній: автоматично сортує фотографії за часом: просто викиньте (і ваші друзі) фотографії і фільми в каталог. У отриманій галереї показані фотографії в безшовному порядку.
• Пристосовується до поточного розміру екрану та пропорцій, автоматично перемикаючись з горизонтального / вертикального макета та масштабуючи мініатюри.
• Підтримує функцію розпізнавання облич для покращене центрування ескізів .
• Швидко завантажується! Особливо через повільні з'єднання.
• Включає оригінальні (необроблені) зображення у файл zip для завантаження.
• Панорами можна переглянути в повному розмірі за умовчанням.

Можна знайти приклад галереї тут .

Останні 5 доступних версій fgallery (останнє спочатку):

Повний архів в релізи / .

НОВИНИ

: Резюме змін між випусками.

Анонси випуску здійснюються через Gitlab .

Вся відповідна інформація про джерело / розробник можна знайти на Gitlab:

https://gitlab.com/wavexx/fgallery

1. Створити всі статичні файли з ./fgallery:

   ./fgallery photo-dir my-gallery

2. Де-небудь завантажте "my-gallery".

Щоб перевірити / переглянути галерею локально за допомогою Firefox, можна просто відкрити файл my-gallery / index.html. На інших веб-переглядачах потрібен веб-сервер (завдяки обмеженням AJAX з однаковим походженням). Якщо встановлено програму Python, можна швидко перевірити галерею локально:

cd мі-галерея python -m SimpleHTTPServer 8000

а потім перейдіть до http: // localhost: 8000 .

Вбудовані пакунки для fgallery (і facesetect) доступні на тестуванні / нестабільному:

Debian / Ubuntu

Установити за допомогою:

sudo apt-get встановлено fgallery

Arch Linux

Установити за допомогою:

sudo pacman -S fgallery

Gentoo Linux

Установити за допомогою:

sudo layman -a robert7k sudo з'являються www-apps / fgallery

NixOS

Установити за допомогою:

sudo nix-env -i fgallery

FreeBSD

Установити за допомогою:

pkg встановити fgallery

Docker

Ви також можете спробувати останню версію fgallery зустрічаються в контейнері Docker, використовуючи наступний файл Docker, наданий Ставросом Корокіхакісом:

Зображення, показані засобом перегляду, масштабуються / стискаються з використанням заданої якості для зменшення відставання перегляду. Вони також позбавлені будь-якої теги EXIF. Проте фотографії у згенерованому альбомі ZIP зберігаються незмінними .

Автоматичне обертання без втрат застосовується так, що зображення можна відкривати безпосередньо в браузері. Файли JPEG і PNG також повторно оптимізовані (без втрат), перш ніж архівуватись, щоб заощадити місце.

Підписи зображень читаються з простих текстових файлів або безпосередньо з метаданих EXIF. Підписи можна керувати користувачем за допомогою піктограми "міхур" або натисканням комбінації клавіш "c", яка перемикається між звичайними / завжди прихованими / завжди показаними режимами візуалізації.

Зображення попереднього перегляду та ескізів за промовчанням перетворюються на колірний простір sRGB, що забезпечує кращі результати на звичайних дисплеях та браузерах без підтримки керування кольором.

Всі зображення можуть бути включені для перегляду окремо при повному дозволі в галереї за допомогою прапора -i. Панорами автоматично виявляються, а оригінальне зображення за замовчуванням входить у повний розмір, оскільки часто перегляд зображення не дає йому справедливості.

Для досягнення найкращих результатів під час зйомки з кількома камерами (або друзями) синхронізуйте годинник камери перед початком фотографування. Просто виберіть час камери як посилання. При цьому альбом автоматично відображається в порядку логічної зйомки замість порядку назви файлу.

Ніколи не використовуйте -s або -d прапори. Дозвольте вашим друзям і глядачам завантажувати необроблений альбом у повному дозволі, а не за дрібниці. Не розгнівайся.

Розміри мініатюр і головне зображення можна налаштувати в командному рядку за допомогою відповідних прапорів. Для розмірів ескізів доступні дві установки: мінімальна (150x112) та максимальна (267x200). Ескізи завжди будуть більшими за мінімальний розмір, але їх можна збільшити до заданого максимуму залежно від орієнтації екрана. Налаштування за промовчанням налаштовуються для галереї переважно ландшафтів, але вони можуть бути змінені за потреби.

Зображення, що мають інше співвідношення сторін (наприклад, панорами), вирізаються і центруються, а не масштабуються, так що мініатюра відображає центральний об'єкт зображення замість тонкої смуги. Коли це станеться, глядач показує знак на мініатюрі по краях вирізу (цей ефект можна побачити в демонстраційній галереї).

Щоб просто скористатися фотографіями, знятими в портретному форматі, змініть розмір мініатюр:

./fgallery --min-thumb 112x150 --max-thumb 200x267 ...

Це змусить ескізи завжди підходити вертикально, за рахунок більшої горизонтальної смужки мініатюр.

Якщо ваші фотографії змішані та можуть містити людей, обличчя або портрети, можна ввімкнути функцію розпізнавання обличчя за допомогою прапора -f і встановлення зустрічаються .

Розпізнавання облич гарантує, що мініатюри, особливо під час розрізання, будуть розташовані по центру об'єкта. Якщо функція розпізнавання облич увімкнена, зазвичай не потрібно збільшувати розмір ескізів.

Нормальна поведінка fgallery (без виявлення облич). Зображення просто по центру.

fgallery з увімкненим розпізнаванням обличчя.

Заголовки зображень за допомогою fcaption.

Кілька джерел для підписів зображень автоматично читаються fgallery. Вони можуть бути налаштовані за допомогою прапора -c у командному рядку, який складається зі списку, розділеного комами будь-якого з наступних:

txt: Виділені підписи у простому текстовому файлі. xmp: Підписи читаються з метаданих бічної дошки XMP. exif: Підписи читаються з метаданих EXIF. cmt: Підписи читаються з JPEG або PNG вбудованих даних "коментарів".

Ви можете вимкнути вилучення підписів повністю за допомогою -c none. Коли надається кілька методів, використовується перший доступний заголовок. За замовчуванням список методів є txt, xmp, exif.

Метод txt зчитує заголовок з текстового файлу, який має те ж ім'я, що і зображення, але з розширенням txt (наприклад IMG1234.jpg читається з IMG1234.txt). Перший рядок файлу (який може бути порожнім) утворює назву з будь-яким наступним рядком, який стає описом. Ці файли можуть бути записані вручну або зручніше редагувати за допомогою утиліти utils / fcaption. fcaption приймає список імен файлів або каталогів у командному рядку і надає простий візуальний інтерфейс для швидкого редагування підписів зображень у цьому форматі.

Підписи XMP або EXIF ​​можна легко редагувати за допомогою багатьох інших програм для редагування / перегляду зображень, таких як Книжковий (який за замовчуванням записує файли XMP для колясок) або Geeqie (скористайтеся Ctrl + K, щоб відкрити редактор метаданих).

І JPEG, і PNG мають вбудовані поля коментарів, але вони не читаються за умовчанням, оскільки часто використовуються для редагування програмного забезпечення для надання інформації про атрибуцію чи авторське право. Коли цей параметр увімкнено, коментар аналізується як для файлів txt: перший рядок - це назва, а будь-який наступний рядок - опис.

Підписи мають бути короткими. Не пишіть довгі або відволікаючі описи. Підписи ніколи не повинні містити інформацію про авторські права. Не зловживайте заголовками .

Оскільки кожна камера відрізняється, і кожен монітор відрізняється, потрібне певне перетворення кольору для відтворення кольорів на моніторі, як це було зроблено камерою. Керування кольором є загальним терміном для всіх методів, необхідних для виконання цього завдання.

Більшість програм для перегляду зображень певною мірою підтримують керування кольором, але на більшості систем, за винятком Safari на Mac OSX, він налаштований належним чином. Жоден інший браузер, на жаль, не підтримує гідне керування кольором.

Це викликає звичний ефект перегляду одного і того ж зображення з вашого ноутбука і планшета, і, помічаючи, що синє небо небагато, або що кольори виглядають набагато більш контрастно на одному екрані, на відміну від іншого. Часто зображення має інформацію, необхідну для більш збалансованого відтворення кольорів, але браузер просто ігнорує його.

Ми записуємо це, оскільки Firefox має вбудовану підтримку керування кольорами, але за замовчуванням він вимкнено на всіх платформах. Це також дуже низьке місце в списку поліпшень, щоб зробити, з деякими помилками, які відкриті протягом багатьох років. Намагаючись підвищити рівень обізнаності, будь ласка, скажіть / внесіть свій внесок до будь-якого існуючого повідомлення про помилки , посилаючись на Технічні деталі на цій веб-сторінці.

У Firefox рекомендується встановити наступний додатковий компонент "Управління кольором":

https://addons.mozilla.org/uk- US / firefox / addon / color-management /

Після встановлення в конфігурації додаткових компонентів потрібно ввімкнути керування кольором для всіх зображень і перезапустити веб-переглядач. Крім того, якщо у вас є установка з кількома моніторами, доцільно вручну встановити "Показувати профіль" на зовнішній / калібрований екран, оскільки FF не буде автоматично вибирати колірний профіль для поточного монітора, а лише за замовчуванням для основного. Firefox також знає помилки з профілями LUT, хоча більш поширені профілі Matrix, здається, працюють нормально.

Ми розуміємо, що CM має значний вплив на продуктивність візуалізації зображень, але, строго кажучи, CM не потрібно вмикати на всіх зображеннях за замовчуванням. Було б непогано мати додатковий атрибут на тезі зображення для запиту CM. Поточний метод увімкнення CM тільки на зображеннях з профілем ICC явно не є адекватним, оскільки для зображень без профілю слід вважати, що вони вже знаходяться в sRGB-коліруванні.

Через загальну відсутність керування кольором, fgallery перетворює зображення попереднього перегляду та ескізів із вбудованого колірного профілю у колірний простір sRGB за замовчуванням. На більшості пристроїв це призведе до появи зображень ближче до справжніх кольорів з мінімальною відсутністю абсолютної глибини кольору. Як завжди, трансформація не відбувається на оригінальних завантажуваних файлах.

Frontend / viewer: немає (статичний html / js / css)

Backend:

• ImageMagick (imagemagick, http://www.imagemagick.org )

• Утиліти LittleCMS2 (liblcms2-utils, http://www.littlecms.com/ ).

• Або:

• zip

• perl> = 5.14 (включена підтримка потоків), з наступними обов'язковими модулями:

  та наступні додаткові рекомендовані модулі:

  • Cpanel :: JSON :: XS (libcpanel-json-xs-perl)

Кілька інших інструментів підтримуються, але використовуються тільки тоді, коли вони встановлені. Тому також корисно встановити:

На Debian / Ubuntu ви можете встановити всі необхідні залежності:

sudo apt-get встановити imagemagick exiftran zip liblcms2-utils sudo apt-get встановити libimage-exiftool-perl libcpanel-json-xs-perl

Щоб заощадити більше місця в згенерованих галереях, рекомендується встановити також додаткові залежності:

sudo apt-get встановити jpegoptim pngcrush p7zip

fcaption написаний на Python і вимагає PyQT4. Ви можете встановити необхідні пакунки за допомогою:

sudo apt-get встановлення python-qt4

Для підтримки виявлення облич, просто дотримуйтесь зустрічаються інструкції з установки .

На комп'ютері з ОС Mac рекомендується встановлювати залежності за допомогою MacPorts . Після встановлення MacPorts введіть:

sudo порт встановити imagemagick lcms2 jpeg jpegoptim pngcrush sudo порт встановити p5-образ-exiftool p5-cpanel-json-xs

Встановлення наразі є необов'язковим. Якщо необхідно, скопіюйте витягнутий каталог до каталогу, який ви бажаєте, і належним чином пов'яжіть fgallery:

sudo cp -r fgallery-XY / usr / local / спільний доступ / fgallery sudo ln -s / usr / local / share / fgallery / fgallery / usr / local / bin

«Fgallery» складається з бекенда (скрипт «fgallery») і переглядача (що міститься в каталозі «view»). Обидва розподіляються як один пакет, але вони призначені для використання також самостійно.

"Fgallery" просто піклується про створення попереднього перегляду зображень і даних альбому. Проте вся логіка подання знаходиться всередині переглядача.

Генерувати дані альбому динамічно і просто використовувати переглядач досить легко. Це була моя мета, коли я почала розробляти «fgallery», оскільки набагато легше просто змінити існуючу CMS замість того, щоб намагатися винаходити колесо. Все, що потрібно виконати, - це надати дійсний "data.json" за певною префіксною адресою. Плагін для CMS, такий як Галерея має бути дуже простим у здійсненні.

• Також обробляйте відео
• Додайте режим "огляд", який показує екранні мініатюри.
• Дозволити повністю приховати мініатюри.
• Покращити відображення EXIF ​​/ заголовка.