Comments 88
У вас на тестовом стенде <img>
ровно в два раза меньше <canvas>
-а. Наверное, из-за HiDPI.
Сдаётся мне, homm только что напостил себе 10 лет без права УДО...
Вы уж выбирайте там тестовые изображения поаккуратнее, а?
Дайте мне всего шесть строк, написанных рукой самого честного человека, и я найду, за что его можно повесить.Картиночка есть? Есть. Юная девочка на ней есть? Есть. Осталась самая мелочь — правильные™ эксперты, которые найдут в картинке всё, что требуется. Пример их работы уже имеется.
— Арман Жан дю Плесси Ришелье.
Чегой-то я не понимаю в этом мире: закон предложила Мизулина, а минусА — мне… =o.O=
Вы так шутите или в самом деле подумали, будто существует болезнь "алиасинг" ("лесенка")? Иногда поражаюсь уровню дискуссии на Хабре. Такое ощущение, что половина комментирующих даже не читают пост.
Что говорит об отсутствии какого либо участия или ознакомления с этой бедой или наличии знакомых, собирающих деньги для своего ребенка, а то и знакомых потерявших ребенка в моем случае. Если никогда зуб не болел, сочувствовать человеку с зубной болью сложно. Тем более понять что тут может обидеть. Обратите внимание, нет ни одного комментария раскрывающего противоположное мнение кроме вашего. Есть молчаливое несогласие, отсутствие диалога. Так что спасибо. Раз уж спросили может кто и задумается плевать ли ему на то что его слова могут значить что-то большее, чем он ожидает или нет. Возможно это только мои проблемы.
Статья хорошая, только ресайз на стороне клиента давно для себя закрыл. Кому нужен ресайз на клиенте если изображения сейчас на входе минимум от 5 MP закинутых пачкой вешают на долго браузер среднего компа.
Очевидно тому, кто делает client-side облачный редактор картинок, например.
Я игрался этими экспериментальными свойствами интерполяции при ресайзе img и при transform: rotate(). Результат пляшет от версии к версии от браузера к браузеру. Сегодня нормально, завтра мыло и т.п
Кстати, действительно интересно, насколько хороший визуально результат ресайза будет во Flash.
Для мобильных есть Canvas, тут конечно всё ясно. Хотя бы процент айфонов уже не позволяет всерьёз рассматривать Flash для мобайла.
Но можно применить оба решения с динамическим выбором на основе платформы/браузера), тем более если у нас отдельная мобильная версия сервиса, а не единый адаптивный дизайн под всё сразу (хотя и тут решаемо).
Ну да, только в устаревших версиях андроида и устаревшие версии флеша.
Ну уж для ресайза картинок и версия 8-9 сгодится, мне так кажется… А там вообще 11.4
У меня вот флеш удалён и на ПК.
То есть вы и Twitch с YouTube через HTML5 смотрите? Первый как минимум лагать может сильно, а у второго мне просто дизайн контролов не нравится, здоровое всё очень :) Ну это уже на вкус и цвет, да.
Делайте пожалуйста выбор на основе проверки возможностей
Согласен. Но в данном конкретном случае не так важно, мне кажется: если мы хотим не использовать Flash для мобильных, то достаточно проверить, что перед нами мобильное устройство. Разве нет? Можно конечно и массив plugins проверить, но зачем… Медленнее же будет.
Разработчики браузеров уже постарались, чтобы этот вариант был практически невозможен.
UPD: прочитал внимательнее, понял. спасибо.
GPU — тоже тот еще энергожрун. Лучше всего ресайзить картинки во время билда :) Жаль, не всегда возможно.
Но, вообще говоря, пока картинка одна — то в плане энергоэфективности получается экономия на спичках.
Ну представьте, что разработчики Хрома бы реализовали скругленые уголки аппроксимацией из трех отрезков, потому что так на железо оучше ложится, и сказали бы, что фичу поддерживают. Тут то же самое.
К тому же для картинок же как-то все используют более качественный ресемплинг и никто не поднимает вопроса об энергоэффективности, а картинки явно чаще встречаются чем канвас, да еще и не всегда требуют особого качества. А тут специальное апи специально для этого, для тех, кто специально хочет получить хорошее качество и такая лажа. Батарейка пользователя будет страдать больше, если вместо хорошего ресайза на клиенте придется слать огромные фотографии на сервер целиком.
Ну представьте, что разработчики Хрома бы реализовали скругленые уголки аппроксимацией из трех отрезков, потому что так на железо оучше ложится, и сказали бы, что фичу поддерживают. Тут то же самое.
Забавно, что вы вспомнили об этом, т. к. Хром до сих пор не научился правильно рисовать border, отличный от solid. См. https://www.impressivewebs.com/comparison-css-border-style/
Ресайз может быть нужен не только для отображения картинки с сервера, но и например для отображения миниатюр фоточек перед загрузкой на сервер. Да много чего придумать можно.
В том-то и дело, что если бы это происходило в картинках, было бы пофиг. Если пользователю не нравится, как выглядит img в браузере, можно взять другой браузер. А вот результат работы канваса потом и на сервер может попасть, а оттуда уже будут страдать глаза всех, кто его увидит.
image-rendering: -webkit-optimize-contrast;
если бы вместо Мани вы использовали Лену, то претензий от моралистов было бы меньше
Я так не думаю… Вот оригинал из Playpoy.
P.S. Правда модель уже совершеннолетняя и в настоящее время ей уже 65…
;))
Леной называется кусок оригинала из постера размером 512x512 пикселей, не содержащий никаких непристойностей.
В том то и дело, что оригинал как раз таки и содержит!
Я же дал ссылку ранее: http://fatcats.ru/uploads/posts/2014-02/1391417934_1972_11_lenna_sjooblom_playboy_centerfold.jpg
Просто смешно читать претензии этих "моралистов", высосанные из пальца. Картинка абсолютно нормальная. Не стоит ориентироваться на этих людей при написании постов.
Потом опять же, надо определиться что важнее — качество картинок или экономия трафика. Если качество картинок важнее то пусть уж сервер ресайзит.
1. Искажения, связанные с дискретизацией исходного аналогового сигнала во времени. В результате этого в спектре дискретизированного во времени сигнала появляются дополнительные спектральные составляющие. Следствием этого может быть появление «Эффекта наложения частот» или элайзинга (aliasing) при дискретизации сигнала с достаточно широким частотным спектром.
www.google.ru/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0ahUKEwj6_f3G45rNAhWKlCwKHTwRDdcQFggbMAA&url=http%3A%2F%2Fwww.autex.spb.su%2Fcgi-bin%2Fdownload.cgi%3Fdspa2007_1_18&usg=AFQjCNEpbyYhPrzvFmzWzGU5VoV2sBmECQ&bvm=bv.124088155,d.bGg&cad=rja
Ребята из хрома местами весьма упертые осталопы.А вот это, в таком случае, тема для отдельного поста с примерами и скриншотами.
Вообще я это написал к тому, что с багрепорта надо было начинать. А автор представил информацию в виде «вот всё сейчас плохо. я давно знал как надо сделать чтобы стало лучше, но уже долгое время просто жду что они реализуют это сами. вот терпение вышло — пошёл написал багрепорт»
Я бы с бОльшим удовольствием прочитал статью в стиле «год назад я нашёл проблему ресайза и отправил багрепорт с указаниями и правками как сделать лучше. проблему до сих пор пытаются исправить/не исправили и т.п.»
Писать отдельный пост с примерами и скриншотами о том, что в каком-то open source проекте разработчики — упёртые осталопы? Вы шутите, наверное?
а) все пидорасы, один вы — д'Артаньян
б) вы читаете и пишите не в то сообщество, где ценят ваши принципы
Ресайз картинок в браузере. Все может стать еще хуже