TJ Ilya Chekalsky
4 759

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-версия будет весить больше, чем оригинальная картинка.

{ "author_name": "Ilya Chekalsky", "author_type": "editor", "tags": [], "comments": 163, "likes": 75, "favorites": 20, "is_advertisement": false, "subsite_label": "team", "id": 82651, "is_wide": true, "is_ugc": false, "date": "Fri, 21 Dec 2018 19:26:25 +0300" }
Комментарии

Точный ключ

23

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

Подробный американец

3

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

Случайный ГОСТ

2

344kb (webp) vs 475kb (jpg)

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

TJ
дискуссии в сообществе доступны только владельцам клубного аккаунта
С клубным аккаунтом вы сможете
создавать записи и вести дискуссии в закрытых сообществах
наслаждаться нашим сайтом без рекламы
помочь проекту и почувствовать себя лучше
Купить за 75₽

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "i", "ps": "cndo", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "i", "ps": "cndo", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "ezfk" } } }, { "id": 6, "disable": true, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byswn", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "cndo", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223677-0", "render_to": "inpage_VI-223677-0-130073047", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=cndo&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudv", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "ccydt", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fzvc" } } } ]
Действительно важные push-уведомления
Подписаться на push-уведомления