powered by simpleCommunicator - 2.0.29     © 2024 Programmizd 02
Map
Форумы / Java [игнор отключен] [закрыт для гостей] / Определить основной цвет фона.
158 сообщений из 158, показаны все 7 страниц
Определить основной цвет фона.
    #40087919
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот на картинке - фон неба является как-бы доминирующим.



Допустим у вас есть картинка в виде BufferedImage
Код: java
1.
2.
3.
4.
5.
6.
7.
if (miniMatcher.matches() && miniMatcher.group("suffix") == null) {
            logger.info("deep dive into jpeg file {}", file);
            readImageStopWatcher.resume();
            BufferedImage image = ImageIO.read(file);
            readImageStopWatcher.suspend();
            int x = image.getWidth();
            int y = image.getHeight();


И как-бы вы искали этот яркий синий цвет?

Взятие среднего цвета меня не устраивает. Грязь получается.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087923
Ну тут говорят использовать среднее. Ну и иметь какое-то позволительное от него отклонение. Соответственно все цвета от [mean - threshold, mean + threshold] считать фоном.

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

Я так понимаю у тебя нет задачи сделать что-то профессиональное (для этого наверно нужен будет разбираться с DSP), и ты пытаешься сделать что-то простое?

UPD: хотя счас перечитываю ответы, и че-т не понял где я там увидел про среднее :) Нас наверно мода интересует?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087924
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Нет. Просто так.

Тут если посмотреть глазом художника. Можно найти примерно 3 базовых цвета(или тона). Море+небо.
Пальма. Песок. Тоесть если все {r,g,b} векторы разложить по кластерам из расчета что число кластеров
будет небольшое (я вангую 3 - 4 кластера) то один из них точно упадет на синее небо.

Далее - я думаю надо просто взять самый мощный кластер по количеству входящих в него пикселов.

Этот второй ход - спорный. Но я готов проверить на практике.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087930
Ну вот тут чел реализовал что-то похожее на твою идею. Говорит, на его картинках фон часто либо 1ый либо 2ой по мощности получается. Наверно уже не плохо. Но выходит такие алгоритмы всегда самый большой объект будут считать фоном.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087937
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Спасибо. Это да. Близко к тому о чем я думал.

Идея об усилении влияния краёв на цвет фона - это да. Возьму на вооружение. Пожалуй мне пока хватит
информации. Тут - самое сложное это сделать макет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087982
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Для картинки с морем и 4х кластеров вышли вот такие центры. Вещественные числа - это тройки rgb.

Код: java
1.
2.
3.
4.
5.
[INFO ] deep dive into jpeg file d:\www\more.jpg
[INFO ] centroid : [0.014503958111282333, 0.3971523133232788, 0.7814258647392994]
[INFO ] centroid : [0.9016215016768606, 0.7777823230018119, 0.518393124910854]
[INFO ] centroid : [0.13086001016253684, 0.20413363821139488, 0.05828304340026354]
[INFO ] centroid : [0.35836446218671053, 0.5249663996686114, 0.5807036415462928]



Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
  public List<CentroidCluster> clusterize() {
        // Euclidian distance
        // TODO: Implement R:G:B color ratio
        DistanceMeasure distance = new EuclideanDistance();

        KMeansPlusPlusClusterer kMeansPlusPlusClusterer = new KMeansPlusPlusClusterer(clusters, maxIterations, distance);
        // Generate n clusters
        Collection<DoublePoint> points = new ArrayList();
        for (int y = 0; y < bufferedImage.getHeight(); y++) {
            for (int x = 0; x < bufferedImage.getWidth(); x++) {
                int rgb = bufferedImage.getRGB(x, y);
                DoublePoint doublePoint = new DoublePoint(new double[]{
                        ImageUtils.getRPixel(rgb) / 255.0,
                        ImageUtils.getGPixel(rgb) / 255.0,
                        ImageUtils.getBPixel(rgb) / 255.0,
                });
                points.add(doublePoint);
            }
        }
        // Find most popular cluster

        List<CentroidCluster> centroidClusters = kMeansPlusPlusClusterer.cluster(points);

        centroidClusters.forEach((item) -> {
            logger.info("centroid : {}", item.getCenter());
        });

        return centroidClusters;
    }



Генератор полосатой картинки.

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
    public BufferedImage generateClusteredBars(BufferedImage original, List<CentroidCluster> clusters) {
        int x = original.getWidth();
        int y = original.getHeight();
        BufferedImage bars = new BufferedImage(x, y, BufferedImage.TYPE_INT_RGB);
        Graphics graphics = bars.getGraphics();
        int barsCnt = clusters.size();
        int barHeight = y / barsCnt;
        for (int i = 0; i < barsCnt; i++) {
            CentroidCluster cluster = clusters.get(i);
            Clusterable center = cluster.getCenter();
            graphics.setColor(new Color(
                    (float) center.getPoint()[0],
                    (float) center.getPoint()[1],
                    (float) center.getPoint()[2]));
            graphics.fillRect(0, i * barHeight, x, barHeight);
        }
        return bars;
    }
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087985
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
И картинка. Интересно что зелень не так ярко выражена.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087986
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот прикольная штука https://github.com/lokesh/color-thief
Как работает не знаю, но походу тоже кластеры ищет
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087987
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

Ты в курсе как определяют цвет чтобы блокировать контент "до 16ти"?))))
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087988
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Понятия не имею. Но это наверное близко к свёрточным нейро-сетям (convolution nn).
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087994
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Какие нейросети))
Ищут телесный цвет. Сиськи))
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087997
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Для блондинистых шведок и мулатистых негритяок???
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40087998
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Basil A. Sidorov,
Их тогда не было))))
В версии 1альфа)))
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088023
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
mayton,
Какие нейросети))
Ищут телесный цвет. Сиськи))

Фигня полная. Может такое было лет 10 назад.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088049
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Ну подставь в свой алгоритм. Или ты думаешь "зелень" по другому находится.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088101
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ты озвучил более сложную задачу. Классификацию видео. Другая цель. Улавливаешь?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088136
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Ты озвучил более сложную задачу. Классификацию видео. Другая цель. Улавливаешь?
не видео а картинки.
Цель другая. Методика расчета схожая.
Именно на этом я поставил акцент.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088165
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну хорошо. Пускай будет алгоритм детектирования порнухи. Просто делаю тебе уступку чтоб закрыть этот вопрос.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088371
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

зря закрыл ....
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088441
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Хм... а на некоторых картинках природы есть ярко выраженный горизонт. И если красить
thumnail не в генерализованный цвет фона а в градиент хотя-бы в 3-4 цвета то получится
вполне себе приличная информация.



Только нужно какое-то название. Типа такая себе векторная мини-превьюшка. Без линков
на jpg, и без embed base64 файлов внутри. Кажется градиент достигается функциями
canvas или svg.

Вобщем пускай такая векторная превьюшка называется дудл. Doodle. Как Гугл.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088444
Ну дудлов хватает. Даже есть Google Doodle :)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088478
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Хм... а на некоторых картинках природы есть ярко выраженный горизонт. И если красить
thumnail не в генерализованный цвет фона а в градиент хотя-бы в 3-4 цвета то получится
вполне себе приличная информация.



Только нужно какое-то название. Типа такая себе векторная мини-превьюшка. Без линков
на jpg, и без embed base64 файлов внутри. Кажется градиент достигается функциями
canvas или svg.

Вобщем пускай такая векторная превьюшка называется дудл. Doodle. Как Гугл.

Не понял.
Фото выше стилизованное на thumnail никак не тянет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088479
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
И понятие превьюшка ортогональна понятию дудл.
Есть третий вариант. Не знаю как называется. Когда буква имени на рандомном цвете в андроиде в контактах. Если фотки контакта нет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088485
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
при таких ядовитых цветах будет рябить в глазах и трудно будет сфокусироваться на остальных фотках.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088519
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Забейте на частный случай. Я просто заметил что иногда в бытовых фотках природы преобладает горизонт.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088593
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пускай будет не doodle а droodle.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088596
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Пускай будет не doodle а droodle.
эк тебя шатает.
Мне жаль, но
- выше фото не миниатюра в фотоальбом. И не аватарка
- алгоритм разделения по горизонтали, вертикали, синусоидой сомнителен
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088604
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не беспокойся. Я просто провожу время.

Пускай droodle - это некая формула которая представляет собой сжатую информацию о thumnail,
при этом у меня к ней 2 требования - узнаваемость и компактность. Сейчас thumnails занимают по 10-12 килобайт
при разрешении в 200 пикс. droodle - будет хардкодится текстом внутри html-файла (js/svg) и рендерить
пре-превью. Тоесть показывать картинку еще до загрузки мини.

Узнаваемость у друдла будет хреновая но его назначение - при быстром пролистывании каталога - отбросить
те цветовые тона которые ты точно не ищешь. Например море. Или зелень.

Я сделал пока градиентные картинки с очень мелким шагом в 1пикс чтобы просто посмотреть в какому ужасу
приводит градиентизация mini.

Пример с морем.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088606
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
И с деревом. Сорян. В обратном порядке.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088609
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну и чтобы не было оффтопа - я даю сорцы.

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
    private BufferedImage generateGradient(BufferedImage original) {
        int xOrig = original.getWidth();
        int yOrig = original.getHeight();
        BufferedImage split = new BufferedImage(xOrig * 2, yOrig, BufferedImage.TYPE_INT_RGB);
        Graphics graphics = split.getGraphics();
        Graphics2D graphics2D = (Graphics2D) graphics;
        graphics2D.drawImage(original, 0, 0, (img, infoflags, x1, y1, width, height) -> false);
        // TODO: Implement waitig of async operation
        sleep(3000);
        for (int y = 0; y < yOrig; y++) {
            int ravg = 0;
            int gavg = 0;
            int bavg = 0;
            for (int x = 0; x < xOrig; x++) {
                int rgb = original.getRGB(x, y);
                ravg += getRPixel(rgb);
                gavg += getGPixel(rgb);
                bavg += getBPixel(rgb);
            }
            for (int x = 0; x < xOrig; x++) {
                split.setRGB(x + xOrig, y, getPixel(ravg / xOrig, gavg / xOrig, bavg / xOrig));
            }
        }
        logger.info("Information trade-off : gradient : {} rgb pixels == {} bytes per image", yOrig, yOrig * 3);
        return split;
    }

...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088610
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вадя не беспокойся. К code-review по веб-дизайну мы еще вернемся. Я не забыл.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088611
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
>thumnails занимают по 10-12 килобайт
=
Вот ты как на Луне.
Глянь размер аватарок в этой ТВОЕЙ ВЕТКЕ.
Ты ошибся в 10 раз Карл!
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088612
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Неважно. Тут же речь идет о порядках. Тоесть инфа порядка килобайт против инфы в размере байт.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088613
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Как неважно? Ты не жульничай. Ты давай всю ину по теме.
авторПускай droodle - это некая формула которая представляет собой сжатую информацию о thumnail,
при этом у меня к ней 2 требования - узнаваемость и компактность.
А вся инфа это - твой придуманный droodle против миниатюр 50х50 в 1,5 кбт.
Так?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088615
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

Или ты придумал Что против миниатюр веба 50х50 в 1,5кбт?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088617
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У меня фотки конечно не аватарки. Поэтому я миниатюры увеличил как все в вебе до 75х75 пикселей. Наверно 2кбт будет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088619
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я не жульничаю. Я просто на ходу дописываю то что забыл написать. Droodle должен лежать внутри html
файла и занимать .... эээ ну пускай не более 80 символов текста. Если на рендеринге Droodle будет плохо
выглядеть - то увеличим вдвое.

И ты не злись. Я просто провожу время придумывая ТЗ.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088621
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Я не злюсь.
Мне каждая твоя фраза непонятна.
Например,зачем droo лежать в html внутри?
Основа веб - линки на рессурсы!
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088622
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
И ты не злись. Я просто провожу время придумывая ТЗ.
это просто что-то с чем-то , напоминающее Стаса.
вместо нормальных превьюшек - черте что.
никакого выигрыша ни в чём.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088623
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А зачем мы width/height/bg-color/alt туда пишем?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088624
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

Зачем миниатюрам целиком быть внутри html на get?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088626
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
А зачем мы width/height/bg-color/alt туда пишем?
это не ресурсы.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088627
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton
И ты не злись. Я просто провожу время придумывая ТЗ.
это просто что-то с чем-то , напоминающее Стаса.
вместо нормальных превьюшек - черте что.
никакого выигрыша ни в чём.

Это investigation. Если Droodles не дадут мне никакого выигрыша то я выкину этот топик и скажу что был не прав.
И попрошу вас его тоже забыть. Я надеюсь вы не обижаетесь за такой выкрутас? Это sql.ru. И ТС не всегда прав.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088628
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
mayton
А зачем мы width/height/bg-color/alt туда пишем?
это не ресурсы.

А base64 encoded картинки?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088629
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
И ширину у превью не пишут вообще. Зачем?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088631
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Это investigation. Если Droodles не дадут мне никакого выигрыша то я выкину этот топик и скажу что был не прав.
И попрошу вас его тоже забыть. Я надеюсь вы не обижаетесь за такой выкрутас? Это sql.ru. И ТС не всегда прав.
ну только если это использовать как наблюдение за хождением по граблям

я бы потратил это время на изучение js, как ни крути - без этого не обойтись
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088632
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
А base64 encoded картинки?
на 33% больше оригинала
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088634
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
mayton,
И ширину у превью не пишут вообще. Зачем?
я бы сделал ширину одинаковой, а высоту по факту
для глаз было бы комфортней видеть картинки одной ширины
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088637
Leonid Kudryavtsev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton

И как-бы вы искали этот яркий синий цвет?

Взятие среднего цвета меня не устраивает. Грязь получается.


Наверное нужно не средний цвет, а связанные области.

mayton

Тоесть если все {r,g,b} векторы разложить по кластерам из расчета что число кластеров
будет небольшое (я вангую 3 - 4 кластера) то один из них точно упадет на синее небо.

Далее - я думаю надо просто взять самый мощный кластер по количеству входящих в него пикселов.

Мне кажется, кроме цвета у кластера/области должно быть еще положение в пространстве.

Грубо говоря, на выходе должно быть не один цвет, а набор наибольших областей, которые можно характеризоваться:
1. центром
2. размером
3. кучей набор цветов: средний цвет (грязный), наиболее часто встречающийся цвет и куча всего другого, что можно придумать

Если оставлять не одну область, а несколько, то на картинку нужно найти области/пятна:
Небо, Море, Дерево, тучи, камни, черные стулья

Подозреваю, задача стандартная и в библиотеках распознавания образов скорее всего реализована.
- алгоритм разделения по горизонтали, вертикали, синусоидой сомнителен

+500
мне кажется алгоритмы поска/выделения объектов уже должны были быть 100500 раз придуманы
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088640
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
PetroNotC Sharp
mayton,
И ширину у превью не пишут вообще. Зачем?
я бы сделал ширину одинаковой, а высоту по факту
для глаз было бы комфортней видеть картинки одной ширины
да. В acdSee есть уменьшить иазмер соблюдая пропорции. Есть портретное а есть горизонтальное фото
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088641
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leonid Kudryavtsev

Наверное нужно не средний цвет, а связанные области.

Да я тоже думал об этом. Как в фотошопе ткнул волшебной паолочкой и близкие цвета подсветились выделением.

Но непонятно куда ткнуть и какой уровень tolerance выставить для этой палочки.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088642
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leonid Kudryavtsev,
Либо искать области, либо делать превью миниатюры. Котором области не нужны. Совсем.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088643
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton
Это investigation. Если Droodles не дадут мне никакого выигрыша то я выкину этот топик и скажу что был не прав.
И попрошу вас его тоже забыть. Я надеюсь вы не обижаетесь за такой выкрутас? Это sql.ru. И ТС не всегда прав.
ну только если это использовать как наблюдение за хождением по граблям

я бы потратил это время на изучение js, как ни крути - без этого не обойтись

Я-же не просто так тебя втащил в этот топик....
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088647
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leonid Kudryavtsev

Подозреваю, задача стандартная и в библиотеках распознавания образов скорее всего реализована.

Думаю да. Но я - человек скромный. Попробую сначала вспомнить мат-статистику. Если не осилю - то
скажу Да. OpenCV рулит. И мне пока неспортивно использовать из коробки то чего я не знаю. Это ...
мой маленький каприз в топике. Надеюсь Петро простит
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088648
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
алгоритм разделения по горизонтали, вертикали, синусоидой сомнителен

Я пока не вижу синусоид. Но это - мысль. Преобразование Фурье я возьму в последнюю очередь.
Хотя ... это будет выглядеть как будто я изобретаю JPEG заново.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088649
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

можно считать что это топик пятничный
и рассматривать как разминку мозгов, без привязки к конкретики - тогда да задача интересная...
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088650
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
>Надеюсь Петро простит
==
)))
Ты ТС. Значит добрый и стойкий ты!
Как я когда вопрос задаю о помощи))))
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088651
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,

Поиск регионов и векторизация не простая задача. Это ИИ.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088653
Leonid Kudryavtsev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вторая ссылка
https://www.mallenom.ru/company/publications/321/
в гугле при поиске по словам:
поиск областей на картинке

Простейшие алгоритмы, даже какой-то код есть. Прочитал наискось, т.к. ничего кодить не собираюсь

либо делать превью миниатюры. Котором области не нужны. Совсем.

Миниатюра пусть даже 32x32 точки x информацию о 3-х цветах
Разложив картику на цветовые пятна, можно "ужимать" информацию в 3-5-чуть больше пятен

mayton
алгоритм разделения по горизонтали, вертикали, синусоидой сомнителен

Я пока не вижу синусоид. Но это - мысль. Преобразование Фурье я возьму в последнюю очередь.
Хотя ... это будет выглядеть как будто я изобретаю JPEG заново.
+100500
Как я понимаю, JPEG примерно так и работает. По 2-х мерной картинке строит "пятна" определяемые длиной волны, при раскодировании, пятна преобразует обратно в 2-х мерную картинку.

Но вроде JPEG работает на кусочках 8x8 пикселей. Т.е. для анализа большого изображения собственно JPEG нужно дорабатывать или предварительно делать привью (но превью 8x8 точек ни о чем IMHO)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088657
Leonid Kudryavtsev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088658
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leonid Kudryavtsev,
>Миниатюра пусть даже 32x32 точки x информацию о 3-х цветах
Разложив картику на цветовые пятна, можно "ужимать" информацию в 3-5-чуть больше пятен
=
Тут желание "ужимать" вступает в противоречие с потребительскими свойствами.
32х32 это иконка а не МИНИАТЮРА
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088660
Leonid Kudryavtsev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
попытаюсь добавить логики, придумать бизнес-смысл задачи для subj

В свое время, на заре интернета, задумывался о сайте продаж картин богатым "новым русским" для оформления интерьера

Теперь тревиальная задача. Оформляем гостиную в синем цвете, купили синии обои. Нужно найти картинки которые по цветовой гамме будут не сильно выбиваться из интерьера (или наоборот будут цветовыми пятнами)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088676
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leonid Kudryavtsev,

)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088716
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leonid Kudryavtsev
Вторая ссылка
https://www.mallenom.ru/company/publications/321/
в гугле при поиске по словам:
поиск областей на картинке

Простейшие алгоритмы, даже какой-то код есть. Прочитал наискось, т.к. ничего кодить не собираюсь

Я буду пока ссылки только коллекционировать в readme.txt к проекту.
Но читать буду попозже. У самого башка кипит от мыслей.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088718
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Leonid Kudryavtsev

Но вроде JPEG работает на кусочках 8x8 пикселей. Т.е. для анализа большого изображения собственно JPEG нужно дорабатывать или предварительно делать привью (но превью 8x8 точек ни о чем IMHO)

Да. Там еще и целый стек квантизаций и переноса из систем RGB в когнитивные цветовые системы.

В одном из модных видео-форматов (кажется webp) предпринята попытка прогнозировать вид следующего
фрейма на основе верхнего и левого которые в потоке уже декодированы. И там сжатие еще лучше чем
JPEG но я думаю это справедливо для очень уж однородных изображений.

В 2000х похоронили хороший проект. LuraWave(lwt) кажется. Там сжатие было совсем на других
принципах кажется (какие-то импульсные функции всместо синусоид) и позволяло не различать
миниатюру и основное изображение. Грубо говоря миниатюра
- это и есть низкие частоты основного. Далее - пирамида условных уровней детализации - и картика
прогружается прогрессивно как из тумана. Это было бы очень полезно для модемных соединений.

Но для современного WiFi - такая прогрессивность уже не имеет никакого значения. Скорость такова
что картинка просто проскакивает сквозь все уровни прогрессивности и юзеру всё равно какая она была.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088747
mayton
В 2000х похоронили хороший проект. LuraWave(lwt) кажется. Там сжатие было совсем на других
принципах кажется (какие-то импульсные функции всместо синусоид) и позволяло не различать
миниатюру и основное изображение. Грубо говоря миниатюра
- это и есть низкие частоты основного. Далее - пирамида условных уровней детализации - и картика
прогружается прогрессивно как из тумана. Это было бы очень полезно для модемных соединений.

Но для современного WiFi - такая прогрессивность уже не имеет никакого значения. Скорость такова
что картинка просто проскакивает сквозь все уровни прогрессивности и юзеру всё равно какая она была.
Видимо речь про сжатие Wavelet'ами (эх, когда-нить я их пойму :)). Насколько я понимаю эта "прогрессивность" была приятным побочным эффектом, но не основной целью. Это просто альтернативный способ сжатия, но для обычных картинок/видео похоже что не зашел .
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088795
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Да. Точно. Вейвлет. Мне кажется эта технология даже в сетевых играх могла бы найти применение.
Там разработчики из кожи вон лезут чтобы локация и текстуры прогрузились как можно быстрее.
Делают процедуральные текстуры и всякие хитрости чтобы асинхронная загрузка текстур была не заметна.
И безшовные переходы между локациями. А тут - подарок из коробки. LWT можно грузить плавно.
Просто наращивая детализацию текстур ступенями.

Эххх не раскурили они такой бриллиант.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088800
Я про Вейвлеты периодически слышу. Например, для сглаживания/сжатия 2D сигнала. Хотя по CPU это слишком дорого чтоб их использовали повсеместно, да и learning curve высоковата. Но все равно не похоже что они канули в лету.

Я думаю если б они правда были для картинок лучше, то их бы конечно использовали. По ссылке выше приводят много недостатков по сравнению с FT - от уровня сжатия, до качества итогового изображения. Собсно JPEG2000 использовал как раз вейвлеты, но как мы видим - его перестали использовать.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088803
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
В играх используют LOD
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088821
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
mayton,
В играх используют LOD

Да. Используют. Но чтобы тебе изготовить LOD для текстур (а не для моделей) - тебе нужно добавить +30%
объема к хранению основных текстур. Для JPEG - это нерешаемая задача. Будешь просто множить картинки
с разным разрешением.

Для wavelett - формы - это из коробки.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088825
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Stanislav Bashkyrtsev
Я про Вейвлеты периодически слышу. Например, для сглаживания/сжатия 2D сигнала. Хотя по CPU это слишком дорого чтоб их использовали повсеместно, да и learning curve высоковата. Но все равно не похоже что они канули в лету.

Я думаю если б они правда были для картинок лучше, то их бы конечно использовали. По ссылке выше приводят много недостатков по сравнению с FT - от уровня сжатия, до качества итогового изображения. Собсно JPEG2000 использовал как раз вейвлеты, но как мы видим - его перестали использовать.

Я почитал статью пока по диагонали. Это архив дневников разработчика который был связан с x264.
Это - стандарт на кодирование видео. А к видео - совсем другие требования. Например сетка фреймов 8х8
была сразу использована в самых древних форматах MPEG-2 video как основа для кодирования меж-кадровых
изменений (кажется temporal redundancy). И поскольку в видео-форматах идет жестокая борьба за трафик
- то избыточность и экономия на базе самой структуры данных - это очень важно.

Возможно вейвлетный способ хорош только для статичных изображений.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088828
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

>30%
==ну чудес то небывает.
Ты хочешь впихнуть в одну модель несколько детализаций. А это невозможно.
И LOD этому подтверждение. При приближении к объекту ты загружаешь ДРУГУЮ текстуру и высоты. Старые выгружаешь.
И google maps на твоем сотовом тоже подтверждает - увеличивая грузим НОВЫЙ РАСТР.
А ты про вечный двигатель.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088835
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ты втащил в обсуждение LOD. Зачем? Это слишком общий термин.

Я-бы хотел обсуждать здесь растровую графику. И вечный двигатель здесь не примем.
Я говорю о том что уже разработано и икапсулирует все уровни миниатюр сразу на уровне
формата хранения.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088836
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну есть же сжатие аудио без потерь, где основа - сжатие с потерями плюс "дельта", компенсирующая потери первого алгоритма
В результате, на тощем канале или для маленького хранилища можно передать только "первую часть".

Если речь про растры, то первое, что приходит в голову:
1. Передать "разреженную" сетку точных отсчётов и построить "грубое" изображение;
2. Передавать дополнительные отсчёты и "перестраивать" всё более детальное изображение;
3. Повторять, пока не достигнем желаемого (или предельного) разрешения.
Очень ресурсоёмкий для клиента, но стопудово работающий вариант.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088838
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Ты втащил в обсуждение LOD. Зачем? Это слишком общий термин.

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

У меня есть сайт с миниатюрами.
Как мне не быть скептиком про "инкапсулирует все все в формате".
Ты о чем?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088839
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Просто куда ты не ткнись, везде "это уже сделано".
Увы.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088868
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
mayton
Ты втащил в обсуждение LOD. Зачем? Это слишком общий термин.

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

У меня есть сайт с миниатюрами.
Как мне не быть скептиком про "инкапсулирует все все в формате".
Ты о чем?

Давай закончим этот оффтоп. Я верну нас в обсуждение Droodle . Про вейвлетное сжатие ты сам почитай.
Не алгоритм а просто его потребительские характеристики и зачем вообще он создавался.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088882
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Давай закончим.
Ты сказал вейвлетное это круто.
Я сказал - прикладного значения ни в играх, ни в разработке фотоальбома сайта, это не имеет.
Поехали дальше.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088885
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Поехали. Обсуждения.

Надо показывать Droodle (векторное изображение) пользователю сразу. Вместо миниатюр.
А миниатюры - по событию on-load. Предполагаю что миниатюры все-таки
могут лежать на отдельном хранилище от html. С более слабой доступностью.

Как рисовать векторные картинки?

Я знаю 2 способа.

1) Canvas и рисование на чем через JavaScript
2) SVG и изображение. Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.

Droodle (пока) у меня состоит из цепочки градиентов. И (пока) только горизонтального направления.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088894
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
а зачем?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088898
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
а зачем?

Я тут - кастомер Считай что плачу деньги за хотелки.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088901
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
вадя
пропущено...
а зачем?

Я тут - кастомер Считай что плачу деньги за хотелки.
какое это обсуждение))))) LOL
Это дедовщина и распил денег
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088902
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Очень тяжело выдумывать вечный двигатель))
Ничего личного. (с)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088972
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

ну не надо скатываться до Стаса....
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40088991
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
Можно, насколько я помню. Не помню, правда, как этот вариант формируется.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089006
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton,

ну не надо скатываться до Стаса....

Подскажи лучше как при локальном просмотре зафиксировать линку на css.

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="/css/file.css"/>
</head>
<body>
<h1>103624469_f873987f44_b.jpg</h1>
<img src="103624469_f873987f44_b-mini.jpeg"  style="background-color:#D1A0AB;" loading="lazy"  width=256 height=256 >
<h1>127760979_c2e3f52dd9_o.jpg</h1>
<img src="127760979_c2e3f52dd9_o-mini.jpeg"  style="background-color:#6181A4;" loading="lazy"  width=384 height=256 >
<h1>128172624_cd64be0a1d_o.jpg</h1>
<img src="128172624_cd64be0a1d_o-mini.jpeg"  style="background-color:#92A4B8;" loading="lazy"  width=384 height=256 >
<h1>133168810_66e79919d0_o.jpg</h1>
<img src="133168810_66e79919d0_o-mini.jpeg"  style="background-color:#D0633C;" loading="lazy"  width=384 height=256 >
<h1>133868827_d666f9adf8_o.jpg</h1>
<img src="133868827_d666f9adf8_o-mini.jpeg"  style="background-color:#A79E7E;" loading="lazy"  width=343 height=256 >
<h1>135628016_3595723bbc_o.jpg</h1>
<img src="135628016_3595723bbc_o-mini.jpeg"  style="background-color:#C12B4F;" loading="lazy"  width=256 height=256 >
<h1>136701718_dc504fae8a_o.jpg</h1>



Как бы я не указывал линка ломается при переходе на суб-фолдеры.

Или мне нужно везде писать относительные или в каждый фолдер совать file.css.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089007
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Basil A. Sidorov
mayton
Но неясно можно ли статически встраивать его в html как base64 encoded-картинки.
Можно, насколько я помню. Не помню, правда, как этот вариант формируется.

Вот щас смотрю здесь https://www.freecodecamp.org/news/use-svg-images-in-css-html/
только примеры с <object>, <img>, и просто как часть html контента безо всякого кодирования.
Жирновато выходит. Моя идея не взлетает с таким подходом.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089010
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Как бы я не указывал линка ломается при переходе на суб-фолдеры.

Или мне нужно везде писать относительные или в каждый фолдер совать file.css.
ну это лучше продолжать в соответствующей ветке.

что значит ломается?
и что значит "при переходе на суб-фолдеры" ?
а css лучше не отдельным файлом , а в тэгах <style> </style> в html файле
у тебя css не большой - так, что большого влияния на размер html не повлияет (на загрузку этого html на s3)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089011
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Basil A. Sidorov
пропущено...
Можно, насколько я помню. Не помню, правда, как этот вариант формируется.

Вот щас смотрю здесь https://www.freecodecamp.org/news/use-svg-images-in-css-html/
только примеры с <object>, <img>, и просто как часть html контента безо всякого кодирования.
Жирновато выходит. Моя идея не взлетает с таким подходом.
ну дак ты не веришь что ты задумал ужас ужас..
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089015
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Вот щас смотрю здесь ...
Главное - правильно сформулировать вопрос гуглу
Значением атрибута src может быть "data:тип/контента;base64,..."
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089016
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089289
mayton
вадя
mayton,

ну не надо скатываться до Стаса....

Подскажи лучше как при локальном просмотре зафиксировать линку на css.

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="/css/file.css"/>
</head>
<body>
<h1>103624469_f873987f44_b.jpg</h1>
<img src="103624469_f873987f44_b-mini.jpeg"  style="background-color:#D1A0AB;" loading="lazy"  width=256 height=256 >
<h1>127760979_c2e3f52dd9_o.jpg</h1>
<img src="127760979_c2e3f52dd9_o-mini.jpeg"  style="background-color:#6181A4;" loading="lazy"  width=384 height=256 >
<h1>128172624_cd64be0a1d_o.jpg</h1>
<img src="128172624_cd64be0a1d_o-mini.jpeg"  style="background-color:#92A4B8;" loading="lazy"  width=384 height=256 >
<h1>133168810_66e79919d0_o.jpg</h1>
<img src="133168810_66e79919d0_o-mini.jpeg"  style="background-color:#D0633C;" loading="lazy"  width=384 height=256 >
<h1>133868827_d666f9adf8_o.jpg</h1>
<img src="133868827_d666f9adf8_o-mini.jpeg"  style="background-color:#A79E7E;" loading="lazy"  width=343 height=256 >
<h1>135628016_3595723bbc_o.jpg</h1>
<img src="135628016_3595723bbc_o-mini.jpeg"  style="background-color:#C12B4F;" loading="lazy"  width=256 height=256 >
<h1>136701718_dc504fae8a_o.jpg</h1>



Как бы я не указывал линка ломается при переходе на суб-фолдеры.

Или мне нужно везде писать относительные или в каждый фолдер совать file.css.
Наверно можно поиграться с file://, но фиг знает сработает ли .

А вообще если работаешь в IntelliJ, то находясь в HTML файле она показывает браузеры в правом верхнем углу. Она сама запустит внутри себя веб сервер (а значит не надо устанавливать nginx), и будет обслуживать файлы начиная с корня рабочей директории. Если положить ресурсы в корень этой директории, то абсолютный путь /blah/blah.css всегда будет идти от этой директории.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089388
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Stanislav Bashkyrtsev, сделал стили внутри документа.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089389
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот пока как-то так получилось. Каждая строчка - таблица. Ширину задаю в пикселах и заполняю
пока миниатюры по ширине в сумме не превышают мой лимит.

Не ругайте сильно - я не претендую на дизайнерские решения. Меня интересовали только
фотки и экономия пространства.

Текущий вопрос. Какого хрена появляются бордюры? Как их убрать совсем. И между таблицами
и между <td>.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089390
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пример статичного сгенеренного индексного файла

index.html
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<style>
body {
  background-color: #5E2B89;
}

table, th, td {
  border: none;
}

h1 {
  color: #EEE3CE;
  text-align: left;
  font-family: verdana;
  font-size: 20px;
}

ul {
  color: #EEE3CE;
  font-family: verdana;
  font-size: 15px;
}

li {
  color: #EEE3CE;
  font-family: verdana;
  font-size: 20px;
}

a {
  color: #EEE3CE;
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>
<h1>collection1</h1>
<table width=1024 cellspacing="0" cellpadding="0">
 <tr>
<td>   <img id = "98c5435b-06a4-42d5-8268-0fb41a122141" src="103624469_f873987f44_b-mini.jpg"  style="background-color:#D1A0AB;"  width=64 height=64 alt="103624469_f873987f44_b" >
<td>   <img id = "7f7af129-3a67-4627-bece-3f384211bd40" src="127760979_c2e3f52dd9_o-mini.jpg"  style="background-color:#6181A4;"  width=96 height=64 alt="127760979_c2e3f52dd9_o" >
<td>   <img id = "aacc8101-519b-4617-8e3b-b6c0ea70764c" src="128172624_cd64be0a1d_o-mini.jpg"  style="background-color:#92A4B8;"  width=96 height=64 alt="128172624_cd64be0a1d_o" >
<td>   <img id = "223c0644-e008-43fb-8dbe-def78c6b12cc" src="133168810_66e79919d0_o-mini.jpg"  style="background-color:#D0633C;"  width=96 height=64 alt="133168810_66e79919d0_o" >
<td>   <img id = "cd88a6dc-f074-43bc-a444-884953b855be" src="133868827_d666f9adf8_o-mini.jpg"  style="background-color:#A79E7E;"  width=85 height=64 alt="133868827_d666f9adf8_o" >
<td>   <img id = "53ce8e4a-5242-4a7d-b5a3-14a5701fe216" src="135628016_3595723bbc_o-mini.jpg"  style="background-color:#C12B4F;"  width=64 height=64 alt="135628016_3595723bbc_o" >
<td>   <img id = "49c9e7bc-53f8-47fd-9e7a-67a8ba4c8171" src="136701718_dc504fae8a_o-mini.jpg"  style="background-color:#AF747C;"  width=96 height=64 alt="136701718_dc504fae8a_o" >
<td>   <img id = "7443f547-4208-4206-97e9-66fb2050c119" src="136701806_4ba6d22dcb_o-mini.jpg"  style="background-color:#DB2C59;"  width=96 height=64 alt="136701806_4ba6d22dcb_o" >
<td>   <img id = "f6b6631b-3680-4097-a135-7f1f828cb680" src="138679494_ca70fb060a_b-mini.jpg"  style="background-color:#D18C2B;"  width=89 height=64 alt="138679494_ca70fb060a_b" >
<td>   <img id = "10cf9496-fb3c-4e23-8b85-dab2d880d2b2" src="140195098_3037ef7994_b-mini.jpg"  style="background-color:#A2A793;"  width=85 height=64 alt="140195098_3037ef7994_b" >
<td>   <img id = "7cb853cf-def9-4852-ad4c-aa44c5a1948a" src="143956440_48c0d5cc49_b-mini.jpg"  style="background-color:#557535;"  width=95 height=64 alt="143956440_48c0d5cc49_b" >
</tr>
</table>
<table width=1024 cellspacing="0" cellpadding="0">
 <tr>
<td>   <img id = "da0627e2-a7f3-49b0-840a-11c888d8a602" src="144432999_4bc1fcc362_b-mini.jpg"  style="background-color:#087200;"  width=95 height=64 alt="144432999_4bc1fcc362_b" >
.....

...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089397
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Попробуй добавит normalize.css либо https://purecss.io
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089398
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
У тебя стили страницы цсс по умолчанию стоят, они поломаны во всех браузерах, и их всегда сбрасывают используя нормалайз.цсс либо более крупными библиотеками.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089399
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

1) может перенесём в соответствующую ветку?
2) зачем такие огромные id?
3) зачем такие длинные имена?
4) зачем а тэге alt содержимое? у тебя ведь однозначно должно быть наличие картинки.
5) у тебя превьюшки? зачем backgraund?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            *  {
                margin: 0;
                padding: 0;
            }
            img{
                display: block;
                height:  64px;
            }
            div{
                display: flex;
            }
        </style>
    </head>
    <body>
        <div>
            <img src="pic/x01.JPG" alt=""/>
            <img src="pic/x02.JPG" alt=""/>
            <img src="pic/x03.JPG" alt=""/>
            <img src="pic/x04.JPG" alt=""/>
            <img src="pic/x05.JPG" alt=""/>
        </div>
        <div>
            <img src="pic/x01.JPG" alt=""/>
            <img src="pic/x02.JPG" alt=""/>
            <img src="pic/x03.JPG" alt=""/>
            <img src="pic/x04.JPG" alt=""/>
            <img src="pic/x05.JPG" alt=""/>
        </div>
    </body>
</html>
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089401
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,
+1
Простота и краткость спасут мир.
Если убрать все стили то не будет бордюров.
У меня так и нет никаких стилей
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
<div id="links" class="links">
	
			<c:forEach var="itemsFoto" items="${reqattFotoAll}">
	
				<a
					href="photo-album/${pageContext.request.remoteUser}/fulls/<c:out value="${itemsFoto.name}"></c:out>" title="<c:out value="${itemsFoto.name}"></c:out>" data-gallery="">
						<img src="photo-album/${pageContext.request.remoteUser}/preview/<c:out value="${itemsFoto.name}"></c:out>">
				</a>
	
			</c:forEach>
	
	</div>
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089402
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Что дал в коде background-color:#6181A4
Вопрос остается открытым)))))))))
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089403
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

Получается 90% кода можно выкинуть и будет работать.
Ты молодежь так учишь писать?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089405
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
Если убрать все стили то не будет бордюров.

вот для удаления бордюров
Код: css
1.
2.
3.
            img{
                display: block;
            }
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089410
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,
Что такое бордюр, если у нас разное отношение ширины к высоте?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089411
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,
Ты правда не видишь что у него не реальные фото на скрине..?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089412
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
Что такое бордюр, если у нас разное отношение ширины к высоте?
у img по умолчанию есть "пробелы" со всех сторон - чтоб из убрать и надо
Код: css
1.
2.
3.
 img{
                display: block;
            }



что имеется у ТС - хз.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089416
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,
Я вообще предлагаю автору не маятся ерундой так как в реальных фото бордюры всегда будут. Минимальные 2 пикселя.
Он говорил что дизайном мы не занимаемся ...но приходится
- бордюры нужны для восприятия изображений
- они всегда есть если есть хотя бы одно фото с повернутым фотиком))))
- фон надо сделать черным, а не ядовитым и тогда бордюры будут естественны по сути. Как в галерее паспорта.
Итого, у меня "бордюры" пару пикселей и яничего для этого не делаю
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
	<div id="links">
				<a href="0001.JPG">	<img src="0001.JPG"></a>
				<a href="0002.JPG">	<img src="0002.JPG"></a>
	</div>
</body>
</html>


"Сложнее всего в мире достигнуть простоты — это крайняя граница опыта и последнее усилие гения". © George Sand.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089418
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ДИЗАЙН
вадя
что имеется у ТС - хз.

значит не видишь.
Вот такие миниатюры мне лично неудобны так как изображения вертикально сфотографированные либо растянуты, либо обрезаны по высоте
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089421
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp,

рамка должна быть, но это не та рамка что у mayton

в моём варианте фотки прижаты друг к другу вплотную
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089427
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
с рамками, с автоматическим числом картинок по ширине
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
<!DOCTYPE html>

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
          
            img{
                display: block;
                height:  64px;
                margin-right: 1px;
                margin-bottom: 1px; 
            }
            div{
                display: flex;
                flex-wrap: wrap;
                width: 300px;
            }
        </style>
    </head>
    <body>
        <div>
            <img src="pic/x01.JPG" alt=""/>
            <img src="pic/x02.JPG" alt=""/>
            <img src="pic/x03.JPG" alt=""/>
            <img src="pic/x04.JPG" alt=""/>
            <img src="pic/x05.JPG" alt=""/>
            <img src="pic/x01.JPG" alt=""/>
            <img src="pic/x02.JPG" alt=""/>
            <img src="pic/x03.JPG" alt=""/>
            <img src="pic/x04.JPG" alt=""/>
            <img src="pic/x05.JPG" alt=""/>
        </div>
    </body>
</html>


ширину дива можно не задавать, будет по ширине браузера
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089428
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton,

1) может перенесём в соответствующую ветку?
2) зачем такие огромные id?
3) зачем такие длинные имена?
4) зачем а тэге alt содержимое? у тебя ведь однозначно должно быть наличие картинки.
5) у тебя превьюшки? зачем backgraund?

Давай перенесем. Только у меня все равно будут кросс-линки туда-сюда.
id - фейковые. Просто для виду. Имена - это реальные файлы на которых я экспериментировал.

Background мы обсуждали выше. Я его уберу и заменю на droodl.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089429
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp

Код: html
1.
<c:forEach var="itemsFoto" items="${reqattFotoAll}">



У меня нет серверного скриптинга вообще. И технически не будет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089430
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
Что дал в коде background-color:#6181A4
Вопрос остается открытым)))))))))

Уберу. Его не будет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089431
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
mayton,

Получается 90% кода можно выкинуть и будет работать.
Ты молодежь так учишь писать?

Ты можешь бесконечно ёрничать и дальше, но я не умею делать
фронт от слова вообще. У меня нет таких задач. И не будет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089432
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
PetroNotC Sharp
Что такое бордюр, если у нас разное отношение ширины к высоте?
у img по умолчанию есть "пробелы" со всех сторон - чтоб из убрать и надо
Код: css
1.
2.
3.
 img{
                display: block;
            }



что имеется у ТС - хз.

Щас применим.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089433
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
PetroNotC Sharp
mayton,

Получается 90% кода можно выкинуть и будет работать.
Ты молодежь так учишь писать?

Ты можешь бесконечно ёрничать и дальше, но я не умею делать
фронт от слова вообще. У меня нет таких задач. И не будет.

Как не ерничать, если тебе дают минимальный код неделю назад
Статическая генерация thumbnails и index.html для каталогов с картинками
и ты его до сих пор не пробовал, зато неделю искал то против чего были всем мемберы. Не только я.
Тебя вадя спрашивал зачем лишнее. Я спрашивал, но мы упорно принесли это в java.
Так что я ни причем.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089434
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
PetroNotC Sharp

Код: html
1.
<c:forEach var="itemsFoto" items="${reqattFotoAll}">




У меня нет серверного скриптинга вообще. И технически не будет.
тяжелый случай. Закрой глаза на подстановки. Как тебе не доходит что теги лишние?
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
	<div id="links">
				<a href="0001.JPG">	<img src="0001.JPG"></a>
				<a href="0002.JPG">	<img src="0002.JPG"></a>
	</div>
</body>
</html>
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089435
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
рамка должна быть, но это не та рамка что у mayton
еще круче. Может преждем код выкладывать разберемся у кого какие рамки?)))
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089436
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Щас применим.
и скрин сюда.
Мы никак не идентифицируем какие у кого рамки. У вади свои, у тебя свои.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089438
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
В этом топике - все что будет релевантно к java. А по дизайну я щас создам отдельную ветку в html/java.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089439
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
В этом топике - все что будет релевантно к java. А по дизайну я щас создам отдельную ветку в html/java.
да не получается у тебя верстка по функционалу.
Так как рамки - это дизайн. Значит выкинь их в топике java
Какой то твой droods это что? Либо объясняй либо убери из стилей.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089446
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089452
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
По поводу самой тулзы. Сейчас она оформлена как консольная утилита.
Вот для индексирования картинок с аниме я делаю так.

Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
./image-indexer.sh

usage: java -jar image-indexer.jar [-h <arg>] [-r <arg>] -s <arg> [-w <arg>]
 -h,--thumnailheight <arg>    Thumbnail height size in pixels (default =
                              256)
 -r,--rootfoldername <arg>    Root folder name. For ex: 'My Photos'
 -s,--source <arg>            Source jpeg files folder
 -w,--clientareawidth <arg>   Client area width in pixels (default = 1024)

./image-indexer.sh -s /bigdata/pics/Hellsing -r Hellsing -h 64 -w 640
[INFO ] Start
[INFO ] Configure clientAreaWidth = 640
[INFO ] process jpeg file /bigdata/pics/Hellsing/Hellsing-Wallpapers_1.jpg
[INFO ] process jpeg file /bigdata/pics/Hellsing/bakagami02_sxga.jpg
[INFO ] process jpeg file /bigdata/pics/Hellsing/kamehouse.jpg
[INFO ] process jpeg file /bigdata/pics/Hellsing/Hellsing-Wallpapers_10.jpg
[INFO ] process jpeg file /bigdata/pics/Hellsing/Hellsing-Wallpapers_100.jpg
[INFO ] process jpeg file /bigdata/pics/Hellsing/Hellsing-Wallpapers_11.jpg
....



Текущие баги - дизайнерские. Отдельно пойдут. И сейчас - просто плохая стуктура классов.
Надо вычистить. И в качестве html writer я использую обычный PringWriter а это не красиво по выхлопу.

Генераторы отчотов типа thymaleaf, freemarker не не подходят т.к. они больше на текст ориентированы.
А мне нужно что-то строго структурированное типа XmlStreamWriter но с функциями для HTML5 и еще
(чуть позже по SVG).
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089461
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

возьми любую ide и в ней проект html
тот же netbeans
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089464
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
не очень понял. Утилита это jar.
А у тебя файл sh?
Тогда это скрипт а не утилита.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089477
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Тупить не надо - в этом скрипте записано что-то вроде:
Код: plaintext
 java -jar мой-кульный.jar
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089482
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Basil A. Sidorov
Тупить не надо - в этом скрипте записано что-то вроде:
Код: plaintext
 java -jar мой-кульный.jar
а зачем это писать в sh?
Вдруг мне тоже надо?)
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089484
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
неточная цитатаВ IBM считали, что "операционая система" это что-то сложное и использовали C(ontrol)P(rogram)F(acility).
К нашему удивлению при объявлении D(isk)O(peration)S(ystem) никто не испугался.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089486
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
Basil A. Sidorov
Тупить не надо - в этом скрипте записано что-то вроде:
Код: plaintext
 java -jar мой-кульный.jar
а зачем это писать в sh?
Вдруг мне тоже надо?)

Под windows тоже будет.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089494
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
PetroNotC Sharp
пропущено...
а зачем это писать в sh?
Вдруг мне тоже надо?)

Под windows тоже будет.
я тебя не понимаю. Даже бэкенд))).
По простому я понял так что ты на java написал jar.
Он генерит из больших фоток превьюшки в папку ххххх и генерит файл index.html.
Вот эти два предложения imho понятнее чем то что ты написал выше.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089523
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
По поводу нормирования высот. Вот тут весь метод.
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
    public void processFile(String localFolderPrefix, File file, HtmlWriter htmlWriter) throws IOException {
        String fileName = extractLastPathElement(file.getName());
        Matcher miniMatcher = JPEG_MINI_EXTENSION.matcher(fileName);
        if (miniMatcher.matches() && miniMatcher.group("suffix") == null) {
            String extension = miniMatcher.group("extension");
            logger.info("process jpeg file {}", file);
            readImageStopWatcher.resume();
            BufferedImage image = ImageIO.read(file);
            if (image == null) {
                logger.warn("Something going wrong with file {}. Unable to read image.", file);
            } else {
                readImageStopWatcher.suspend();
                int x = image.getWidth();
                int y = image.getHeight();
                // TODO: fix non-accurate calculation of resize in pixels
                double scale = (double) targetHeightSize / y;
                resizeImageStopWatcher.resume();
                int thumbnailX = (int) (x * scale);
                int thumbnailY = (int) (y * scale);
                BufferedImage thumbnail = resizeImage(image, thumbnailX, thumbnailY);
                resizeImageStopWatcher.suspend();
                String miniPath = trimExtension(file.getAbsoluteFile().toString()) + MINI_SUFFIX + "." + extension;
                try (OutputStream outputStream = new FileOutputStream(miniPath)) {
                    ImageIO.write(thumbnail, "JPEG", outputStream);
                }
                String src = trimExtension(fileName) + MINI_SUFFIX + "." + extension;
                htmlWriter.writeImg("", src, null, x, y, "");
            }
        }
    }



И вот этот аргумент задает при старте

Код: java
1.
2.
3.
4.
5.
6.
7.
    public static Options createOptions() {
        return new Options()
                .addRequiredOption("s", "source",  true, "Source jpeg files folder")
                .addOption("h", "thumnailheight",  true, "Thumbnail height size in pixels (default = 256)")
                .addOption("w", "clientareawidth", true, "Client area width in pixels (default = 1024)")
                .addOption("r", "rootfoldername",  true, "Root folder name. For ex: 'My Photos'");
    }
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089535
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Сам придумал?
Так как обычно при УМЕНЬШЕНИИ РАЗМЕРА изображения добавляют входной boolean - сохранять пропорции
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089536
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Для тех, кто меняет пропорции - нужен специальный котёл в аду и отдельный вход в чистилище.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089538
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
Так как обычно при УМЕНЬШЕНИИ РАЗМЕРА изображения добавляют входной boolean - сохранять пропорции
вообще для изменения размера - не обязательно сохранять пропорции.
изменение размера с сохранением пропорций - это частный случай
при ирзменении размера по высоте можно вычичлить коэффициент изменения по ширине - и задать эти коэффициенты - что и делает галочка "сохранять пропорции"
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089539
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Basil A. Sidorov
Для тех, кто меняет пропорции - нужен специальный котёл в аду и отдельный вход в чистилище.
))))
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089711
Leonid Kudryavtsev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
del
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40089744
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть еще фотки в формате png. И поврежденные фотки.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093714
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я был не прав по поводу способа генерации индексной информации. Нельзя модифицировать тот-же каталог
где и лежат фотки. Это чревато последствиями.

Более правильно - копировать в новую файловую локацию. Тем более что оригинал может вобщем-то лежать
на диске недоступном для записи или вообще на сетевом.

Дисковый оверхед не страшен. Сделаем линки и COW.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093720
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Тебе и линки не нужны. Фотоальбомы делают без них.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093731
mayton
Я был не прав по поводу способа генерации индексной информации. Нельзя модифицировать тот-же каталог
где и лежат фотки. Это чревато последствиями.
А какие последствия? Нельзя по modification date определить есть ли там новые фотки?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093755
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Stanislav Bashkyrtsev
mayton
Я был не прав по поводу способа генерации индексной информации. Нельзя модифицировать тот-же каталог
где и лежат фотки. Это чревато последствиями.
А какие последствия? Нельзя по modification date определить есть ли там новые фотки?

Я думал об этом. Но к сожалению этим датам нельзя доверять. А даты внутри exif тегов обычно не меняются. Я на них расчитываю.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093790
mayton
Stanislav Bashkyrtsev
пропущено...
А какие последствия? Нельзя по modification date определить есть ли там новые фотки?

Я думал об этом. Но к сожалению этим датам нельзя доверять.
Потому что не все FS пишут эту информацию?
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093882
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Stanislav Bashkyrtsev
mayton
пропущено...

Я думал об этом. Но к сожалению этим датам нельзя доверять.
Потому что не все FS пишут эту информацию?

Потому что фотки путешествуют по более сложному пути чем SD-карта -> файловая система.
И дата создания файла может быть чем угодно но не датой создания собственно снимка.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093886
Вообще я обсуждал дату модификации каталога :) Вот эту фразу просто не понял:
mayton
Нельзя модифицировать тот-же каталог где и лежат фотки. Это чревато последствиями.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093902
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ну.. у меня просто были банальные баги. Файл переписывался поверх себя. И тому подобное.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093905
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

в общем эта возня с файлами - только трата времени, гораздо нужнее разобраться с удобством просмотра.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093912
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Это кому как удобно.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093915
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

это да. но когда после просмотра большой картинки происходит перезагрузка всей страницы - это не очень удобно, особенно когда находишься не в начале страницы.
или хочется прервать, и после вернуться не к началу, а к месту прерывания....
ну и по ходу еще мелочей проявится.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093918
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я щас сосредоточен на следующем.
1) Наведение порядка в своих фотках.
2) Поиск и удаление дубликатов. Разворотов на 90 градусов. Ресайзов и кропов.
3) Публикация в дешевом хостинге всего объема фоток для бабушек и дедушек
хотя-бы даже в таком формате.

Когда я это закончу - снова вернусь к дизайну. Но делать клиент-серверное приложение
я не буду. Всё просто ограничится каким-то java-script-ом.

Хотя в тулзу я вставлю механизм расширения стилей и контента чтоб любой желающий
мог добавить свой дизайн и трансформировать xslt контент как ему будет удобно.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093925
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

1-3 хорошие пункты.
про сервер речи нет.
просто когда 5000+ фоток просмотр становится утомительным, особенно для старшего поколения.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40093937
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Из трех пунктов автоматизируется только разворот по EXIF
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094502
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton,

1-3 хорошие пункты.
про сервер речи нет.
просто когда 5000+ фоток просмотр становится утомительным, особенно для старшего поколения.

Да и это проблема. Я думаю как сгруппировать по другому. И акцентировать на последних
обновлениях. Сделать крупную кликабельную кнопку - "Whats new".
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094552
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
Группируют папками а-ля директориями.
А новые фотки это запрос по дате.
Он не имеет отношения к ГРУППИРОВКЕ
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094553
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

я б сделал дерево - новое выделил цветом.....
хотя что такое "новое"? для каждого юзера своё..... что он видел, что не видел..
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094561
Basil A. Sidorov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
Он не имеет отношения к ГРУППИРОВКЕ
... средствами файловой системы.
А вот к группировке изображений для отображения - относится напрямую.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094565
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Basil A. Sidorov
PetroNotC Sharp
Он не имеет отношения к ГРУППИРОВКЕ
... средствами файловой системы.
А вот к группировке изображений для отображения - относится напрямую.

угу. Давайте MVC замутим)))
Вам решать.
Мое мнение что это оверхед.
"Сложнее всего в мире достигнуть простоты — это крайняя граница опыта и последнее усилие гения". © George Sand.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094725
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Я щас сосредоточен на следующем.
1) Наведение порядка в своих фотках.

Этот пункт меня просто заблокировал. Я начал просматривать фотки уже в html и офигел.
Помимо фоток там и скриншоты экранов и какие-то чеки с магазинов. Короче я думаю
а есть ли дешевый способ классификации фоток.

Для чеков - вроде-бы очевидна какая-то геометрия белого прямоугольника. Скрины - тоже
можно наверное как-то детектить по прямым линиям. Как мы с exp98 обсуждали поиск
границ фотографий на сканах фотоальбомов.
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094726
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

для автоматизации потратишь больше времени. чем всё в ручную.
и всё равно после автомата надо будет проверить ...
...
Рейтинг: 0 / 0
Определить основной цвет фона.
    #40094732
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Щас лихорадочно соображаю. Чеки были сняты мобилой. Если ее интеллект аннотировал чеки
какой-то ... признаком. Типа макросъемка - то я это сделаю быстро. На пол-стори-поинта.

Если нет - то фактически будет ручная работа.
...
Рейтинг: 0 / 0
158 сообщений из 158, показаны все 7 страниц
Форумы / Java [игнор отключен] [закрыт для гостей] / Определить основной цвет фона.
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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