Можно не сжимать, а сжатое просто преобразовать в другое состояние и родить новое существо, лёгкое по весу, наиболее приспособленное к вебу.
Сообщение от COOLERbyPSP
Убиваю 2х зайцев, показывая качество картинки.
Нельзя постоянно упираться во что-то одно и возносить, как что-то божественное и незыблемое. Узнав про возможности Lossless-формата PNG, наверное твой разум помутился и зациклился в этом единственном божественном направлении. Но есть же в мире и другие виды секса, можно смотреть на те же яйца, только с другой стороны.
Я тоже люблю извращения с PNG, но только в тех случаях, когда это даёт несомненное преимущество в размере. И это не тот случай, когда для женщины размер имеет значение. В каждом случае нужно исходить из уместности применения факторов, с логически выстроенной последовательностью избирательности важных звеньев, для построения нового конечного преобразования материи в единственно верное заключение. Это как раз тот случай, когда, после множества плавающих запятых, нужно заставить центральный процессор, находящийся на несколько уровней выше заднего прохода, поставить определённую точку.
Ну и исходя из возможностей форматов, внимательно посмотрев на рисунок, мой процессор, моими окулярами, видит на этой картинке огромное множество однотонных материй, а так же, подсчитывает количество однородных цветов и плавных переходов от одного цвета к другому:
В данном случае, несомненно, голос разума говорит, что требуется использовать архивный формат PNG без потери качества, т.к. множество повторяющихся цветов можно сжимать в архив с огромной степенью сжатия.
Но, просто тупо пересохранить файл в PNG любым графическим редактором - это на самом деле тупо. Мы же видим, что нету плавных переходов между цветами и на картинке используется совсем небольшое количество цветов, а именно 5. Поэтому даём команду редактору сохранять только указанное количество цветов:
Преобразование в цветное с указанным количеством цветов
Эту картинку по любому пришлось выложить в PNG, т.к. JPG не поддерживает прозрачность. А у меня окошко справа выходит за пределы изображения, поэтому, чтобы не захватить лишний фон под этими пределами в картинку, сохранял в PNG с прозрачностью.
А так как здесь нету плавных переходов между цветами, то нет никакой необходимости использовать сглаживание Floyd Steindberg, которое по умолчанию выставляется в том же окне.
В JPG можно ведь преобразовать PNG вообще без изменения качества, тот же lossless. Есть такая функция у JPG - 100% качество, т.е. без удаления соседних пикселей. Правда размер от этого значительно не уменьшится.
Но можно умеренно снизить коэффициент качества так, что как бы ты не присматривался, но разницы не увидишь. Зато значительно съэкономишь в размере и с комфортом для других покажешь своё творение, и наглядно продемонстрируешь качество выложенного видео.
Для сравнения вот 2 наглядных примера. Загадка называется: ...
...Найди 2 отличия...
Как видно, основная часть изображения одного голубого оттенка, НО!, происходит плавный переход от одного оттенка к другому. А это на самом деле несколько тысяч отдельных цветов, с чем никак положительно не справится архиватор PNG.
А вот формат JPG с лёгкостью удалит соседние схожие пиксели, коих тут то же навалом и покажет изображение аналогично исходному. Использовалось удаление информации следующими опциями:
Качество: 85%
Метод DCT: Медленный
Коэффициент: 0
Дискретизация: 2х2,1х1,1х1 (по умолчанию)
Не прогрессивный
По алгоритму Хоффмана
Помимо выцветшего цветка в правом нижнем углу никто ничего не заметит, как будто так и должно было быть.
Пикселизация отсутствует.
Разница в 6 раз ощутима!
И это наиболее важный фактор даже для современного интернета.
На заметку: для печати изображения к своему личному альбому, лучше оставить себе исходное качество, но на своём диске компьютера. А для веба, где нет необходимости печати, а только необходимость как можно быстрее доставить контент юзерам и поглядеть на экран монитора, лучше выбирать наиболее логически оправданное решение, в соответствии с поставленной целью и задачей.
Эмм, как бы я понимаю, что ты уже продвинутый гуру в этом вопросе. Однако твоё преклонение к формату PNG несколько не соответствует статусу "Гуру". В частности, это краткое выступление, по большей части, написано для наших маленьких друзей, молодых новобранцев, вступающих на путь истинный и праведный.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Последний раз редактировалось ErikPshat; 07.03.2014 в 19:12.
Единственная проблема - слайдшоу не 1 в 1 по размеру.
И это самое...можно обойтись без рамочки вокруг рамочки?))
Я так подумал, что делать слайдер размером 960х544 слишком круто для нашего форума. Ведь есть и другие разделы, где не требуется такое разрешение. Да и размер 700х390 думаю вполне подходящий - не слишком огромный и не совсем маленький.
Тут происходит автомасштабирование, т.е. маленькие картинки растягиваются, а большие сжимаются. Это конечно не очень хорошо, но умнее я ничего не смог придумать. Можно подумать, о возможности вставки в ББ-код кастомного размера по своему желанию.
Рамочка вокруг мне очень нравится. Без неё будет как-то не комфортно, как будто сидишь не в кинотеатре, а просто перед экраном старенького телевизора.
Ну если это будет массовое желание, тогда рамочку уберу.
И хочу убрать возможность изменения фона форума ))).
Стрелочки конечно я прикручу, они прячутся под картинкой почему-то, нужно выяснять, какое-то действие форума заставляет их делать невидимыми.
На предыдущей странице специально отфлудил несколько постов, чтобы выложить слайдер с новой страницы в шапке.
Тут смотрю за всё время никто так и не отписался о моём красивом телевизоре )). Я его так долго шлифовал и отрисовывал, старался целые сутки. По видимому никому не понравилась эта затея, дизайн и функции...
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Тут смотрю за всё время никто так и не отписался о моём красивом телевизоре )). Я его так долго шлифовал и отрисовывал, старался целые сутки. По видимому никому не понравилась эта затея, дизайн и функции...
Вот ведь наворотил (в смысле: наваял, придумал, завернул...). Курсором мышки под телевизором поводить, фон страницы меняется:
Будет-ли востребован такой навороченный просмотр картинок? Может, попроще тоже оставить, как было ранее предложено?
Еще бы его код посмотреть и было бы совсем хорошо.
А что его смотреть? Скачай Index.html по ссылке из расширенного просмотра правой кнопкой "Сохранить как..." и увидишь весь код. Собственно телик работает на том же плагине AnythingSlider(там и факью есть и описание функций), как предыдущий наш слайдер. Просто я нарисовал примитивную темку в CSS3 с небольшим кодом, поэтому появилось новое оформление и функции.
Сообщение от vash
Курсором мышки под телевизором поводить, фон страницы меняется
Ага, я уже писал об этом на предыдущей странице. Думаю убрать эту фичу.
Сообщение от vash
Может, попроще тоже оставить, как было ранее предложено?
В смыслях?
Насчёт этих предложений?
Сообщение от COOLERbyPSP
Единственная проблема - слайдшоу не 1 в 1 по размеру.
Можно обойтись без рамочки вокруг рамочки?))
То есть, убрать лишнюю рамочку и сделать размер 960х544?
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
ErikPshat, имелось ввиду, с чего всё начиналось - с простого слайд-шоу.
Я про это:
Сообщение от ErikPshat
Планирую этот код внедрить в виде ББ-кода, чтобы вставлять в сообщения несколько картинок в один такой ротобан. Синтаксис будет элементарным - ссылки на картинки нужно будет просто вставлять в ненумерованный листинг:
[LIST][*]Картинка 1[*]Картинка 2[*]Текст+Картинка 3[*]И т.д.[/LIST]
Но, благодаря твоим усилиям, тема выросла до "Телевизор для форума", а это уже совсем другое.
Можно подумать, о возможности вставки в ББ-код кастомного размера по своему желанию.
Я только "за"!
JPEG
Ну не любит он текст(
То есть, убрать лишнюю рамочку и сделать размер 960х544?
Угу, хотелось бы посмотреть на это. Ну и выбор фона нафиг, не вижу полезности, хоть и прикольно.
Просто опять же вернёмся к размеру и формату - с таким успехом можно и JPEG, при уменьшении размера этой рамкой сжатие в глаза не так бросится. Но тогда можно и просто брать PNG меньшего размера. Появляется вопрос - нафига делать скрины с рипа, если с таким же успехом можно взять скриншот откуда угодно. Либо постить JPEG с PNG по клику.
Война против джипега продолжается, но вот на такое я почти согласен:
Разница в размере ощутима, потери минимальны, а без увеличения не различимы. На 98 уже артефакты вокруг текста появляются =(
На низких SubSampling factor у него красный галстук тускнеет.
Ну и ещё оговорочка, PNG из примера после оптимизации 570Кб весит. Что тоже не конкурент по размеру JPEG 99%, согласен.
1185
Добавим.
Хоть и надо бы сменить эту картинку на что-нибудь более-менее, но речь не об этом.
Её с центра сместило вправо, BB-код CENTER вокруг неё отдельный.
И теперь мне нравится этот "телек", угодил
Последний раз редактировалось COOLERbyPSP; 07.03.2014 в 21:28.
Можно подумать, о возможности вставки в ББ-код кастомного размера по своему желанию.
Я только "за"!
Тогда придётся поменять какую-то опцию.
Если сменить опцию описания, типа титров к картинке, тогда это сделает бездарной половину моей работы
Если сменить опцию названия, тогда на странице можно помещать только 1 слайдер.
Сообщение от COOLERbyPSP
То есть, убрать лишнюю рамочку и сделать размер 960х544?
Угу, хотелось бы посмотреть на это. Ну и выбор фона нафиг, не вижу полезности, хоть и прикольно.
Если убрать рамочку, то это сделает бездарной ещё 4тверть моей работы
Если убрать выбор фона, то это ещё 4тверть в корзину.
Ну эти 4твертинки можно выкинуть или сделать фон только на рамочку, хотя хз.
Ну вот такой пример на время подогнал под размер 960х544.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
Не беда, по сути место такому слайдшоу (по крайней мере у меня в темах) только в шапке.
Ну и получается, что слайдер делается только под тебя, ибо картинки такого размера мало кто будет выкладывать.
Кстати, описание к картинкам в твоей теме не увидел. Или они не отображаются или ты оставил это поле опции пустым.
ОК, думаю сделать опцией ширину и высоту - думаю это будет лучший и универсальный выход.
Синтаксис будет такой: [width: 960px; height: 544px] (через точку с запятой)
Щас подумаю немного и что-нибудь замучу...
P.S. Старый слайдер на предыдущей странице удаляю, ибо его коды перекликаются с новым. Новый вставлю в первое сообщение.
Прошу любить и жаловать, Ваш Добро пожаловать в наш Чат в Telegram
картинки такого размера мало кто будет выкладывать
Поэтому я и за настраиваемый размер. Скриншоты можно и нужно не только в темах с видео выкладывать, но и в игровых. В идеале)
ОК, думаю сделать опцией ширину и высоту - думаю это будет лучший и универсальный выход.
Синтаксис будет такой: [width: 960px; height: 544px] (через точку с запятой)
Я вижу)