TJ оптимизирован Статьи редакции

Всем привет, вчера мы запустили важную оптимизацию на TJ (и всех сайтах Комитета) — почти все картинки тут теперь отдаются в формате webp.

Что это значит?

Webp — формат изображений, разработанный компанией Google. Он намного эффективней JPEG и PNG, а это значит, что картинки, сохранённые в этом формате, без потери качества могут «весить» в среднем в 1,5-2 раза меньше. Есть и примеры, когда webp-версия картинки тратит в 10 раз меньше трафика.

344kb (webp) vs 475kb (jpg) — 28% экономии Фото Henry Be

Это значит, что для многих пользователей наши сайты будут работать быстрее.

Для многих? Не для всех?

Нет, к сожалению, не все браузеры поддерживают этот формат, в частности, в Safari и Firefox картинки по-прежнему будут отдаваться в jpg и png. Однако около 70% наших пользователей будут пользоваться современным форматом.

540kb (webp) vs 670kb (jpg) — 19% экономии Photo by Santiago Gomez

Плюсы, минусы, подводные камни

Конечно, для тех, кто собирает на жёстком диске коллекцию мемов, это может быть не очень удобно. Вам я предлагаю воспользоваться плагином для Chrome — он позволит скачивать картинки в обычных форматах. Либо из URL картинки можно просто удалить -/format/webp/.

19kb (webp) vs 30kb (png) — 37% экономии

Кстати, мы сделали возможной вставку картинок с наших сайтов внутрь редактора и комментов в оригинальном качестве, то есть вы можете просто в любом месте скопировать ссылку на картинку (даже на webp) и вставить ссылку в редактор — она автоматически загрузится в оригинальном качестве (без ресайза).

287kb (webp) vs 772kb (png) — 63% экономии (!)

Что дальше?

Мы постараемся добавить поддержку webp в наши приложения, чтобы охватить ещё большее количество пользователей, ну и также ждём отзывы и сообщения о багах.

Пишите, если заметите где-то низкое качество в сравнении с оригиналом, или если webp-версия будет весить больше, чем оригинальная картинка.

0
161 комментарий
Написать комментарий...
Положительный холод

Ребят почему когда я пишу статью и заливаю в нее фотку 4.5мб размером то у меня отрубает интернет?
Роутер ставил другой(такой же но новее) одна херня.
Еще тоже самое происходит когда в комнате для клиентов ip tv врубают на телеке

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
5 комментариев
Вчерашний глобус

Если забить на петросянов выше, то на вид проблема с величиной MTU на одном из интерфейсов. Звони провайдеру, проси чтобы чинили, это ненормально, никаких кабелей на замену не надо.

Ответить
Развернуть ветку
12 комментариев
Денис Лисовски

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

Ответить
Развернуть ветку
Дамир Камалетдинов

А ссылка на webp не парсится почти ни в одном сервисе. В тот же слэк не скинешь webp(

Ответить
Развернуть ветку
20 комментариев
Осторожный рубин

Google диктует свои правила, благодаря браузеру.

Ответить
Развернуть ветку
2 комментария
Morgan

А в чем проблема? Сохраняются они как любые другие картинки, открываются также без проблем многими вьюверами.
А еще в Телеграме они сразу выглядят как стикеры.

Ответить
Развернуть ветку
3 комментария
Ded Pihto

Только Jpeg 2000 дал бы сжатие раза в два лучше на фотках, но его вы в браузерах не увидите изза ёбаных копирастов, а этот webp компромиссная хрень

EDIT: А хотя, вон в эппл на айфонах он доступен, купили патент чтоли...

Ответить
Развернуть ветку
Скучный Денис

ТЫ ЧТО, ХОЧЕШЬ ЧТОБЫ РОЗРОБОТЧЕКИ ГАЛАДАЛИ?!

Ответить
Развернуть ветку
4 комментария

Комментарий удален модератором

Развернуть ветку
17 комментариев
Конечный историк

Где пруфы, что дал бы?

Ответить
Развернуть ветку
4 комментария
Московский мангал

webp же открытый формат, зачем патент?

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Осторожный рубин

Я think, что просто обкатывают для future блогов, когда юзеры смогут сами у себя writes. Таким образом, можно будет subscribe to users

Ответить
Развернуть ветку
4 комментария
Поперечный кавалер

А ты кто вообще? В команде Ширяева работаешь что ли?

Ответить
Развернуть ветку
R4as0n

Что за "Комитет"? Откуда такое идиотское название? Почему о нём ничего не сказано в описании сайта? И почему закрыли комменты при редизайне?

Ответить
Развернуть ветку
Baileys
И почему закрыли комменты при редизайне?

Лол, ты сколько лет ждал, чтобы спросить это?

Ответить
Развернуть ветку
Осторожный рубин

Комитет существует уже давно, это объединение трёх сайтов: VC, DTF и TJ

https://cmtt.ru

Ответить
Развернуть ветку
2 комментария
Банальный фитиль

Ты че ахуел?

Ответить
Развернуть ветку
Elian Kavinsky
344kb (webp) vs 475kb (jpg)

Сохранил я это поле, оно весит 1.56мб. Вы мне там вирус зашили, да?

Ответить
Развернуть ветку
Elian Kavinsky

Хм, а меньшая версия весит 115кб и сохраняется в webp. И браузер firefox, а говорил, что в нём не будет работать.

Ответить
Развернуть ветку
4 комментария
Трудящийся цветок

То комментарии свернут, теперь ещё и мемы копировать запретили. Спасибо друзья развитие юзабельности так сказать.

Ответить
Развернуть ветку
Московский мангал

Нашёл тут: https://bit.ly/2V2fgOz
Смотрите автора и всё проясняется!

Ответить
Развернуть ветку
Denis Shiryaev

Как видишь, я давно охочусь за джпегом!

Ответить
Развернуть ветку
Советский ящик

Хули мне этот webp, вы лучше скажите, фоточки на ифоне сохраняете в их ебаном heic или в жипеге?

Ответить
Развернуть ветку
Правильный самолет

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

Ответить
Развернуть ветку
1 комментарий
Ded Pihto
heic

Так судя по описанию на вики это та же хрень что webp

Ответить
Развернуть ветку
6 комментариев
Baileys

Тут походу первая проблема
https://tjournal.ru/bugs/82671-v-alyaske-tenyushka-na-logotipe-slomalas

Ответить
Развернуть ветку
Denis Shiryaev

Это я сломал :)

Ответить
Развернуть ветку
Геологический фитиль
в Safari и Firefox картинки по-прежнему будут отдаваться в jpg и png

У меня в Firefox включена поддержка webp - отдавайте мне webp
https://www.opennet.ru/opennews/art.shtml?num=49549

Ответить
Развернуть ветку
Правильный самолет

У тебя тогда уже работает, ага.

Ответить
Развернуть ветку
6 комментариев
Московский мангал

Чёта кокоета бредовое решение.

Ответить
Развернуть ветку
Elian Kavinsky

Просто комитет хочет снизить счета за интернет.

Ответить
Развернуть ветку
Oh HiMARS

В Firefox вроде бы скоро завезут (https://medium.com/@richard_90141/webp-image-support-an-8-year-saga-7aa2bedb8d02)

А вообще, спасибо в первую очередь за Lazyload

Ответить
Развернуть ветку
Oh HiMARS

Илюхер, за что минус? Lazyload не любишь, пёс?

Ответить
Развернуть ветку
6 комментариев
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Правильный самолет

лучше просто удалить часть с -/format/webp/, потому что там бывает еще png

Ответить
Развернуть ветку
1 комментарий
Майкл Тач

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

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
1 комментарий
Правильный самолет

Пофиксим, да

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Aidos Kapanov

В Хроме поддержка WebP раньше всех появилась, это же гугловский формат :)

Ответить
Развернуть ветку
1 комментарий
Пластиковый Мёд

РЕДИЗАЙН
Ой всмысле
ОПТИМИЗАЦИЯ!

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Конечный историк

Давно пора. Скоро ФФ будет поддерживать его, и заживём. Ждём поддержки в операционках

Ответить
Развернуть ветку
Eireen K

https://tinypng.com/ не рассматривали? Если и будет еле заметное ухудшение качества, то для мемасиков это некритично.

Ответить
Развернуть ветку
Eireen K

О, вот тут https://stackoverflow.com/questions/12146859/how-does-tinypng-org-compress-png-files ссылочка на похожую CLI-утилитку (сама не тестила)
https://pngquant.org/

Ответить
Развернуть ветку
Арсений Юсуфов

когда исправите баг при переходе по табам в мобилке?

Ответить
Развернуть ветку
Сильный меч

Комментарий недоступен

Ответить
Развернуть ветку
Elian Kavinsky

А сделайте, пожалуйста, чтобы фотки из галереи можно было сохранить/скопировать ссылку. Кнопки листания (влево-вправо) полностью закрывают картинку.

Ответить
Развернуть ветку
Михаил Кометов

Ребят, оптимизация это круто, я не спорю, но мы ДЕЙСТВИТЕЛЬНО должны были тратить человекочасы на фичу, которая экономит 100кб? Мы же не в 2001 году, диалап давно в прошлом

Деньги и время, потраченные на это, можно было потратить в более полезное русло. Например, в возможность отключать "прямой эфир", который не всем нужен (мне например), но жрёт почти столько же трафика

Ответить
Развернуть ветку
パイナップル アリクサンダ

Вы когда галерею в приложении почините?

Ответить
Развернуть ветку
Прикладной Илья

Комментарий недоступен

Ответить
Развернуть ветку
Slow Dimon

Может сделаем, чтобы комменты норм грузились?
Да не, хуйня какая-то.

Ответить
Развернуть ветку
Никита Марченко

Вместо того, что бы использовать нормальные энкодеры(типа mozjpeg и подобные) мы внедрим сраный webp. Разработчики одного браузера ебана.

Ответить
Развернуть ветку
Vadim Kondakov

Угарна

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Vasiliy Yvapyvapov
Ответить
Развернуть ветку
Читать все 161 комментарий
null