Руководства и статьи по веб-инструментам
Экспертные статьи, практические формулы, стандарты веб-разработки и советы по оптимизации изображений и контента от команды Utilora.
Как сжать изображение без потери качества: форматы, параметры и реальные тесты
Тяжёлая графика отвечает более чем за 60% общего веса веб-страницы. В этом руководстве разбираем практическую механику компрессии: почему показатель качества 80–82% является точкой перегиба на графике SSIM, как избежать размытия красного цвета из-за субдискретизации и ускорить Largest Contentful Paint (LCP) до целевых показателей Google Core Web Vitals.
Читать руководствоPNG, JPG или WebP: сравнение сжатия, прозрачности и совместимости
Формат WebP окончательно вытеснил JPEG и PNG из продакшн-окружения большинства крупных веб-ресурсов. В материале разбираем алгоритмические различия между DEFLATE и VP8 (попробуйте наш [конвертер PNG в WebP с прозрачностью](https://utilora.ru/image/png-to-webp/)), работу альфа-канала и редкие кейсы, когда классический PNG всё ещё превосходит WebP.
Читать руководствоЧто такое JSON и как правильно его форматировать и валидировать
JSON (JavaScript Object Notation) стал общепринятым стандартом обмена данными в веб-сервисах, микросервисах и REST API. Однако простота формата обманчива: в статье разбираем неочевидные тонкости стандарта RFC 8259, фатальную потерю точности 64-битных чисел в JavaScript и правила безопасной обработки полезной нагрузки.
Читать руководствоКак рассчитать процент от числа: формулы, правила и примеры
Проценты — базовый математический инструмент в личных финансах, кредитах, вкладах, расчёте налогов и аналитике. В этом руководстве разбираем практические формулы, алгоритм моментального счёта в уме через правило 10% и 1%, а также частые бухгалтерские ошибки при расчёте НДС и налога на доходы.
Читать руководствоКак рассчитать скидку: формулы для покупок и бизнеса
В сезон распродаж и акций маркетологи манипулируют процентами, чтобы сформировать у покупателя иллюзию сверхвыгоды. В руководстве подробно разбираем мультипликативную математику последовательных скидок, фундаментальное отличие наценки от торговой маржи и способ проверки подлинности распродаж.
Читать руководствоКак считать слова и знаки в тексте: стандарты копирайтинга и SEO
В копирайтинге, редактуре и базах данных подсчёт символов регулируется строгими техническими стандартами. В статье разбираем, почему стандартное свойство .length в JavaScript даёт ошибки на эмодзи, как рассчитывать ёмкость полей VARCHAR в байтах и какие нормы объёма приняты на биржах контента.
Читать руководствоКак создать и распечатать QR-код: стандарты, уровни коррекции и частые ошибки
Качественный QR-код обязан безошибочно считываться любым смартфоном при любом освещении, даже будучи частично испачканным или помятым. В руководстве разбираем матричную структуру по стандарту ISO/IEC 18004, выбор оптимального уровня коррекции ошибок Рида-Соломона, формулу расчёта физического размера для печати и синтаксис автоматического подключения к Wi-Fi.
Читать руководствоИнформационная энтропия паролей: как защитить аккаунты от брутфорса
Субъективная оценка «сложности» пароля человеком не имеет ничего общего с его реальной устойчивостью к криптографическому взлому. В этом руководстве разбираем математическую модель энтропии Шеннона, реальную скорость перебора хэшей на видеокартах последнего поколения, метод Diceware и современные стандарты кибербезопасности NIST SP 800-63B.
Читать руководствоСинтаксис Markdown: полное руководство с примерами
Markdown — легковесный язык разметки, изобретённый Джоном Грубером в 2004 году для написания текста, который читается как простой текст, но при рендеринге превращается в структурированный HTML. Сегодня Markdown стал стандартом де-факто для README в GitHub, документации в Confluence, постов в Reddit и статей в Ghost CMS.
Читать руководствоHEX, RGB и HSL: форматы цвета для CSS и дизайна
Браузеры поддерживают несколько нотаций для задания цветов в CSS. Выбор формата влияет не только на читаемость кода, но и на удобство программной генерации цветовых схем, реализации тёмной темы и анимаций. В руководстве разбираем математику каждого формата и рекомендации по применению.
Читать руководствоКонвертация единиц измерения: метрическая и имперская система
Метрическая система СИ (Système International) принята 95% стран мира, однако США, Мьянма и Либерия официально используют имперскую систему измерений. Для инженеров, путешественников и разработчиков международных приложений знание точных коэффициентов пересчёта — обязательный навык.
Читать руководствоМинификация CSS и JavaScript: как работает и зачем нужна
Минификация — процесс удаления из исходного кода всех символов, не влияющих на его выполнение: пробелов, переносов строк, отступов и комментариев. Для JavaScript минификаторы также переименовывают локальные переменные в однобуквенные идентификаторы. В результате размер файлов уменьшается на 20–60%, что напрямую ускоряет загрузку страницы.
Читать руководствоФормула сложного процента с капитализацией: математика, инфляция и примеры
Сложный процент называют «восьмым чудом света» благодаря эффекту экспоненциального роста: начисленные проценты реинвестируются и сами начинают приносить доход. В этом инженерном руководстве разбираем математическую модель капитализации, разницу между эффективной и номинальной ставкой, а также влияние частоты периодов (ежедневно, ежемесячно, ежегодно).
Читать руководствоUUID v4 против UUID v7: почему базы данных переходят на упорядоченные ID
Классический UUID v4 на основе 122 бит случайности десятилетиями служил стандартом распределённых систем, но стал кошмаром для реляционных баз данных. В 2024 году IETF ратифицировал стандарт RFC 9562 с поддержкой UUID v7. Разбираем, почему v7 кардинально ускоряет INSERT в таблицы с миллиардами строк.
Читать руководствоAVIF против WebP: сравнение кодеков, сжатие и совместимость в 2026 году
Форматы WebP и AVIF ведут борьбу за звание главного формата современной веб-графики. В руководстве анализируем кодеки VP8 и AV1, сравниваем энергопотребление при декодировании на мобильных процессорах и определяем оптимальную стратегию для тега <picture>.
Читать руководствоКак работает Base64 под капотом: битовые сдвиги, паддинг и оверхед 33%
Кодирование Base64 используется повсюду: от передачи токенов авторизации и вложений в email до встраивания иконок в CSS. Разбираем алгоритмическую математику преобразования 8-битных байтов в 6-битные группы, правила паддинга и физические причины оверхеда ровно в 33.3%.
Читать руководствоКак правильно рассчитать НДС 20%: начисление сверху и выделение из суммы
Налог на добавленную стоимость (НДС) по стандартной ставке 20% — ключевой косвенный налог для бизнеса. В статье подробно разбираем два противоположных типа расчёта: начисление налога на чистую стоимость товара и математически строгое выделение налога из цены, в которую НДС уже включён.
Читать руководствоУстойчивость хэш-функций к коллизиям: почему MD5 и SHA-1 взломаны
Хэш-функция преобразует массив данных произвольного размера в строку фиксированной длины. Но что происходит, когда двум совершенно разным файлам соответствует одинаковый хэш? Разбираем механику коллизий, атаку SHAttered от Google и причины, по которым современный веб полностью перешёл на семейство SHA-2 и SHA-3.
Читать руководствоКак посчитать рабочие дни между датами: алгоритмы и календарные нормы
При расчёте сроков исполнения договоров, отпускных периодов, неустоек и процессуальных сроков в суде ключевое значение имеет точное разделение календарных и рабочих дней. В этом руководстве разбираем математический алгоритм фильтрации рабочих дней без перебора циклом и правила исчисления сроков по ГК РФ.
Читать руководствоКоррекция ошибок QR-кодов: уровни L, M, Q, H и интеграция логотипа
QR-код остаётся читаемым даже при физическом повреждении до трети площади, намокании под дождём или размещении фирменного логотипа в центре. В руководстве разбираем математику кодов Рида-Соломона, 4 стандартных уровня избыточности (L, M, Q, H) и правила вставки логотипа без потери сканируемости.
Читать руководствоВеб-типографика и чистка текста: неразрывные пробелы, тире и кавычки
Неряшливый текст с оторванными предлогами, компьютерными дефисами вместо тире и двойными пробелами подсознательно отталкивает читателя, снижая время на сайте и конверсию. В материале разбираем академические правила экранной типографики, стандарты ГОСТ и их прямое влияние на поведенческие факторы ранжирования в 2026 году.
Читать руководствоТочность расчётов в конвертерах единиц: IEEE 754 и формулы перевода
Создание надёжного конвертера физических величин сопряжено с коварными ловушками двоичной арифметики с плавающей запятой. Разбираем спецификацию IEEE 754, математические коэффициенты перевода мер между метрической и англо-американской системами и методы устранения микропогрешностей в веб-калькуляторах.
Читать руководствоСумма прописью в русском языке: правила склонения чисел, числительных, рублей и копеек в документах
Оформление суммы прописью — обязательное юридическое и финансовое требование в счетах, договорах, расписках и платёжных поручениях. В этом руководстве разбираем морфологические правила русского языка при согласовании сложных составных числительных, грамматический род классов чисел и стандарты оформления копеек.
Читать руководствоАлгоритмы сравнения текстов (Diff): математика Майерса, поиск LCS и как устроен Git diff
Сравнение текстов лежит в основе систем контроля версий (Git, SVN), инструментов code review и сопоставления юридических договоров. В этой статье разбираем математику вычисления различий (diff): задачу поиска наибольшей общей подпоследовательности (LCS), динамическое программирование и классический алгоритм Юджина Майерса.
Читать руководствоСпецификация RFC 3986: процентильное кодирование URL, разница encodeURI и encodeURIComponent
Интернет-ссылки строятся на строгих правилах спецификации RFC 3986 (Uniform Resource Identifier). В этой статье подробно разбираем механизм процентильного кодирования (Percent-Encoding), почему русские буквы превращаются в конструкции вида %D0%BF, а также нюансы между encodeURI и encodeURIComponent в JavaScript.
Читать руководствоUnix Timestamp и проблема 2038 года (Y2038): архитектура эпохи POSIX, переполнение 32 бит и високосные секунды
Unix Timestamp (время эпохи POSIX) — фундаментальный стандарт фиксации времени в современных вычислительных системах, базах данных и сетевых протоколах. В этой статье разбираем математику отсчёта секунд, проблему синхронизации с астрономическим временем, високосные секунды и фатальную проблему 2038 года (Year 2038 Problem).
Читать руководствоАрхитектура JWT: спецификация RFC 7519, клеймы, алгоритмы подписи HS256 vs RS256 и безопасность
JSON Web Token (JWT, RFC 7519) — стандарт создания компактных, самодостаточных токенов для аутентификации пользователей в распределённых веб-приложениях и микросервисах. В этой статье разбираем устройство JWT, разницу между симметричной (HS256) и асимметричной (RS256) подписью, а также главные ошибки безопасности.
Читать руководствоПравила экранной типографики в вебе: кавычки-ёлочки, неразрывные пробелы и висячие предлоги
Грамотная типографика формирует доверие к бренду, улучшает скорость чтения и делает сайт визуально дорогим и аккуратным. В этом руководстве разбираем академические правила экранной типографики в русском языке: от кавычек-ёлочек до неразрывных пробелов, которые можно автоматизировать в один клик.
Читать руководствоНалог на добавленную стоимость (НДС): ставки 20%, 10%, 5%, 7%, формулы выделения и начисления
Налог на добавленную стоимость (НДС) — ключевой косвенный налог в экономике РФ, формирующий основу федерального бюджета. В этом справочном руководстве разбираем математику расчёта НДС, правила округления до копеек, документальное подтверждение вычетов и масштабную налоговую реформу 2025–2026 годов.
Читать руководствоCSPRNG в JavaScript: почему Math.random небезопасен
Фундаментальное руководство по криптографической случайности в веб-разработке. Разбираем математические различия между PRNG и CSPRNG, уязвимость алгоритма xorshift128+ в движке V8, устройство энтропийных пулов операционной системы, синтаксис crypto.getRandomValues() и безопасную генерацию паролей и токенов без смещения распределения.
Читать руководствоНалог для самозанятых 2026: ставки 4% и 6%, вычет
Исчерпывающее экспертное руководство по специальному налоговому режиму НПД в 2026 году. Разбираем положения Федерального закона № 422-ФЗ, правила применения ставок 4% и 6%, математику расхода налогового бонуса 10 000 рублей, лимит дохода 2.4 млн рублей, сроки формирования чеков и предотвращение рисков переквалификации договоров с заказчиками.
Читать руководствоАннуитетный или дифференцированный платеж: формулы
Глубокое практическое руководство по финансовой математике потребительского и ипотечного кредитования. Разбираем формулу аннуитетного коэффициента, алгоритм расчета дифференцированного остатка, наглядный численный расчет переплаты на 1.5 млн рублей, механику частичного досрочного погашения и выбор оптимальной схемы выплат.
Читать руководствоКак правильно ставить UTM-метки: правила и ошибки
Исчерпывающее практическое руководство по разметке рекламных URL-адресов UTM-метками. Разбираем иерархию 5 параметров, динамические переменные Яндекс.Директа, требования стандарта RFC 3986 к кодированию символов, защиту сайта от дублирования в SEO с помощью canonical и директивы Clean-param, а также правила построения сквозной аналитики.
Читать руководствоФорматирование HTML и XML: правила и валидация
Фундаментальное техническое руководство по форматированию, чистоте синтаксиса и W3C-валидации документов HTML5 и XML. Разбираем стандарты отступов (2 пробела vs табы), иерархию вложенности блочных и строчных элементов в DOM-дереве, самозакрывающиеся теги, экранирование HTML-сущностей для защиты от XSS и настройку автоматических линтеров.
Читать руководство