Pull to refresh

Код youtube-dl распространяют на альтернативных платформах, в виде картинок и с помощью уязвимости GitHub

Open source *GitHub *Copyright Software


Разработчики и энтузиасты начали распространять код youtube-dl на альтернативных платформах. Кроссплатформенный свободный проект с открытым исходным кодом на Python теперь доступен для скачивания в виде пары картинок формата png.
Total votes 24: ↑23 and ↓1 +22
Views 15K
Comments 21

Новый формат изображений WebP2 будет сжимать на 30% лучше, чем обычный WebP

Intersect.Host corporate blog Website development *Open source *Image processing *


Сравнение сжатия WebP без потерь с различными кодерами PNG, источник: Smashing Magazine

Инженеры Google начали экспериментировать с новым форматом сжатия изображений WebP2, следующим поколением формата файлов WebP.

Общепризнанная поддержка WebP пока продвигается очень медленно. Например, браузер Firefox добавил поддержку WebP только в 2019 году в версии Firefox 65, а некоторые CMS (и Habrastorage) до сих пор полностью его не поддерживают. В результате многие сайты по-прежнему публикуют изображения в старых и/или проприетарных форматах GIF, JPEG и PNG, генерируя лишний трафик.
Читать дальше →
Total votes 16: ↑14 and ↓2 +12
Views 4K
Comments 17

Главное — скорость. Новый графический формат QOI в 20−50 раз быстрее PNG

М.Видео-Эльдорадо corporate blog Open source *Algorithms *Image processing *Data compression *


Современные форматы кодирования изображений — это настоящая магия, в которой не разобраться без нескольких лет погружения в специфические алгоритмы. Даже опенсорсные форматы содержат настоящее спагетти навороченных и хитроумных методов типа алгоритма Хаффмана и дискретно-косинусного преобразования — результат нескольких десятилетий развития компьютерной науки.

Поскольку польский разработчик Доминик Шаблевски вообще не разбирается в кодировании изображений, то он написал примитивный метод сжатия изображений без потери качества всего в 300 строчек кода, на базовой математике. Результат его очень удивил.
Читать дальше →
Total votes 60: ↑58 and ↓2 +56
Views 8.9K
Comments 16

Опубликованы спецификации графического формата QOI, который в 20–50 раз быстрее PNG

ITSumma corporate blog Open source *Algorithms *Image processing *Data compression *
Примерно месяц назад польский программист Доминик Шаблевски представил на суд публики новый графический формат QOI (Quite OK Image). Формат сжимает без потери качества, ориентируется на максимальную скорость кодирования/декодирования изображений, и по бенчмаркам значительно превосходит libpng и stbi. Разница в сжатии составляет 20−50 раз, в декомпрессии — 3−4 раза.

Кроме того, формат сжатия исключительно простой, закодирован буквально в 300 строчек кода, и работает по простым правилам типа кодирования повторов (RLE). Естественно, он не связан никакими лицензионными соглашениями и ограничениями.

И вот вчера после исправления всех недочётов наконец-то опубликованы финальные спецификации, так что теперь QOI документально забетонирован и его можно начинать использовать в продакшне. Что примечательно, полные спецификации QOI поместились на одной странице!
Читать дальше →
Total votes 43: ↑39 and ↓4 +35
Views 4.4K
Comments 14

Не «джипегом» единым ;)

Lumber room
Раньше на Хабрахабр можно было заливать картинки только в формате JPG (в доказательство предлагаю комментарий, датированный вчерашним днём). Но сегодня, когда я хотел написать новый пост про скорый выход очередной версии дебильного браузера Netscape 9, я обнаружил поддержку форматов PNG и GIF. Вот так, без лишнего пафоса, программеры Хабрахабра добавили поддержку новых (порой очень нужных) форматов!

ЗЫ: Про Netscape писать передумал, кому надо — смотрите здесь ;)
Total votes 9: ↑8 and ↓1 +7
Views 338
Comments 6

Студия Лебедева рассказала, как сделала «Бизнес-линч»

Lumber room
С недавних пор на сайте Студии Артемия Лебедева существует «урок», рассказывающий о некоторых технических аспектах создания проекта «Бизнес-линч». Повествуется, в частности о поисках инструмента для конвертации формата векторной графики SVG в формат PNG. Поскольку программа ImageMagick по ряду причин не сгодилась, установили SVG-растеризатор из комплекта «Батик». Если идти по технологической цепи сначала, были пройдены такие этапы: Flash, XML, XSL, PNG, Java.

Напомним, с 1 сентября Студия Артемия Лебедева, как обещано, ежедневно выставляет на своем сайте дизайнерские работы, предварительно подвергнутые процедуре «Бизнес-линча». Этот проект пришел на смену почти забытой «Порке», и в первые дни его существования казалось, что «бизнес-линчевать» — значит сопровождать тот или иной труд комментарием из нескольких слов, одно из которых непременно «говно». Но дальнейшее развитие проекта показало, что арт-директоры и дизайнеры студии могут быть и более многословными.
Rating 0
Views 1.2K
Comments 0

GIF окончательно свободен

Lumber room
Начиная с первого октября 2006 года, графический формат GIF официально стал свободным форматом.

Хотя срок действия последнего патента, принадлежащего корпорации IBM, истек еще 14 августа нынешнего года, а патенты других компаний утратили силу несколькими годами ранее, чтобы окончательно «освободиться», методу сжатия Graphics Interchange Format понадобилось еще почти полтора месяца. Зато теперь каждый желающий может воспользоваться форматом как в коммерческих, так и в личных целях. Кстати, ограничения на применение GIF стали толчком к созданию открытого формата PNG, основанного на алгоритме Deflate (GIF базируется на LZW).
Rating 0
Views 407
Comments 0

Mozilla будет поддерживать APNG (Animated PNG).

IT-companies
На форуме российского зеркала Mozilla нашел интересную новость:
Недавно в «ночные» сборки Firefox была добавлена поддержка APNG (Animated PNG). Это новый формат возможно в будущем полностью вытеснит GIF, так как предоставляет более обширные возможности по созданию анимированных изображений: 24-битный цвет и прозрачность.
Total votes 16: ↑15 and ↓1 +14
Views 473
Comments 10

3 лекарства для Ослика

Lumber room
У великого (по доле рынка) творения Microsoft — браузера Internet Explorer раньше 7 версии имеется множество недостатков, среди которых современных веб-дизайнеров и разработчиков наиболее напрягают:
  • плохая поддержка селекторов CSS2 (в частности, слабая поддержка псевдокласса :hover)
  • плохая поддержка PNG с градациями прозрачности.

Эти проблемы должны решиться, если все пользователи IE перейдут на седьмую версию. Для тех, кто не хочет ждать, я представляю три лучших лекарства от этих недомоганий браузера.
Читать дальше →
Total votes 41: ↑36 and ↓5 +31
Views 597
Comments 94

PNG с альфа-каналом + opacity в IE7

Browsers
Результат теста PNG + IE7 opacity

Нужно было добавить на сайт плавно появляющиеся изображения в формате PNG с альфа-каналом. IE5.5-IE6 поборол баг-фиксом с применением AlphaImageLoader. Ожидал, что с IE7 не будет в этом плане проблем. Ошибался…

В IE7, при накладывании прозрачности на полупрозначный PNG, 8-битный альфа-канал начинает вести себя словно 1-битный. Полностью прозрачные пиксели прозрачными и остаются, а те, которые были хоть немного непрозрачными, накладываются на чёрный фон.

Кроме того, в IE7 так и не ввели CSS3 свойство opacity.

Тест прилагается

UPD: На выше упомянутом сайте для достижения требуемого эффекта пришлось использовать старый трюк, применяемый к полупрозрачным PNG в IE<7. Вот вам и поддержка альфа-канала.
Total votes 35: ↑32 and ↓3 +29
Views 2K
Comments 82

PNG в IE. Ссылки должны работать.

Lumber room
В продолжение темы о лечении Ослика.

Столкнулся с проблемой — хотя PNG в фоне слоя заработал, и удалось даже как-то изобразить повторяемость по вертикали, ссылки в div'е не работали в IE.

Читать дальше →
Total votes 12: ↑9 and ↓3 +6
Views 206
Comments 6

Прозрачный PNG в аватарах на Хабре обретает фон

Lumber room
На многих сайтах я использую свой PNG-аватар. А он, в свою очередь, использует такое приемущество формата PNG, как альфа-канал. Но на Хабре мистическим образом это приемущество оборачивается недостатком: изображение теряет прозрачность.

В моём случае фон становится чёрным. На мой взгляд, это губит красивую идею универсального аватара.

Естественный вопрос уважаемым разработчикам: а нельзя ли это исправить?
Total votes 17: ↑5 and ↓12 -7
Views 275
Comments 11

IE 7 и png с гамма коррекцией

Lumber room
Вчера с удивлением обнаружил, что ie 7 (и более ранние версии) не правильно отображает png файлы с дополнительной информацией о гамма коррекции (chunk gAMA). В отличии от других браузеров цвета в ie выглядят более темными. Проверить можно на «Browser Gamma Correction Test Page» на сайте libpng.org.
Chunk gAMA параметр был добавлен разработчиками формата png из-за того, что одни и теже цвета в Windows и Mac OS отображаются по-разному. И все из-за разного значения параметра gamma в Windows (2,2) и Mac OS (1,8).

Решить данную проблему достаточно просто, необходимо удалитить gAMA chunk из png файла. Сделать это можно различными утилитами, например tweakpng. В остальных браузерах таких проблем не наблюдается.
Total votes 9: ↑6 and ↓3 +3
Views 361
Comments 1

Как сделать RSS иконку любого цвета, используя одну картинку

CSS *
Как сделать RSS иконку любого цвета, используя одну картинку
В этой статье я расскажу вам как сделать RSS иконку любого цвета, используя всего одну картинку.

Идея заключается в том, чтобы использовать -элемент, фоном которого будет картинка в формате .png, а цвет фона элемента будет цветом нашей иконки. Мы возьмем именно png изображение, чтобы воспользоваться свойством сохранения прозрачности этого формата.
Читать дальше →
Total votes 81: ↑66 and ↓15 +51
Views 4.6K
Comments 60

Absmiddle — забыть или стоит помучиться?

Lumber room
Как известно absmiddle это значение параметра align, которое поддерживается всеми браузерами, однако не поддерживаются спецификацией HTML 4.x/XHTML 1.0.

Параметр собственно был достаточно полезен и удобен.

В принципе, легко заменить через background конструкций ul-li, но столкнулся со
следующей проблемой
Total votes 9: ↑7 and ↓2 +5
Views 393
Comments 17

Ещё один способ разобраться с PNG в IE6

Website development *
Существует несколько способов избавиться от глюка использования PNG картинок в Internet Explorer 6.

Unit Interactive предложили свой вариант решения — Unit PNG Fix.

Ключевые особенности:
  • Малый вес, около 1 килобайта
    Решает некоторые проблемы функциональность атрибута filter
    Работает как с тегоми img, так и атрибутом background-image
    Автоматически запускается
    Позволяет выставлять авто ширину и высоту
    Полностью бесплатен


    Скачать и посмотреть можно на странице Unit PNG Fix
Total votes 41: ↑30 and ↓11 +19
Views 1.9K
Comments 49

PNG vs. Internet Explorer

Website development *

В двух словах

В догонку появившейся недавно статье о преодолении привередливого отношения браузера Internet Explorer 6-й версии по отношению к .png, опишу еще один рецепт.Речь идет о разработке TwinHelix под банальным названием IE PNG Fix.
Читать дальше →
Total votes 2: ↑2 and ↓0 +2
Views 5.4K
Comments 35

Разгоняем картинки: PNG вместо GIF

Client optimization *
Translation
Примечание: ниже приведен перевод статьи «Replace GIF with PNG Images» о том, в каких случаях стоит использовать PNG-формат вместо GIF. Мои комментарии далее курсивом.

Введение



Переносимый сетевой графический формат (Portable Network Graphics, PNG) разрабатывается как более эффективная, гибкая и свободная от патентов замена GIF-формату. PNG был задуман для хранения отдельных растровых изображений для дальнейшего распространения по компьютерным сетям (1). PNG был создан в 1995 в ответ на давление со стороны Unisys и их патента на алгоритм LZW-сжатия, используемый в GIF. Хотя срок действия патента Unisys уже закончился, причины на переход от GIF к PNG остались, практически, прежними (2). Заменив ваши GIF-изображения теми же самыми, но в формате PNG, вы можете ускорить загрузку ваших страниц и сэкономить трафик ваших пользователей.

PNG против GIF: алгоритмы сжатия



PNG использует алгоритм deflate-сжатия обычно с 32Кб скользящим (sliding) окном. Deflate является улучшенной версией алгоритма сжатия Lempel-Ziv (LZ77), который используется в ZIP- и GZIP-файлах (3, 4). Созданный Phil Katz для второй версии PKZip, deflate совмещает LZ77 с кодированием Huffman и является от 10% до 30% более эффективным, чем LZW при сжатии без потери информации. Так же, как и GZIP, некоторые инструменты по PNG-сжатию предполагают опциональный параметр «степень сжатия», которая варьируется от 1 до 9. По умолчанию выставляется 6. 9 является практически всегда лучшим выбором для максимального сжатия.

Не удивительно, что изображения, сохраненные как PNG, обычно от 10% до 30% меньше, чем GIF, хотя в некоторых редких случаях они могут быть больше по размеру (5, 6). В нашем тестировании мы обнаружили, что часть картинок могут быть сжаты от 40% до 50% или даже больше (до 85% для одного примера), в зависимости от изображения. По большей части изображения с большими однотонными областями сжимаются лучше, чем градиентные с большим количеством переходов между цветами.

читать дальше на webo.in →
Total votes 56: ↑53 and ↓3 +50
Views 5.7K
Comments 99

Средний размер веб-страницы увеличился втрое с 2003 года

Client optimization *
Translation
Примечание: ниже находится перевод статьи «Average Web Page Size Triples Since 2003», в которой автор рассуждает о тенденциях, происшедших за последние 5 лет, касающихся размера веб-страницы и числа объектов на ней. Очень интересно сравнить полученные данные с ростом пропускной способности интернета, по моему мнению, последняя увеличилась примерно так же. Отсюда можно сделать вывод, что клиентская оптимизация ни разу не потеряла своей актуальности за последние 10—15 лет. Мои комментарии далее курсивом.

Размер средней веб-страницы увеличился более чем втрое с 2003 года. С 2003 по 2008 годы она увеличилась в размере с 93,7Кб до более 312Кб (см. рисунок 1), почти на 233% (Domenech и др. 2007, Flinn & Betcher 2008). За тот же пятилетний период число объектов на такой странице примерно удвоилось: с 25,7 до 49,9 объектов на страницу. Если взять статистику за более длительный период, то окажется, что с 1995 года размер средней веб-страницы увеличился в 22 раза, а число объектов на страницу в 21,7 раза.

Рост размера средней веб-страницы

Рисунок 1. Рост размера средней веб-страницы

читать дальше на webo.in →
Total votes 53: ↑52 and ↓1 +51
Views 2K
Comments 11