Lingualeo, диватоз и графика в SVG и PNG

00:00 Интро
01:33 Разбор Lingualeo
04:05 Загрузка графики
06:51 Проблемы с вектором
12:31 Проблемы с растром
18:49 Вектор с растром внутри
21:20 Диватоз и кнопки-ссылки

* * *

Камера: Lumix GH5 + DMW-XLR1
Объектив: Lumix 20 мм, f/1,7 II
Микрофон: Audio-Technica AT4053b
Свет: Aputure Light Storm 120t + Light Dome
Софт: Final Cut Pro, iZotope RX

[pepelsbey]

01:33 Разбор Lingualeo
04:05 Загрузка графики
06:51 Проблемы с вектором
12:31 Проблемы с растром
18:49 Вектор с растром внутри
21:20 Диватоз и кнопки-ссылки

[danyawyse]

Посмотрел выпуск, думал что мой супер сборщик "gulp" оптимизирует не хуже...как же я ошибался. Спасибо!

[dbelyaev]

Отличный формат. Слушается легко, особенно в машине. Повышает настроение у стоящих в пробке веб-программистов :-)

По поводу земного шара растрового, засунутого в вектор под маску, — вообще какой-то криминал.

По поводу трёх картинок png-шных с кадрами из фильмов — если так уж нужны были торчащие картинки, их можно было просто в одном JPEG тремя слоями друг на друге сделать, а тень и прочее сохранить, прозрачность при однотонном (белом) фоне не нужна. Для такого размера картинки потеря каких-то деталей не так критична, когда можно сохранить сотни килобайт размера.

Звук прекрасный. Картинка приятная. Вадим, так держать!

[gorodiskiy]

С каждым выпуском иду править свою верстку)
Спасибо Вам за такой формат!

[YkoPon]

"Я нашел пасхалку" - это пять! )) Все очень клево и добавить нечего. Еще!

[maximmaximov]

"Критика- это когда я что-то критикую!" 😂🤣 Гениально🤣

[artemnaumov]

Вадим, у тебя одна майка круче другой! Очень приятно смотреть и слушать. Спасибо тебе за твою работу.

[НикитаКуперштейн]

Прошло пол года, и все изменилось, видимо кто-то из Leo все-таки посмотрел этот выпуск, Вадим спасибо, смотреть и слушать тебя одно удовольствие

[ArtemBurlaka]

Очень понятный разбор. Главная суть - нужно с умом экспортировать графику. Прозрачность не везде нужна и не везде нужен вектор

[rommand]

Мы не остались равнодушными! :) Просто не смогли. :) Это просто праздник какой-то... Ребята из LinguaLeo, спасибо вам за повод узнать больше об оптимизации изображений.

[zx]

9:50 здоровый подход. Кроме размера есть ещё скорость отрисовки. У растра, тем более НЕ сжатого она будет выше.

[dondragon]

я в шоке)
но це годнота....
це супра контент....
по правильности применения инструментов!!!
и элементов на сайте!!!

[Gurylyov]

«Применив инструменты… или голову» :D
Взаимоисключающие штуки, да)))
«Можно вытащить брата»
из под Челентано :D
«Берём Брата… и начинаем его растягивать»
Блин, этот выпуск можно на цитаты растягивать)))

[naydensnaydens]

Вадим, респект! Видно что ты выкладываешься, мне было интересно и познавательно.

[Gizzatful]

Очень познавательно, спасибо! Хорошо бы ещё информацию про тулы оптимизации/их сравнение/рекомендации раз затронули тему с изображениями.

[Shakhrom-bd]

очень крутой формат, разбор работ всегда большой "ПЛЮС", тем более на реальном работающем примере показывать минусы и плюсы.

[МаксСолнцев-ьм]

Очень круто, посмотрел все и первый мой колокольчик был поставлен здесь! Я прям не хочу пропускать выпуски, это очень сильно заклпдывпется в память и когда будешь в след раз верстать всегда будешь об этом помнить! Круто, спасибо, низкий поклон!

[ДаряЮрко-ут]

Ваш канал - находка для меня. Спасибо.

[rdtrue]

Получил огромное удовольствие от просмотра. Бальзам на душу. Единственное хотел заметить по поводу этой тройной картинки с Челентано. Прикол в том, что если сделать их все одной картинкой и с скругленными углами и градиентом, который будет падать на заднии картинки, то уже не применить бордер радиус и тени через css. Но, конечно, согласен, три картинки в данном случае, это как-то дико. Помимо всего прочего, это же еще и 2 дополнительных запроса к серверу.

[Szesorvs]

Спасибо про диватоз - добавлю в свой словарь!