Эффективные способы оптимизации современных веб-сайтов

Web-страница

Веб-страница (англ. Web page ) — гипертекстовый ресурс Всемирной паутины, обычно написанный на языке ссылки для быстрого перехода на другие страницы, а также статические и динамические изображения. Программа, демонстрирующая веб-страницу, называется веб-браузер.

Кроме текста и изображений, веб-страница может содержать медиа файлы, например звуковые файлы и видео, апплеты, а также скрипты (JavaScript, VBScript), позволяющие делать содержание страницы динамическим. Информационно значимое содержимое веб-страницы обычно называется контентом.

Несколько веб-страниц, объединенных общей темой и дизайном, а также связанных между собой ссылками, и обычно находящихся на одном веб-сервере, образуют веб-сайт.

Обычно файл Веб-страницы имеет расширение .html или .htm.

Литература

• Артур Бибек, Бад Смит Создание Web-страниц для «чайников» = Creating Web Pages For Dummies. — 7-е изд. — М.: «Диалектика», 2006. — С. 304. — ISBN 0-7645-7327-6
• Якоб Нильсен, Хоа Лоранжер Web-дизайн: удобство использования Web-сайтов = Prioritizing Web Usability. — М.: «Вильямс», 2007. — С. 368. — ISBN 0-321-35031-6

Wikimedia Foundation . 2010 .

Смотреть что такое «Web-страница» в других словарях:

WEB-СТРАНИЦА — См. ВЕБ СТРАНИЦА Словарь бизнес терминов. Академик.ру. 2001 … Словарь бизнес-терминов

WEB-страница — – Информация, предназначенная для просмотра по WWW, специальным образом подготавливается, систематизируется и делится на страницы. Страницы, размещенные на Web сервере и связанные между собой, образуют Web сайт. Web страница это логическая… … Энциклопедический словарь СМИ

Web-страница — ж.; = вэб страница Толковый словарь Ефремовой. Т. Ф. Ефремова. 2000 … Современный толковый словарь русского языка Ефремовой

WEB PAGE — WEB-страница — HTML документ, доступный через Web … Словарь электронного бизнеса

Web Proxy Autodiscovery Protocol — Web Proxy Auto Discovery Protocol (WPAD) (протокол автоматической настройки прокси)  метод, используемый клиентами для определения места (URL) расположения конфигурационного файла с использованием технологий DHCP и/или DNS. После того, как… … Википедия

Web Browser for S60 — страница Википедии Тип мобильный браузер Разработчик Nokia Операционная система Symbian OS Аппаратная платформа … Википедия

Web 3.0 — В данной статье имеется список источников или внешних ссылок, но источники отдельных утверждений остаются неясными из за отсутствия сносок … Википедия

Web 2 — Ключевые понятия, связываемые с Веб 2.0 Web 2.0 (определение Тима О’Рейли) методика проектирования систем, которые путем учета сетевых взаимодействий, становятся тем лучше, чем больше людей ими пользуются. Особенностью веб 2.0. является принцип… … Википедия

Web 2.0 — Ключевые понятия, связываемые с Веб 2.0 Web 2.0 (определение Тима О’Рейли) методика проектирования систем, которые путем учета сетевых взаимодействий, становятся тем лучше, чем больше людей ими пользуются. Особенностью веб 2.0. является принцип… … Википедия

Web Storage —     HTML HTML и HTML5 Динамически … Википедия

Литература

1. Ашманов И.С., Иванов А. ОПТИМИЗАЦИЯ И ПРОДВИЖЕНИЕ САЙТОВ В ПОИСКОВЫХ СИСТЕМАХ // Игорь Ашманов, Андрей Иванов. Москва , 2011. (3-е изд.)2. Leonard-Wilkinson T.A. SEARCH ENGINE OPTIMIZATION: DESIGNING A SEARCH-FRIENDLY SITE // Intercom. 2002. Т. 49. № 10. С. 30-33.3. Якименко А.Н., Костромицкий А.И. ОСОБЕННОСТИ ОПТИМИЗАЦИИ САЙТОВ ДЛЯ СОЦИАЛЬНЫХ СЕТЕЙ И ПРОДВИЖЕНИЕ САЙТОВ В НИХ // Восточно-Европейский журнал передовых технологий. 2011. Т. 5. № 2 (53). С. 28-314. Сугак Д.Б. ОПТИМИЗАЦИЯ ПОРТАЛА ВУЗА ЗА СЧЕТ СОЗДАНИЯ ВЕБ-САЙТОВ КАФЕДР // Труды Санкт-Петербургского государственного института культуры. 2013. Т. 200. С. 432-436.

X. Васильев Д. КАК РАБОТАЕТ HTTP-СЕРВЕР NGINX // Системный администратор. 2008. № 10 (71). С. 70-76.

Y. Пальчевский Е.В., Халиков А.Р. НАГРУЗОЧНОЕ ТЕСТИРОВАНИЕ ЗАЩИТЫ WEB-СЕРВЕРА NGINX ОТ ВНЕШНЕГО СЕТЕВОГО ТРАФИКА // В сборнике: Методы, средства и технологии получения и обработки измерительной информации Материалы Международной научно-технической конференции. 2016. С. 90-92.

Z. Майоров А. НОВЫЙ NGINX С HTTP/2 И JAVASCRIPT // Системный администратор. 2015. № 11 (156). С. 52-55.W. Воронцов Ю.А., Козинец А.В. // ПРИМЕР ПОСТРОЕНИЯ WEB-СЕРВИСА С ИСПОЛЬЗОВАНИЕМ APACHE И MYSQL // Век качества. 2016. № 3. С. 75-101.

Как увидеть расширения моих файлов

По умолчанию Windows показывает расширения файлов. Некоторое время назад – в Windows 7, 8 и даже 10 – это было не так, но, к счастью, они изменили настройки по умолчанию. Мы говорим, к счастью, потому что считаем, что отображение расширения файлов не только полезно, но и повышает безопасность. Без отображения расширений файлов бывает трудно сказать, действительно ли этот PDF-файл или какой-то вредоносный исполняемый файл.

Если расширения файлов не отображаются в вашей системе Windows, их достаточно легко включить. В любом окне проводника файлов откройте меню Вид → Параметры. В окне параметров папки на вкладке Вид отключите флажок Скрывать расширения для зарегистрированных типов файлов.

Расширения файлов не отображаются в macOS по умолчанию. Причина этого заключается в том, что macOS, на самом деле, не использует расширения так же, как Windows.

Однако, вы можете сделать так, чтобы macOS показывал расширения файлов, и это не плохая идея. Если Finder открыт, просто перейдите в Finder → Preferences → Advanced, а затем установите флажок Show all filename extensions.

Прикидываемся браузером, или делаем HTTP-запрос из терминала

Чтобы понять, как браузер общается с сервером, нужно думать как браузер, нужно стать браузером.

Попробуем обратиться к веб-странице http://http.maxkuznetsov.ru так, как это делают браузеры под капотом. Для этого отправим запрос из терминала/командной строки с помощью утилиты netcat. Чаще всего она установлена по умолчанию: в Mac OS X — это «nc», в других ОС может быть «ncat» или «netcat». (Или воспользуйтесь онлайн-сервисом https://reqbin.com/u4178vu3, в котором слева и справа выберите табы Raw для отображения «голых» запросов и ответов. Но из терминала получится нагляднее.)

Дальше ничего не произойдёт, терминал подвиснет — это нормально. Команда netcat подключилась к серверу по адресу http.maxkuznetsov.ru к 80-му порту, и сервер ждёт от нас текст запроса.

Введём в терминале такие строки запроса.

После Host нужно ввести две пустые строки: одна строка отступа, вторая содержит тело запроса, но в данном примере оно пустое. Такие правила протокола HTTP. Получив вторую пустую строку, веб-сервер поймёт, что запрос завершён, обработает его и пришлёт ответ, включающий интересующую нас веб-страницу с html.

После этого браузер разбирает ответ, убирает техническую информацию и отображает html-страницу в кодировке UTF-8  — так ему сказал сервер в заголовке Content-Type. Если в HTML включены CSS, Javascript, картинки, то браузер запросит их отдельными запросами ровно таким же образом. Если он их уже запрашивал раньше, то возьмёт из локального кэша. Поэтому первый раз страницы грузятся визуально дольше.

Разберём структуру запроса и ответа более детально.

Общие типы файлов и расширения файлов

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

Наиболее распространенные файлы на веб-серверах:

• веб-страница
• Изображений
• Сценарии
• Программы и другие виды

Веб-страница

Для веб-страниц стандартно два расширения : .html и .htm . Там нет никакой разницы между ними, и вы можете использовать любой на большинстве веб-серверов.

В качестве исходного расширения для страниц HTML на машинах хостинга Unix .html указывает файл, который использует HTML (язык разметки гипертекста) или XHTML (расширяемый язык разметки гипертекста).

В Windows / DOS требовались трехсимвольные расширения файлов, что привело к расширению .htm . Это также относится к файлам HTML и XHTML и может использоваться на любом веб-сервере, независимо от операционной системы.

Страница по умолчанию в каталоге на большинстве веб-серверов обычно имеет расширение index.htm или index.html . Посетителям вашего сайта не нужно вводить ни одно из этих двух расширений в адресной строке, если вы указали одну из них на главной странице. Например, http://thoughtco.com/index.htm находится в том же месте, что и http://thoughtco.com .

Некоторые веб-серверы настроены для вызова домашней страницы default.htm , которую вы можете изменить, если у вас есть доступ к конфигурации сервера.

Изображений

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

GIF (графический формат обмена) — это формат без потерь, впервые разработанный CompuServe для анимированных и статических изображений. Лучше всего подходит для изображений с плоскими цветами и короткими анимированными фрагментами. Он предлагает возможность индексировать цвета, чтобы убедиться, что они содержат только веб-безопасные цвета (или небольшую палитру цветов), сохраняя размер файла небольшим.

Формат JPG (он же JPEG) был создан Объединенной группой экспертов по фотографии (следовательно, аббревиатура) для фотографических изображений. Если изображение обладает фотографическими качествами без плоских пространств, оно хорошо подходит для этого формата файла. Фотография, сохраненная с расширением .jpg или .jpeg, обычно сжимается, что дает меньший размер файла, чем файл .gif .

Формат PNG (Portable Network Graphic) был создан для Интернета, с лучшим сжатием, цветом и прозрачностью, чем файлы GIF. PNG не обязательно должны иметь расширение .png , но именно так вы их чаще всего видите.

Сценарии

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

.js (JavaScript)

Вы можете загрузить файлы JavaScript на саму веб-страницу или поместить JavaScript во внешний файл и вызывать его оттуда. Если вы напишите свой JavaScript на веб-странице, вы не увидите расширение .js , потому что оно является частью файла HTML.

.java или .class

Эти два расширения часто связаны с Java-программами. Хотя вы, вероятно, не встретите расширение .java или .class на веб-странице, эти файлы часто используются для создания Java-апплетов для веб-страниц.

Другие типы файлов

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

.php и .php3

.Php расширение почти так же часто , как .html и .htm на веб — страницах. Это расширение указывает на страницу, написанную на PHP, языке с открытым исходным кодом, который легко изучать, который облегчает создание сценариев, макросы и включает в себя веб-сайт.

.shtm и .shtml

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

Это расширение обозначает страницу активного сервера . ASP предоставляет сценарии, макросы и включает в себя, а также подключение к базе данных и многое другое. Это чаще всего встречается на веб-серверах Windows.

.cfm и .cfml

Эти расширения даны для файлов ColdFusion . ColdFusion — это мощный инструмент управления контентом на стороне сервера, который предоставляет макросы, сценарии и многое другое для ваших веб-страниц.

Виды расширений файлов

Расширения бывают разных видов. Чаще всего мы сталкиваемся со следующими файлами и их расширениями:

• Видеофайлы, могут быть: avi, wmf, 3gp, mp4, mpg2.
• Фотографии и рисунки, определяются с помощью таких расширений: jpg, bmp, gif, tiff, png.
• Тексты и документы: txt, doc, rtf, docx.
• Файлы, где записаны данные для расчётов в виде электронных таблиц имеют расширение — xls, xlsx, xlsm, ods.
• Для музыки характерно расширение: mp3, wma.
• Программы запускают файлы, имеющие расширение exe, cmd, bat, их ещё, называют исполнительными.
• А вот если вам друг передал, к примеру, целый набор файлов виде архива, то такой файл будет иметь разрешение rar, zip, tg.

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

Давайте остановимся на последних более подробно. Файлы архивов создают специальные программы архиваторы, которые умеют максимально уплотнить все единички и нули внутри файла так, чтобы между ними не оставалось свободного пространства. Эта возможность применяется ко всем файлам, которые вы хотите сжать. Но самое главное после архивации, вместо кучи файлов вы получаете один файл с архивным разрешением. Зато внутри этого файла вы увидите все свои файлы, со всеми атрибутами, только воспользоваться им вы сможете, когда распакуете архив.

Исправление ошибок 404

Любой отсутствующий файл генерирует ошибку 404. В зависимости от платформы обработка 404 ошибки может быть ресурсоемкой или нет. Например, Drupal имеет очень ресурсоёмкую обработку ошибки 404. На «среднем» сайте можно увидеть потребление памяти в районе 50 Mb на отдачу ошибки 404.Не рекомендуется устанавливать плагины или модули для проверки ошибок 404, вместо этого лучше время от времени тестировать веб-сайт внешним сервисом, таким, как » Online broken Link Checker” ; или пользоваться инструментом Screaming Frog . Это позволит отслеживать ненужные траты ресурсов на эту задачу. Также можно увидеть ошибки в Google Search Console.Масштабирование изображенийВсегда надо отдавать изображения в требуемом масштабе, а не полагаться на CSS или браузер клиента, которые занизят их размер. Лучше всегда загружать изображения в масштабе, а также использовать сразу несколько разрешений изображений и использовать правильное разрешение для правильного устройства.

Скрипты

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

.js (JavaScript)

Вы можете загружать файлы JavaScript на саму веб-страницу или размещать JavaScript во внешнем файле и вызывать его оттуда. Если вы напишете свой JavaScript на веб-странице, вы не увидите расширение .js , потому что оно является частью HTML-файла.

Деги Адиль / EyeEm / Getty Images

.java или .класс

Эти два расширения часто ассоциируются с программами Java. Хотя вы, вероятно, не встретите расширение .java или .class на веб-странице, эти файлы часто используются для создания апплетов Java для веб-страниц.

Управление разрешением веб-сайта в Chrome на рабочем столе

Вы можете очень легко настроить глобальные разрешения по умолчанию для веб-сайтов в разделе «Настройки» в Chrome. Процесс довольно прост.

В окне Chrome щелкните «кебаб-меню» в правом верхнем углу окна, чтобы открыть дополнительное меню. Затем нажмите на опцию «Настройки» из списка, чтобы продолжить. Это откроет настройки Chrome в отдельной вкладке вашего браузера.

Теперь на вкладке «Настройки» нажмите вкладку «Конфиденциальность и безопасность» в левой части окна, чтобы продолжить.

Затем в правой части окна найдите и щелкните плитку «Настройки сайта», чтобы продолжить.

На следующем экране прокрутите вниз до раздела «Разрешения». Затем щелкните любую из категорий, чтобы настроить ее разрешения. Основные разрешения включают местоположение, камеру, микрофон, уведомления и фоновую синхронизацию. Помимо этого, есть более дюжины других разрешений, к которым вы можете получить доступ из «Дополнительных разрешений». Процесс для всех остается одинаковым. Чтобы продемонстрировать это, мы перейдем к разрешениям «Местоположение» для этого руководства.

На экране разрешений «Местоположение» вы можете выбрать поведение по умолчанию для разрешения, щелкнув один из переключателей, стоящих перед каждым параметром в разделе «Поведение по умолчанию». Если вы выберете «Сайты могут запрашивать ваше местоположение», веб-сайты, которые хотят получить доступ к вашему местоположению, отправят уведомление с запросом на то же самое. В противном случае, если вы выберете «Не разрешать веб-сайтам видеть ваше местоположение», никакие веб-сайты не смогут запрашивать ваше местоположение.

Вы также можете установить исключения для веб-сайтов после того, как вы установили поведение по умолчанию для разрешения местоположения. Существует два типа списков: в один можно добавить веб-сайты, которым всегда разрешено видеть ваше местоположение, а в другой — веб-сайты, которым не разрешено видеть ваше местоположение.

Если вы запретили веб-сайтам доступ к вашему местоположению, они будут перечислены в разделе «Не разрешено видеть ваше местоположение». Вы также можете удалить определенный веб-сайт, щелкнув значок «Корзина» после каждого из списков.

Чтобы проверить список веб-сайтов, которые могут получить доступ к вашему местоположению, перейдите в раздел «Разрешено видеть ваше местоположение».

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

Настройка разрешений для одного веб-сайта в Chrome на рабочем столе

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

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

После этого найдите и нажмите «Настройки сайта», чтобы продолжить. Это откроет отдельную вкладку настроек в браузере Chrome.

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

Выбранный параметр разрешения вступит в силу после перезагрузки веб-сайта.

Если вы заблокируете все разрешения, перечисленные в браузере, имейте в виду, что это может нарушить работу некоторых функций на веб-сайтах, поскольку такие функции, как «Javascript», необходимы для правильной работы веб-сайтов.

Что важно понимать про HTTP

1. HTTP — это протокол общения клиент-серверных приложений в вебе. Набор правил, который помогает клиентам (прежде всего браузерам) и веб-серверам понимать друг друга.
2. HTTP — это про формат общения, а не про управление сервером HTTP-командами. Клиент может отправить что угодно: удали страницу сайта, создай нового пользователя, выдай список всех пользователей — но сервер не обязан их выполнять, он лишь обязан ответить в формате HTTP, чтобы клиент его понял. То есть благодаря HTTP сервер поймёт, что клиент хочет, а потом уже решит, как это обработать и вернёт результат. Может быть удалит страницу, а может и нет.
3. В HTTP общение всегда начинает клиент. А веб-сервер висит и ждёт. Сейчас есть способы инициировать запрос с сервера, но изначально протокол для этого не предназначен.
4. HTTP-протокол не имеет шифрования, поэтому передавать персональные данные и прочие приватные данные через него не безопасно. В таком случае нужно использовать HTTPS.
5. Простой способ изучить заголовки запроса и ответа — открыть консоль браузера на нужной странице и обновить её. В разделе Network/Сеть отобразятся все запросы с этой страницы, включая запросы на картинки и статические файлы.

Улучшенный JPEG

Каково текущее состояние с форматами JPEG в интернете?

tl;dr: поддержка в браузерах сильно отличается. Если использовать современные разработки, то часто придётся выдавать разным браузерам разные форматы.Различные современные форматы (и оптимизаторы) показывают качество сжатия при целевом размере файла 26 КБ. Качество сравнивается инструментами SSIM (структурное сходство) и Butteraugli, которые мы более подробно рассмотрим позже.

• JPEG 2000 (2000) — улучшение сжатия за счёт замены дискретного косинусного преобразования на вейвлеты. Поддержка в браузерах: десктопный Safari и iOS.
• JPEG XR (2009) — альтернатива JPEG и JPEG 2000, поддерживающая HDR и широкие цветовые гаммы. Создаёт файлы меньшего размера, чем JPEG, со слегка с меньшей скоростью кодирования/декодирования. Поддержка в браузерах: Edge, IE.
• WebP (2010) — основанный на прогнозировании блоков формат от Google поддерживает сжатие с потерями и без потерь. Обеспечивает лучшее сжатие, чем JPEG, и поддерживает прозрачность, как PNG. Не хватает настройки цветовой субдискретизации и прогрессивной загрузки. Скорость декодирования ниже, чем у JPEG. Поддержка в браузерах: Chrome, Opera. Экспериментальная поддержка в Safari и Firefox.
• FLIF (2015) — формат сжатия без потерь, превосходящий PNG, WebP без потерь, BPG без потерь и JPEG 2000 без потерь по коэффициенту сжатия. Поддержка в браузерах: нет, но есть JS-декодер.
• HEIF и BPG. С точки зрения сжатия они одинаковы, но поставляются в разных обёртках:
• BPG (2015) — замена JPEG более эффективным сжатием на основе HEVC (High Efficiency Video Coding). Кажется, обеспечивает меньший размер файлов по сравнению с MozJPEG и WebP. Вряд ли получит широкую поддержку из-за проблем с лицензированием. Поддержка в браузерах: нет, но есть JS-декодер.
• HEIF (2015) — формат для изображений и последовательностей изображений, закодированных HEVC с межкадровым предсказанием. Apple анонсировала на WWDC, что будет изучать переход c JPEG на HEIF в операционной системе iOS, что даст уменьшение размера файлов до двух раз. Поддержка в браузерах: нет на момент написания статьи. Должна появиться в десктопном Safari и iOS 11.

одинподдержка в браузерах сильно отличаетсяуказать content-type

Типы графических форматов

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

• Растровые изображения — огромная комбинация разноцветных пикселей, которые легко рассмотреть при увеличении картинки. У файлов с изображениями в таком формате большой размер. Качество и «вес» напрямую зависят от количества пикселей. Чем четче и качественнее фото, тем больше памяти оно занимает на устройстве. Запомните числа 72 и 300: разрешение 72 dpi (dots per inch — плотность пикселей) подходит для веб-дизайна, а 300 dpi используют для высококачественной печати.
• Векторные изображения состоят из опорных точек и кривых линий между ними. Всего этого пользователь не замечает даже при сильном увеличении картинки. Благодаря этому масштабирование происходит без потери качества. Однако такие графические элементы выглядят гораздо проще. 

Есть метафайловые форматы (WPG, Macintosh PICT, CGM), которые хранят данные и растровых, и векторных изображений. Их используют при перемещении гибридных файлов на программных платформах.

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

Виджет обратного звонка для сайта

• Повысьте конверсию сайта на 30%
• Новым клиентам 50 минут в подарок

Узнать подробнее

Текстовые файлы

К ним относятся файлы с расширением:

1. .doc – текстовый документ, созданный при помощи программы Microsoft Word. В нем могут содержаться текст, таблицы, графики, диаграммы, параметры печати и форматирования.
2. .pdf – текстовый документ, используемый в программе Adobe Acrobat. Подходит для предоставления документов в фиксированной форме. Отображение документа не будет зависеть от типа устройства, на котором оно будет открыто. Это означает, что документ будет отображаться в таком виде, в каком он был создан.
3. .rtf – формат, используемый для хранения размеченных текстовых документов. Предложен компанией Microsoft. Документы в формате rtf сегодня поддерживаются в большинстве текстовых редакторов. Также в наиболее распространенных редакторах реализована возможность импорта и экспорта в формат rtf. В связи с этим формат Rtf довольно часто используется для переноса текста из одной программы в другую. Встроенный в ОС Windows редактор текста WordPad сохраняет все документы в формате rtf по умолчанию.
4. .txt – стандартный текстовый формат. Позволяет сохранять неформатированный текст. Открыть документ в формате txt можно в любой программе для обработки текста.

Поддержка браузерами форматов мультимедиа

Все аудио- и видеоформаты в мире будут вам бесполезны, если вы не знаете, как они поддерживаются разными браузерами. Разобраться в этом вопросе вам поможет следующие таблицы, в которых показаны поддержки основными браузерами аудио- и видеоформатов:

Поддержка браузерами аудиоформатов HTML5

	IE	Firefox	Chrome	Safari	Opera	Safari iOS	Android
MP3	9	24	5	3.1	—	3	—
Ogg Vorbis	—	3.6	5	—	10.5	—	—
WAV	—	3.6	8	3.1	10.5	—	—

Поддержка браузерами видеоформатов HTML5

	IE	Firefox	Chrome	Safari	Opera	Safari iOS	Android
H.264	9	24	5	3.1	—	4	2.3
Ogg Theora	—	3.5	5	—	10.5	—	—
WebM	9 (при установке кодеков)	4	6	—	10.6	—	2.3

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

Если вы хотите, чтобы видео проигрывалось на мобильных устройствах, примите за правило кодировать его в формате H.264 Baseline Profile (а не в формате High Profile). Для телефонов iPhone и под управлением операционной системы Android следует использовать размер 640×480, а для BlackBerry — 480×360. Многие программы кодирования имеют предварительные настройки, с помощью которых можно создать видео, оптимизированное для мобильных устройств.

Butteraugli

В этом примере Butteraugli ищет минимальный порог качества JPEG, чтобы пользователь не заметил визуальной разницы между изображениями. Это позволило уменьшить размер файла на 65%Мне потребовалось около 30 минут для локальной настройки Butteraugli после установки Bazel и сборки исходников C++ для корректной компиляции на Mac. Его использование относительно простое: укажите два изображения для сравнения (исходная и сжатая версия) — и получите оценку

Объединение энкодеров?

без потерьАрии Хидаята

WebP: сравнение размеров файлов и оценки визуального сходства на разных уровнях качества

Как изменить программу с помощью которой открывается файл

Допустим мы ошибочно выбрали программу с помощью которой будем открывать файл, например как я описывал в самом начале поста, вместо того, что бы извлечь архив с документами человек пытался открыть архив с помощью программы Word, в такой ситуации документ не открывался, как положено, как же исправить это? Первым делом мы снова смотрим на расширение файла и ищем в интернете программу, которая может работать с такими расширениями, если у Вас нет такой программы, то скачиваем и устанавливаем ее. Далее нажимаем правой кнопкой мыши на файле котором нужно изменить программу и выбираем Свойства, перед нами откроется окно со свойствами файла, здесь нас интересует кнопка Изменить, нажимаем на нее и выбираем из списка нужное приложение. Если нужного приложения нет в списке, то прокручиваем колесом мыши список в самый конец и нажимаем на кнопку Найти приложение на этом компьютере, у нас откроется окно со всеми приложениями, заходим в нужную папку и выбираем приложение через которое будет запускаться файл. Теперь файл должен открываться, как положено.

Для изменения приложения через которое открывается файл, нажимаем правой кнопкой мыши и выбираем Свойства

Нажимаем на кнопку Изменить

Выбираем правильно приложение, через которое должен открываться этот файл

Для изменения приложения через которое открывается файл, нажимаем правой кнопкой мыши и выбираем Свойства