zhan.blog

Xiaomi Monitor A24i ELA5444EU [обзор]

2026-09-05T23:05:44.959Z

Ранее в качестве дополнительного монитора я использовал Dell P2419H. Он хорошо справлялся со своей задачей, однако со временем я решил заменить его на более современную модель. Так мой выбор пал на Xiaomi Monitor A24i.

Сейчас он используется у меня в качестве дополнительного монитора рядом с основным Samsung M8. На основном экране я обычно работаю с браузером и проверяю результат, а на Xiaomi пишу код, верстаю сайты и выполняю другие рабочие задачи.

После Dell P2419H монитор приятно удивил сразу несколькими моментами. И главным из них для меня стала частота обновления 100 Гц.

Распаковка и комплектация

Xiaomi Monitor A24i поставляется в не большой фирменной коробке. На лицевой стороне сразу указаны основные характеристики: диагональ 24 дюйма, разрешение Full HD и частота обновления 100 Гц.

Внутри всё аккуратно уложено в защитный пенопласт.

В комплект входят:

монитор;
подставка;
адаптер питания;
кабель HDMI;
документация;
необходимые элементы для сборки.

Комплектация вполне стандартная, но в ней есть всё необходимое, чтобы сразу собрать монитор и начать работу. Отдельно отмечу наличие HDMI-кабеля в комплекте. Сам монитор также оснащён HDMI и DisplayPort 1.4.

Дизайн

Внешне монитор выглядит очень минималистично. Тонкие рамки с трёх сторон делают его современным, а нижняя рамка немного толще и содержит логотип Xiaomi.

Для дополнительного монитора такой дизайн подходит отлично. Он не привлекает к себе слишком много внимания и хорошо смотрится рядом с основным экраном.

Сам дисплей имеет диагональ 23,8 дюйма и разрешение 1920×1080. Используется IPS-матрица с частотой обновления до 100 Гц. Xiaomi также заявляет 99% охвата sRGB и заводскую калибровку цвета с ∆E<2.

100 Гц

Больше всего после перехода с Dell P2419H меня удивила частота обновления 100 Гц.

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

Прокрутка страниц и текста стала значительно плавнее. Более комфортно ощущается перемещение курсора и работа с окнами. Даже при обычной повседневной работе за компьютером к 100 Гц быстро привыкаешь.

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

Официально Xiaomi Monitor A24i поддерживает разрешение 1920×1080 при частоте обновления до 100 Гц.

Использование в качестве дополнительного монитора

Сейчас Xiaomi Monitor A24i используется у меня именно как дополнительный экран.

На нём удобно держать открытым редактор кода, работать с HTML и CSS, а также заниматься вёрсткой сайтов. Основной монитор при этом остаётся для просмотра результата работы, браузера и других задач.

Такой вариант использования оказался для меня очень удобным. Несмотря на одинаковое Full HD-разрешение, дополнительный экран отлично справляется именно с рабочими задачами.

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

В целом для программирования, работы с текстом, браузером и повседневных задач возможностей этого монитора вполне достаточно.

VESA-крепление

Монитор поддерживает крепление VESA, что для меня было важно. Однако здесь есть небольшой нюанс, который я заметил после замены Dell P2419H.

У старого Dell крепление VESA находилось практически в центральной части корпуса. У Xiaomi оно расположено ниже.

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

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

Небольшие недостатки

За время использования я заметил несколько мелких недостатков.

Первый — немного коротковатый кабель питания. В моём случае его длины почти хватает, но буквально немного не хватает для более удобной прокладки.

Второй момент связан с расположением VESA-крепления. Как я уже писал выше, из-за его расположения в нижней части корпуса монитор на моём кронштейне теперь находится немного выше, чем раньше находился Dell P2419H.

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

Выводы

Переход с Dell P2419H на Xiaomi Monitor A24i оказался удачным решением.

Монитор отлично подходит для моей основной задачи — использования в качестве дополнительного экрана для программирования, написания кода и вёрстки сайтов. IPS-матрица, Full HD-разрешение и тонкие рамки делают его хорошим современным рабочим монитором.

Но больше всего меня приятно удивила частота обновления 100 Гц. Даже для обычной работы за компьютером разница с 60 Гц действительно ощущается. Интерфейс, прокрутка и перемещение окон выглядят заметно плавнее, и после некоторого времени использования возвращаться к более низкой частоте уже не хочется.

Да, кабель питания мог бы быть немного длиннее, а расположение VESA-крепления оказалось не самым удобным именно для моего рабочего места. Но это небольшие недостатки, которые никак серьёзно не влияют на общее впечатление от устройства.

В целом я доволен покупкой. Xiaomi Monitor A24i оказался хорошей заменой Dell P2419H и отлично справляется с ролью дополнительного монитора. Могу рекомендовать его тем, кто ищет недорогой современный монитор для работы, программирования, учёбы и повседневного использования.

4 инструмента для работы с изображениями, которые у меня в закладках

2026-09-05T23:55:15.465Z

Мой небольшой набор:

1. ImageCompressor

Когда нужно просто сжать изображение.

🔗 ImageCompressor

2. ImageConverter

Когда нужно поменять формат изображения.

🔗 ImageConverter

3. Convertio

Когда нужно конвертировать что-то более экзотическое.

🔗 Convertio

4. Converter for Media

Если речь уже о WordPress и автоматической выдаче WebP/AVIF.

🔗 Converter for Media

Последний вариант интересен тем, что плагин умеет автоматически создавать WebP и AVIF для изображений WordPress и отдавать соответствующий формат браузеру.

Vite + WordPress — зачем я вообще это сделал

2026-09-05T23:52:34.223Z

В своих новых WordPress-темах я начал активно использовать Vite.

Раньше структура была гораздо проще: подключил CSS, подключил JS — и работаешь.

С Vite проект становится больше похож на современный frontend-проект:

нормальная сборка;
работа с модулями;
dev server;
оптимизация production-сборки;
удобная работа с JavaScript и CSS.

Но есть и обратная сторона — приходится нормально организовать взаимодействие Vite и WordPress.

Особенно интересно было разобраться с dev/build режимами и manifest.

Пришлось с нуля переписать структуру темы.

Dell P2419H [обзор]

2026-09-05T22:41:46.135Z

Dell P2419H долгое время использовался у меня в качестве дополнительного монитора. Основным монитором был Samsung M8, а Dell стоял рядом и использовался преимущественно для работы.

Такая связка оказалась для меня очень удобной. На Dell P2419H я в основном писал код и верстал сайты, а на основном Samsung M8 открывал браузер и сразу смотрел результат работы.

Несмотря на то, что Dell P2419H уже нельзя назвать новой моделью, для подобного сценария использования он отлично подходит и полностью справляется со своими задачами.

Дизайн

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

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

В целом дизайн можно назвать скорее рабочим и практичным. Dell P2419H не пытается выглядеть как премиальное или игровое устройство — это обычный монитор, основной задачей которого является комфортная ежедневная работа.

Дисплей

Диагонали 24 дюйма мне было вполне достаточно именно для дополнительного монитора. Конечно, по сравнению с большим Samsung M8 экран ощущается заметно меньше, но для работы с кодом этого размера вполне хватает.

На Dell P2419H я обычно открывал редактор кода. На основном мониторе в это время был открыт браузер с разрабатываемым сайтом. Благодаря этому не приходилось постоянно переключаться между окнами — код находился на одном экране, а результат можно было сразу увидеть на другом.

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

Разрешения Full HD для 24-дюймового дополнительного монитора также вполне достаточно. Текст отображается комфортно, и при длительной работе с кодом у меня не возникало желания заменить его на модель с более высоким разрешением.

Удобство работы

Главное преимущество Dell P2419H для меня заключалось именно в том, насколько хорошо он подошёл на роль второго монитора.

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

При этом Samsung M8 оставался основным экраном, на котором я смотрел результат работы. Такое разделение оказалось намного удобнее, чем постоянное переключение между окнами на одном мониторе.

Особенно это ощущается во время верстки сайтов. Можно изменить HTML или CSS на Dell P2419H и сразу посмотреть, как изменился сайт, на Samsung M8.

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

В качестве дополнительного монитора

На мой взгляд, Dell P2419H лучше всего подходит именно в качестве дополнительного монитора.

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

В качестве основного монитора лично мне всё же больше нравится использовать экран большей диагонали и с более высоким разрешением. Но рядом с таким монитором Dell P2419H становится отличным дополнением.

Необязательно покупать второй большой или дорогой монитор. Для размещения кода, дополнительных окон и рабочих инструментов возможностей Dell P2419H вполне достаточно.

Выводы

Dell P2419H оставил у меня положительное впечатление. Это простой, качественный и удобный монитор, который хорошо подходит для ежедневной работы.

В моём случае он использовался преимущественно как дополнительный экран. На нём я писал код и верстал сайты, а на основном Samsung M8 сразу проверял результат в браузере. Для такого сценария эта связка оказалась очень удобной.

Конечно, сейчас существуют модели с более высоким разрешением, большей диагональю и различными дополнительными возможностями. Но если нужен хороший монитор именно в качестве второго экрана для работы, программирования или других повседневных задач, Dell P2419H вполне может стать отличным вариантом.

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

Конвертировать SVG в Base64

2026-09-05T22:33:00.934Z

SVG — удобный формат для иконок, логотипов и другой векторной графики. Обычно SVG используется как отдельный файл, который подключается к странице через <img>, <svg> или CSS.

Но иногда удобнее встроить изображение прямо в код.

Например, использовать SVG в качестве фонового изображения:

background-image: url("data:image/svg+xml;base64,...");

Для этого SVG необходимо преобразовать в формат Base64.

Вручную делать это неудобно, поэтому я добавил на сайт ещё один небольшой бесплатный инструмент — конвертер SVG в Base64.

Что умеет конвертер

Инструмент позволяет быстро преобразовать SVG в несколько готовых форматов:

Base64-строку;
Data URI;
готовый код для HTML;
готовое значение для использования в CSS.

Можно загрузить SVG-файл с компьютера или просто вставить SVG-код вручную.

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

Как пользоваться

Всё максимально просто:

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

Например, если вам нужна строка для background-image, не придётся отдельно искать сервис для кодирования, а затем вручную собирать CSS-код.

Конвертер сразу подготовит нужный вариант.

Зачем преобразовывать SVG в Base64

Чаще всего такой формат может пригодиться при работе с HTML и CSS.

Например, когда нужно встроить небольшую SVG-иконку прямо в стили:

.icon {
    background-image: url("data:image/svg+xml;base64,...");
}

Это позволяет использовать изображение без отдельного запроса к файлу.

Также готовая строка может пригодиться для:

CSS-фонов;
HTML-кода;
Data URI;
небольших встроенных иконок;
email-верстки;
различных frontend-задач.

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

Всё работает прямо в браузере

Для работы с инструментом ничего не нужно устанавливать.

Загруженные SVG-файлы и вставленный код обрабатываются локально в браузере и никуда не отправляются.

Также есть ограничение на максимальный размер файла — 2 МБ, при этом поддерживаются только SVG-файлы.

Небольшой инструмент для frontend-разработки

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

Не нужно искать отдельный сервис, копировать код между несколькими страницами или устанавливать дополнительные программы.

Загрузили SVG или вставили код → получили Base64, Data URI, HTML и CSS → скопировали нужный вариант.

Если занимаетесь frontend-разработкой, работаете с вёрсткой или просто иногда используете SVG в HTML и CSS — возможно, этот инструмент сможет немного сэкономить время.

Yoast SEO или SEOPress?

2026-09-05T22:27:56.157Z

Для SEO я долго использовал Yoast SEO.

Это один из самых известных SEO-плагинов WordPress: сейчас у него более 10 млн активных установок.

Мне нравится большое количество настроек и то, что практически всё необходимое для базового SEO уже есть внутри.

Но сейчас я начал пробовать SEOPress.

Пока рано говорить, что я окончательно перешёл на него — хочу сначала нормально поработать с ним на нескольких проектах.

Поэтому будет интересно сравнить их уже не по чужим обзорам, а по собственному опыту.

Продолжение эксперимента с SEOPress ещё будет.

Попробовать Yoast SEO

Попробовать SEOPress

Конвертер регистров текста

2026-09-05T22:24:12.921Z

Иногда текст приходит в не самом удобном виде.

Например, вам отправили:

ЭТОТ ТЕКСТ НУЖНО ПЕРЕПЕЧАТАТЬ

А нужен обычный вариант:

Этот текст нужно перепечатать

Или, наоборот, нужно быстро преобразовать обычный текст в ВЕРХНИЙ РЕГИСТР.

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

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

С его помощью можно быстро изменить регистр текста без ручной перепечатки.

Как пользоваться конвертером

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

Вставьте текст в поле ввода.
Выберите нужный вариант преобразования.
Получите готовый результат.
При необходимости сразу скопируйте его.

Конвертер поддерживает несколько вариантов изменения текста:

Верхний регистр — все буквы становятся заглавными.
Нижний регистр — весь текст преобразуется в строчные буквы.
Заглавные буквы — каждое слово начинается с заглавной буквы.
Инверсия регистра — заглавные буквы становятся строчными, а строчные — заглавными.

Например, текст:

ЭТОТ ТЕКСТ НУЖНО ПЕРЕПЕЧАТАТЬ

можно быстро преобразовать в:

Этот текст нужно перепечатать

или в:

этот текст нужно перепечатать

Всё зависит от того, какой вариант вам нужен.

Всё работает прямо в браузере

Для работы с конвертером не нужно устанавливать дополнительные программы или куда-либо загружать текст.

Преобразование происходит локально — прямо в браузере.

Это значит, что можно быстро вставить текст, изменить его регистр и сразу использовать готовый результат в документе, сообщении, публикации или любом другом месте.

Для чего может пригодиться

Такой инструмент может быть полезен в самых разных ситуациях.

Например, когда нужно:

исправить случайно набранный текст в верхнем регистре;
быстро преобразовать текст в ВЕРХНИЙ РЕГИСТР;
сделать весь текст строчными буквами;
изменить оформление заголовков;
привести текст к более удобному виду;
обработать длинное предложение или несколько абзацев без ручной перепечатки.

Особенно удобно, когда текст уже готов, но его оформление нужно быстро изменить.

Вместо того чтобы редактировать каждую букву вручную, достаточно вставить текст в конвертер и выбрать нужный вариант.

Просто, быстро и без лишнего

Я старался сделать этот инструмент максимально простым.

На странице есть поле для исходного текста, готовый результат и несколько вариантов преобразования регистра. Также результат можно быстро скопировать одной кнопкой.

Вставили текст → выбрали нужный регистр → получили результат → скопировали.

Маленький инструмент, который не нужен каждый день, но в подходящий момент может здорово сэкономить время.

Почему я постепенно отказываюсь от jQuery в WordPress

2026-09-05T22:16:40.384Z

В своих новых проектах я полностью отказался от jQuery в пользу vanilla JS.

Не потому что jQuery плохой.

Просто для многих задач, которые раньше решал через jQuery, современного JavaScript уже вполне достаточно.

Например:

— работа с DOM;
— обработчики событий;
— fetch;
— классы;
— модальные окна;
— мобильное меню;
— AJAX-запросы.

Плюс мне нравится, что в результате не нужно тащить дополнительную библиотеку туда, где она фактически не нужна.

Сейчас как раз переписываю часть своей WordPress-структуры и параллельно перевожу JavaScript на vanilla JS.

Посмотрим, насколько удобно будет поддерживать такой проект дальше.

Samsung M8 [обзор]

2026-09-05T22:05:09.388Z

Samsung M8 уже некоторое время является моим основным монитором. Я использую его каждый день для работы, иногда играю на нём и смотрю видео. За время использования он стал важной частью моего рабочего места, и в целом могу сказать сразу: устройством я очень доволен.

При выборе монитора для меня было важно получить большой и качественный экран, на котором будет комфортно проводить много часов подряд. Samsung M8 отлично подошёл под эти задачи.

Дизайн

Одной из причин, почему Samsung M8 сразу привлекает внимание, является его дизайн. Монитор выглядит минималистично и современно, поэтому хорошо вписывается в рабочее пространство.

Тонкий корпус, аккуратная подставка и практически безрамочный экран создают ощущение дорогого и продуманного устройства. На рабочем столе он выглядит скорее как часть современной экосистемы, чем просто обычный монитор.

При этом для меня важен не только внешний вид. Samsung M8 используется у меня как основной монитор, поэтому гораздо важнее оказалось то, насколько комфортно с ним работать каждый день.

Дисплей

Большой экран Samsung M8 отлично подходит для работы. На нём удобно одновременно держать открытыми несколько окон, работать с кодом, браузером и другими приложениями.

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

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

Иногда я использую Samsung M8 и для игр. Конечно, это не специализированный игровой монитор, но для моих сценариев его возможностей вполне достаточно.

В целом это достаточно универсальное устройство: на нём одинаково удобно работать, играть и смотреть видео.

Встроенные функции

Одной из особенностей Samsung M8 являются его смарт-функции. Монитор можно использовать не только как обычный дисплей, но и как самостоятельное устройство с различными приложениями и дополнительными возможностями.

Однако лично я этими функциями практически не пользуюсь. Монитор подключён к компьютеру и большую часть времени используется именно в качестве основного экрана.

То же самое касается встроенных динамиков. Они здесь есть, но я предпочитаю использовать наушники Sony WH-1000XM6, поэтому встроенный звук для меня практически не имеет значения.

Веб-камера

В Samsung M8 предусмотрена встроенная веб-камера, однако здесь есть один нюанс, с которым я столкнулся при использовании монитора.

Камера работает только при подключении монитора к компьютеру через USB Type-C. У меня же монитор подключён через DisplayPort, поэтому в таком режиме встроенная камера напрямую не работает.

При необходимости её можно использовать отдельно, подключив камеру напрямую к компьютеру через USB Type-C.

Для меня это не стало серьёзной проблемой, поскольку веб-камерой я пользуюсь не так часто, но этот момент стоит учитывать при выборе способа подключения монитора.

Цветопередача в Windows 11

Ещё один небольшой недостаток связан с Windows 11. Система по умолчанию не добавляет для Samsung M8 подходящий цветовой профиль, из-за чего цвета отображаются немного некорректно.

Чтобы решить эту проблему, я скачал из интернета и установил цветовой профиль Samsung S32CM80x. После этого цветопередача стала нормальной и монитор начал отображать изображение так, как ожидаешь.

Это не критичная проблема, и решается она достаточно просто, но хотелось бы, чтобы Windows 11 автоматически определяла монитор и устанавливала подходящий профиль без дополнительных действий со стороны пользователя.

Выводы

Samsung M8 оказался отличным монитором для моего основного сценария использования. На нём удобно работать, смотреть видео и играть. Большой экран, современный дизайн и общее качество устройства делают работу за компьютером значительно комфортнее.

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

Но для меня все эти недостатки не смогли испортить общее впечатление от устройства.

Samsung M8 стал моим основным монитором, которым я пользуюсь каждый день, и за всё время использования я ни разу не пожалел о своём выборе. В целом я очень доволен этим монитором и могу рекомендовать его тем, кто ищет большой, красивый и универсальный экран для работы, развлечений и повседневного использования.

Boxicons — большая коллекция бесплатных иконок

2026-09-02T21:57:23.740Z

Если вы делаете сайты, наверняка периодически ищете нормальные SVG-иконки.

Я уже давно использую Boxicons.

У них есть большая коллекция иконок разных категорий, в том числе отдельный набор бесплатных иконок.

Мне особенно нравится, что библиотека подходит именно для веб-разработки.

Можно использовать иконки как SVG или подключить их через icon font.

А бесплатные иконки распространяются по лицензии CC 4.0, код — MIT, а шрифты — SIL OFL 1.1.

Если делаете сайты — рекомендую добавить в закладки.

Перейти на сайт