Открыть список
Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

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

Open sourceGitHubКопирайтСофт


Разработчики и энтузиасты начали распространять код youtube-dl на альтернативных платформах. Кроссплатформенный свободный проект с открытым исходным кодом на Python теперь доступен для скачивания в виде пары картинок формата png.
Читать дальше →
Всего голосов 24: ↑23 и ↓1 +22
Просмотры14.1K
Комментарии 21

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

Блог компании Intersect.HostРазработка веб-сайтовOpen sourceОбработка изображений


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

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

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

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

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

ЗЫ: Про Netscape писать передумал, кому надо — смотрите здесь ;)
Всего голосов 9: ↑8 и ↓1 +7
Просмотры255
Комментарии 6

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

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

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

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

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

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

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

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

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

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

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

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

Браузеры
Результат теста PNG + IE7 opacity

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

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

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

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

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

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

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

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

Читать дальше →
Всего голосов 12: ↑9 и ↓3 +6
Просмотры206
Комментарии 6

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

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

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

Естественный вопрос уважаемым разработчикам: а нельзя ли это исправить?
Всего голосов 17: ↑5 и ↓12 -7
Просмотры210
Комментарии 11

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

Чулан
Вчера с удивлением обнаружил, что 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. В остальных браузерах таких проблем не наблюдается.
Всего голосов 9: ↑6 и ↓3 +3
Просмотры303
Комментарии 1

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

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

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

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

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

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

В принципе, легко заменить через background конструкций ul-li, но столкнулся со
следующей проблемой
Всего голосов 9: ↑7 и ↓2 +5
Просмотры222
Комментарии 17

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

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

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

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


    Скачать и посмотреть можно на странице Unit PNG Fix
Всего голосов 41: ↑30 и ↓11 +19
Просмотры1.8K
Комментарии 49

PNG vs. Internet Explorer

Разработка веб-сайтов

В двух словах

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

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

Клиентская оптимизация
Перевод
Примечание: ниже приведен перевод статьи «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 →
Всего голосов 56: ↑53 и ↓3 +50
Просмотры5.3K
Комментарии 99

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

Клиентская оптимизация
Перевод
Примечание: ниже находится перевод статьи «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 →
Всего голосов 53: ↑52 и ↓1 +51
Просмотры1.8K
Комментарии 11

Hover под прозрачным изображением

Чулан
В очередной раз сталкиваюсь со следующей проблемой при вёрскте html. Поверх контента находится изображение с прозрачными или полупрозрачными (как .gif, так и .png) областями. Через эти области виден контент, но использовать его (выделять текст, нажимать ссылки и т.д.) пользователь не может.

Знает ли кто-нибудь из знатоков французского, как эту проблему решить? Вариант с разрезанием исходного изображения на кучу маленьких не предлагать — не будем проявлять слабость :)
Читать дальше →
Всего голосов 10: ↑2 и ↓8 -6
Просмотры354
Комментарии 9