Когда появляются задержки, подтормаживания в отображении или смене картинок на слайд-шоу в приложении на телевизоре prtv.su, необходимо выполнить простые операции, которые помогут вам определить действительно ли картинки, загруженные вами в слайд-шоу, являются проблемой.
И так выясним, что такое Слайд-шоу (СШ) prtv.su – это демонстрация серии неподвижных изображений, заранее подобранных на определённую тему, на проекционном экране или электронном мониторе. Каждое изображение демонстрируется от нескольких секунд до нескольких минут, пока не сменится следующим. Смена изображения может осуществляться как вручную через произвольные интервалы времени, так и автоматически через равные промежутки.
Из чего состоит такое Слайд-шоу prtv.su разберем на примере:
– выбираем браузер Google Chrome,
– заходим на сайт https://prtv.su/ и вводим номер нашего слайд-шоу https://prtv.su/99303
– на открывшейся странице, в любом месте, нажимаем правой кнопкой мыши и выбираем «посмотреть код». – переходим в закладку «Источники»
В открывшемся меню мы видим:
- Папка для загрузки картинок «upload»
- Файлы с кодом и сценариями с разрешением .js
- Загружаемые шрифты
- Информер
Информер – автоматически обновляющийся специальный блок (отображается во фрейме), который устанавливается на СШ prtv.su для предоставления посетителям дополнительного контента (оперативной информации из какой-то области) от поставщика этой информации.
Нас интересует только первый пункт: Папка для загрузки картинок «upload» Открыв эту папку, мы можем увидеть все картинки, которые загружены в наших слайд-шоу prtv.su
Для понимания этих значимых действий мы оставили слайд-шоу как оно было создано изначально https://prtv.su/66980 и второе, переделали полностью https://prtv.su/99303, как оно и должно быть. Вы можете запустить оба слайд-шоу у себя на телевизоре и посмотреть эффект проделанной работы. Слайд-шоу до преобразования: https://prtv.su/66980 Выделяем один и тот же файл. В начальном варианте, когда файл с разрешением .png имеет вес 1.3 MB:
Слайд-шоу после преобразования: https://prtv.su/99303 В данном преобразованном варианте мы имем тот же файл с разрешением .webp и размером 181 kb. Попробуйте визуально найти отличия этих файлов на своих телевизорах!
Что мы сделали:
- Изменили все растровые файлы с разрешениями .jpeg; .png на .webp
- Максимально сжали .webp без потери качества
- Там, где это было возможно использовали векторный файл с разрешением .svg
- Загрузили новые файлы в наши слайд-шоу на prtv.su
Что такое файл с разрешением .SVG
Файл с разрешением .SVG – это сокращение преобразованное от Scalable Vector Graphics — «масштабируемая векторная графика» является одним из видов графики, которую формируют при помощи математического преобразования геометрических примитивов, которые создают все детали получаемого изображения.
В этом файл с разрешением .SVG хранится не сама создаваемая картинка, а всего лишь инструкции для её построения по определенным точкам и заданным кривым. Вся эта магия происходит на современном языке разметки SVG, расширяющем всем нам знакомый XML.
Какие можно выделить достоинства файл с разрешением .SVG:
Основное достоинство это конечно же масштабирование. При растягивании любого растрового изображения (.jpeg; .png на .webp) сверх 100%-ного его размера, то визуально мы увидим явное проявление пикселизации, где все отдельные точки превращаются в одноцветные блоки пикселей, а сами границы их областей становятся ступенчатыми. Что превращает картинку в некий некрасивый и не ровный на глаз объект.
Противоположные изменения происходят с векторными изображениями, к которым и относятся файлы с разрешением .SVG — при растягивании все его детали останутся гладкими и чёткими, а значит их видимое разрешение не уменьшится. Именно по этой причине файлы svg могут отображаться даже на самых больших разрешениях на телевизорах, проекторах без потери качества— и просто идеальны для слайд-шоу используемых на prtv.su.
Файл с разрешением .SVG открывается как HTML или CSS и может меняться в любом текстовом редакторе кода.
Файл с расширением .png в первом слайд-шоу https://prtv.su/66980 имеет размер 429B
Файл с расширением .svg в преобразованном слайд-шоу https://prtv.su/99303 имеет размер 187B, т.е. мы изменили расширение с .png на .webp и применили сжатие. Наш файл с расширением .svg векторный в отличии от растрового .png и может изменять свой размер без потери качества, о чем можно убедиться выведя данный слайд-шоу на своем телевизоре. Необходимо учитывать, что флаги в нашем слайд-шоу используются много раз и эффект от преобразования – уменьшение нагрузки на лицо.
И не менее главным достоинством файлов с разрешением .SVG, является его вес. При прочих равных параметрах векторный SVG весит намного меньше любого растрового своего собрата.
При всех перечисленных выше достоинствах естественно есть и недостатки в файлах .SVG
Назовем основные:
– файл с разрешением .SVG, не поддерживается очень старыми браузерами;
– Файл с разрешением .SVG может использоваться для фотографий.
Используя приведенный выше метод преобразования картинок, Вы можете существенно ускорить работу своего слайд-шоу в приложении prtv.su на телевизорах с android.
Как мы преобразовывали файлы, меняли их разрешения, а также какие использовали при этом программы Вы сможете узнать в нашей следующей статье.
