03 / РУКОВОДСТВА
Руководства по инструментам
Практические приёмы работы для преобразований, обработки изображений и браузерных сценариев, внимательных к приватности.
Изображения кода для документов и слайдов
Выберите PNG или SVG, проверьте шрифты и масштаб, сохраняя читаемость кода.
Изображения кода для документов и слайдовПримеры CSS clip-path в реальных макетах
Используйте шаблоны или редактируйте 3–32 точки для аватаров, направляющих изображений и наклонных карточек; сравните полный CSS с объявлением clip-path.
Примеры CSS clip-path в реальных макетахБезопасно преобразуйте код
При разборе незнакомого кода сначала форматируйте; минимизируйте только версию, предназначенную для поставки.
- Сохраните исходникСохраняйте оригинальную копию перед преобразованием исходного кода.
- Проверьте семантикуСчитайте вывод форматтера изменением читаемости, а не семантической проверкой.
- Сверьте артефактыСравнивайте артефакты по хешам; хеш не расшифровывает исходный материал.
Готовьте изображения обдуманно
Выбирайте размеры, кадрирование и формат вывода исходя из ограничений места назначения, а не по привычке.
- Начните с качестваМасштабируйте один раз из самого качественного доступного источника.
- Проверьте прозрачностьПроверяйте прозрачность перед конвертацией SVG- или PNG-ресурсов.
- Явный экспортСкачивайте созданный файл до закрытия вкладки; локальные пространства не хранят облачную копию.
Защищайте чувствительные материалы
Метка обработки — часть контракта инструмента, и её стоит проверять до ввода данных.
- Локальная обработкаСреды local-first обрабатывают входные данные в активной вкладке браузера.
- Описывайте, не вставляйтеФормы обратной связи принимают только описания и явно исключают содержимое рабочего пространства.
- Очищайте общие устройстваРаботая на общем компьютере, очищайте пространство и скачанные файлы.
Локально или в облако: куда уходят файлы
Гид по архитектурам сравнивает обе модели обработки, показывает, как самостоятельно проверить заявление о локальной обработке, и перечисляет документы, которые нельзя загружать.
Читать гид по архитектурамДесять PDF-задач без загрузки
Объединение, разделение, поворот, упорядочение, водяные знаки, сжатие, конвертация и очистка PDF прямо во вкладке браузера — каждая задача ведёт прямо в своё рабочее пространство.
Открыть гид по задачамПроверяйте фото перед публикацией
Координаты, серийный номер устройства и точная секунда съёмки могут путешествовать внутри файла — это руководство показывает, как прочитать скрытый слой и удалить его локально перед публикацией.
Читать чек-лист перед отправкойИзменяйте изображения по спецификации
Сначала кадрируйте, один раз масштабируйте и конвертируйте в формат, который принимает адресат, — это руководство превращает бюджет размеров или байтов в упорядоченный локальный процесс.
Читать гид по подготовке изображенийПроверяйте JSON уверенно
Форматирование, древовидный просмотр и детерминированный diff — как прочитать незнакомую нагрузку до её одобрения и каковы точные пределы локальных сред.
Читать процедуру проверкиВпишите PDF в лимит
Лимиты почты и порталов неумолимы — это руководство сначала измеряет, взвешивает очистку структуры против сильного растрового сжатия и задаёт честные ожидания по типу содержимого.
Читать план по лимиту размераЧитайте Base64 свободно
Что такое Base64, как рассчитать увеличение размера, когда полезны Data URL и почта, почему это не средство защиты и как исправлять неверные строки.
Читать руководство по кодировкеВыберите цветовую нотацию
HEX, RGB и HSL описывают цвета sRGB; руководство разбирает альфу, применение HSL, CSS Color 4 и выборку цвета изображения через Canvas.
Читать руководство по цветуТестируйте regex без зависаний
Цикл «написал — проверил — отрефакторил» на реалистичных примерах, гигиена катастрофического бэктрекинга, дисциплина якорей и семантика флагов — в воркере с таймаутом, чтобы runaway-паттерны не морозили вкладку.
Читать процесс работы с regexВыбирайте формат изображения осознанно
PNG, JPEG, WebP и AVIF — сравнение по типу контента, прозрачности, реальной поддержке, цене перекодирования и измеренной экономии байт: выбор как решение, а не привычка.
Читать гид по форматамCron без сюрпризов
Пять полей и их диапазоны, ловушка ИЛИ между днём месяца и днём недели, воскресенье как 0 или 7 и граничные случаи перехода на летнее время — с проверкой по десяти ближайшим запускам перед деплоем.
Читать гид по cronПечатайте QR-коды, которые сканируются
Физический размер по дистанции сканирования, тихая зона в четыре модуля, уровни коррекции ошибок и логотипы, принудительный контраст и проверка печатного пруфа перед тиражом.
Читать гид по печатиПубликуйте Markdown как чистый HTML
Что преобразует поддерживаемое подмножество, а что сводится к тексту, как санитайзинг и белый список схем ссылок держат вывод безопасным, что теряется на обратном пути в Markdown и где место конвертации в конвейере документации или блога.
Читать процесс публикацииПроверяйте загрузки контрольными суммами
Целостность против подлинности, почему MD5 и SHA-1 сегодня годятся только для целостности, минутная проверка установщика по шагам и хеширование чувствительного текста без загрузки.
Читать гид по контрольным суммамВыбирайте между UUID и ULID
Случайная v4 против упорядоченной по времени v7, сортируемая base32-структура ULID, что случайные ключи делают с B-деревом, математика коллизий и локальная генерация пакетами.
Читать гид по идентификаторамПроверьте сами, что файлы «не уходят на сервер»
Проверка в сетевой панели DevTools, техника канареечной строки и оговорки про кеш и service workers — а ещё открытый harness доказательств, который любой может перезапустить против работающего сайта, с регулярно переснимаемой квитанцией.
Читать гид по проверкеНачните с небольшого примера
Сравните исходные данные, настройки и результат на примере, прежде чем обрабатывать свои файлы.
Извлеките приложение, не отправляя весь документ
Возьмите тестовый PDF из восьми пронумерованных страниц. Получателю нужны обложка, три страницы приложения и последняя страница. Извлечение создаёт отдельный файл, не меняя оригинал.
Обрежьте квадратный аватар по точным координатам
Используйте несекретное изображение 600 × 400. Обрезка убирает края, а изменение размера масштабирует пиксели. Для квадратного аватара не нужно растягивать лицо.
Проверьте ответ API без округления идентификаторов
На вымышленном ответе API различите числа, строки и массивы. Большой идентификатор должен сохранить исходные цифры. Проверка структуры JSON не проверяет бизнес-правила приложения.
Создайте явно вымышленную переписку для раскадровки
Придумайте двух персонажей, обсуждающих дизайн. Используйте вымышленные имена и обычные реплики, а не настоящую личную переписку. Это реквизит, не доказательство реального разговора.
Впишите горизонтальное изображение в квадратный предел
Сайт допускает не более 300 пикселей по каждой стороне, но не требует квадратного кадра. Используйте изображение 600 × 400 и сохраните композицию целиком.
Выберите прозрачный WebP или непрозрачный JPEG
Используйте небольшой PNG-логотип с прозрачным краем. Учитывайте формат получателя, фон и цвет, а не только минимальное число байтов.
Оцените сжатие без обещания заданного размера
Отдельно испытайте несекретный скан и текстовый PDF: они могут сжиматься по-разному. Сохраните оригиналы; меньший файл полезен лишь при приемлемом качестве.
Проверьте фото перед публикацией
Место съёмки может быть указано в поддерживаемых метаданных, а не только видно на фото. Используйте своё тестовое изображение перед передачей другому сервису.
Прочитайте адрес QR-кода перед переходом
Создайте тестовый QR-код для https://example.com и прочитайте его изображение. Декодирование извлекает текст, но не доказывает безопасность сайта или подлинность платежа.
Преобразуйте субтитры со сдвигом на полсекунды
На одной текстовой реплике проверьте знак и единицы смещения. Положительное значение задерживает, отрицательное сдвигает раньше. Инструмент не слушает видео и не определяет синхронизацию автоматически.
Подготовьте изображение с двумя независимыми ограничениями
Допустим, портал принимает рамку 300 × 300 и до 200000 байтов. Испытайте синтетическое изображение 600 × 400. Размеры, байты, формат и поля выбираются отдельно.
Подготовьте PDF, сохранив исходный документ
На синтетическом файле проверьте требуемые страницы, порядок, формат и размер. Браузер готовит файл, но не одобряет заявку и не подтверждает соответствие правилам организации.
Удалите поддерживаемые метаданные и проверьте остаток
Перед внешней передачей попробуйте изображение или PDF с заранее известными метаданными. Так отсутствие находок можно отличить от ограничений парсера. Очистка — только часть проверки.
Примените сценарий на практике.
Начните с детерминированного локального просмотрщика, который разбирает и проверяет JSON до отображения.