Инструменты для дизайнеров

Более 50 бесплатных онлайн-инструментов для дизайнеров: конвертер изображений, сжатие фото, удаление фона, работа с цветом, CSS-генераторы, пиксель-арт и 3D. Всё считается прямо в браузере — без регистрации и загрузки файлов на сервер.

Загружаем интерфейс…

Обновить страницу · Telegram

Все инструменты студии — бесплатно, прямо в браузере, без загрузки файлов на сервер:

Изображения

  • Конвертер изображений — Любой формат в любой: PNG, JPG, WebP, AVIF, TIFF, GIF, BMP, ICO, PSD, TGA и десятки других. Пакетно, в браузере.
  • Компрессор изображений — Сжимает фото кодеками Squoosh (AVIF, WebP, MozJPEG, OxiPNG) до нужного размера в КБ или по качеству. Пакетно, ZIP, срав…
  • Пикселизатор — Превращает картинку в пиксель-арт по соседним пикселям (без размытия) + палитра. Экспорт в PNG и SVG-вектор.
  • Квантизатор / постеризатор — Сокращает изображение до 2–64 цветов: палитра Wu/NeuQuant/RGBQuant или готовая, дизеринг по желанию. Для печати, шелког…
  • Dithering Lab — 13 алгоритмов дизеринга: Floyd–Steinberg, Atkinson, Bayer, blue noise и др. Ретро-палитры Game Boy, PICO-8, Mac, C64, e…
  • Обрезка изображения — Кадрируйте фото рамкой с пресетами 1:1, 4:3, 16:9 и свободной. В исходном качестве, локально.
  • Сравнение изображений — Два макета или скриншота: подсветка отличий (pixelmatch) с процентом изменённых пикселей, SSIM и карта, шторка, наложен…
  • Удалить объект с фото — Закрасьте лишнее кистью — провода, прохожих, мусор, надписи — и область заполнится фоном («заливка с учётом содержимого…
  • Цветокоррекция фото — Цветокоррекция на видеокарте: экспозиция и баланс белого в линейном свете, тени/света, clarity, вибранс, шумодав, резко…
  • Генератор фавиконок — Современный набор иконок из картинки, SVG или эмодзи: favicon.ico (16/32/48), icon.svg, apple-touch, maskable, manifest…
  • Водяные знаки — Пакетное наложение логотипа или текста: плитка под углом или 9 позиций, формат как у исходника (JPEG/WebP/PNG), скачива…
  • Метаданные: просмотр и очистка (EXIF/C2PA) — Все теги EXIF/GPS/XMP/IPTC и промпты PNG, инспектор C2PA (кто подписал, помечено ли как ИИ). Выборочное удаление без по…
  • Анализатор размытия — Отсеивает смазанные кадры: Лапласиан, Tenengrad, высокие частоты FFT и карта резкости по зонам. Портрет с боке не счита…
  • Правило третей — Композиционные сетки поверх изображения: трети, фи-сетка, диагонали, золотые треугольники и настоящая золотая спираль (…
  • 3D-экструзия — Выдавливает картинку или SVG в объём: каждый пиксель — 3D-кубик. Крутите мышью, сохраняйте PNG или модель GLB/STL/OBJ с…
  • Масштабатор иконок — Вписывает иконку в стандартные размеры (16–128px) с центрированием и отступом.
  • Симулятор E-Ink — Как интерфейс выглядит на монохромном экране ридера: серый, 1-бит, дизеринг.
  • Дуотон — Перекрашивает фото в два или три цвета по яркости (дуотон/тритон) с чистыми переходами в OKLab. Пресеты, экспорт PNG в…
  • Gradient Map — Перекрашивает фото по яркости через многоцветный градиент: пресеты, свои точки или градиент из другого фото. Экспорт PN…
  • Мокап с перспективой — Вставляет дизайн в фото сцены по 4 углам: билборд, экран, плакат, стена. Перспектива по гомографии, сглаженные края, ре…
  • Мокапы устройств — Скриншот → смартфон, Android, планшет, ноутбук, окно браузера или монитор. Фон, тень, 3D-наклон, заголовок и подпись. Р…
  • Бесшовная текстура — Делает из фото фактуры тайл без швов: растушёвка шва или зеркало 2×2, выравнивание освещения, превью плиткой 3×3, тайлы…
  • Normal / Height / AO карты (PBR) — Фото поверхности → Normal (OpenGL/DirectX), Height, Ambient Occlusion и Roughness с живым 3D-превью. Для Blender, Unity…
  • Спрайт-шит — Собирает кадры в атлас + JSON (TexturePacker: Phaser, PixiJS) и CSS-спрайт: обрезка прозрачных полей, отступы, степень…
  • Контакт-лист — Десятки фото → листы-сетки с подписями и нумерацией: A4/A3/Letter, колонки, зазоры, заголовок, тёмный фон. Экспорт PNG…
  • CRT / глитч эффект — CRT и глитч на видеокарте: кривизна кинескопа, скан-линии, RGB-маска, свечение, RGB-сдвиг, глитч-блоки. Полное разрешен…
  • VHS / Print Lab — Стек ретро-эффектов на видеокарте: VHS с таймкодом, CRT, глитч, ризограф и несовмещение CMY, старая плёнка. Пресеты, жи…
  • Halftone (полутон) — Растр как в печати: монохром или CMYK-розетка (C15° M75° Y0° K45°), точки, квадраты, ромбы, линии. Экспорт PNG и вектор…

Цвет

  • Конвертер цветов — Любой CSS-цвет → HEX, RGB, HSL, HWB, OKLCH, OKLab, Lab, LCH, Display-P3, Rec.2020, CMYK. Проверка гамута и ближайший бе…
  • Цветовые схемы (круг Иттена) — Гармоничные сочетания по базовому цвету: комплементарные, триады, аналоговые и другие.
  • Анализатор цветового веса — Процентное соотношение цветов на макете для проверки правила 60-30-10.
  • Палитры по настроению — Генерирует случайную палитру под настроение: киберпанк, винтаж, уют, неон и другие.
  • Пастельные и тёмные пары — Подбор контрастного текста и мягкой/тёмной пары для UI-элементов по базовому цвету.
  • Экстрактор палитры — Достаёт палитру из фото в перцептивном OKLab и раскладывает цвета по ролям: фон, акцент, светлый, тёмный.
  • Перенос палитры A → B — Переносит цветовой характер фото-референса на ваше фото: мягкий (Reinhard) или точный (гистограммы) метод в OKLab. Эксп…
  • LUT-студия (.cube) — Открывает, генерирует и конвертирует LUT: .cube, .3dl, Hald CLUT PNG. Кинолуки (teal & orange, bleach bypass, плёнка),…
  • Проверка контраста (WCAG) — Контрастность текста и фона по стандартам доступности.
  • Доступная палитра (WCAG/APCA) — Автоматически и минимально исправляет цвета палитры до WCAG AA/AAA или APCA на нужном фоне: двигается только светлота в…
  • Симулятор дальтонизма — Как макет видят люди с разными типами дальтонизма.

SVG и вектор

  • Очиститель SVG — Убирает мусор и метаданные из экспортов Figma/Illustrator.
  • Векторизатор PNG → SVG — Переводит логотипы, иконки, иллюстрации и фото в SVG: цветная трассировка VTracer (аналог Image Trace), сплайны или пол…
  • SVG → React (JSX/TSX) — Превращает SVG в React-компонент через SVGR: чистка SVGO, иконка 1em, currentColor, TypeScript, memo/forwardRef, React…
  • Упрощение SVG-путей — Сокращает число узлов в контурах SVG по допуску в пикселях (Рамер–Дуглас–Пекер) и сглаживает кривыми Безье, сохраняя уг…
  • Редактор SVG-путей — Правьте кривые SVG мышью: узлы и рычаги Безье, сетка с привязкой, добавление и удаление точек, прямая ↔ кривая, отмена.…
  • Экстрактор CSS из SVG — Вытаскивает цвета, градиенты и стили из векторного файла в виде готового CSS.

Генераторы

  • Генератор глиф-карт — Постер символов шрифта: весь набор или только латиница/кириллица/цифры/своя фраза. Фон — цвет, градиент или картинка.
  • Генератор ASCII-арта — Превращает картинку в текстовый арт: ширина, набор символов, инверсия.
  • 3D-текст — Объёмные буквы с экструзией, фаской и скруглением. Свой шрифт (TTF, OTF/CFF, WOFF2) с кернингом и лигатурами, несколько…
  • Генератор огня и дыма — Настоящая симуляция огня и дыма на видеокарте: плавучесть, вихри, остывание в дым. Пресеты, палитры, ветер, раздувать м…
  • Лаборатория 3D-форм (Blob Lab) — Переливающиеся 3D-формы на шейдерах: сфера, кристалл, тор, капсула, лепестки, метаболы. Шум, волна, скрутка, 3 цвета, b…
  • QR-код: генератор и сканер — Выгрузка в SVG/PNG, настройка цвета и фона.
  • Генератор штрих-кодов — CODE128, EAN, UPC и другие форматы. Экспорт в SVG и PNG.
  • Генератор фонов Вороного — Стильные геометрические фоны (Вороного/Делоне). Экспорт SVG/PNG.
  • Генератор шума — Белый/розовый шум для концентрации в работе.
  • Генератор дизайн-челленджей — Случайное задание для прокачки портфолио: объект, аудитория, стиль и палитра.
  • Генератор градиентов — Красивые CSS-градиенты: стопы, угол, тип — готовый код в клик.
  • Генератор теней (box-shadow) — Многослойные CSS-тени с живым предпросмотром и готовым кодом в клик. inset, разброс, цвет.
  • Glassmorphism (матовое стекло) — CSS-эффект матового стекла: размытие, прозрачность, насыщенность, граница. Предпросмотр + код.
  • Генератор SVG-блобов — Плавные органические формы для фонов и украшений. Реролл, цвет или градиент, экспорт SVG.
  • Генератор паттернов — Бесшовные SVG-узоры: точки, сетка, полоски, клетка, волны, треугольники. CSS и SVG в клик.
  • Mesh-градиент — Настоящий меш-градиент на WebGL: точки тянутся мышью, смешивание в OKLab, искажение, зерно, анимация, гармонии. Экспорт…
  • Cubic-bezier редактор — Кривая плавности для transition/animation: тяните точки, смотрите живую анимацию, забирайте CSS.
  • Генератор ландшафта — Процедурный рельеф: simplex-шум, горные хребты, остров, гидравлическая эрозия, уровень воды, 3D-превью. Экспорт heightm…

AI-инструменты

  • Вырезатель фона (AI) — Удаляет фон с фото прямо в браузере: ИИ-модель скачивается один раз, снимок никуда не передаётся.
  • AI-апскейлер ×2 / ×4 — Увеличивает фото, иллюстрации и пиксель-арт в 2–4 раза: модели Swin2SR и APISR прямо в браузере, без швов и загрузки на…
  • Smart Crop (AI) — Кадрирует под 1:1, 4:5, 16:9, сторис или аватар-круг: анализ «интересных» зон + детекция лиц и объектов, лица не режутс…
  • Размеры для соцсетей (кроп-пак) — Одна картинка → 22 готовых размера для YouTube, VK, Telegram, Instagram, TikTok, X, Facebook, LinkedIn, Pinterest и OG.…
  • AI-детектор и экспертиза фото — Ищет признаки генерации: метки C2PA, параметры нейросетей в файле, EXIF, несостыковки, ELA-карту и мнение классификатор…
  • OCR — текст с картинки — Распознаёт текст на сканах, фото документов и скриншотах: 100+ языков, включая русский, рамки слов с уверенностью, копи…
  • Скрыть лица на фото — Автоматически находит лица и размывает, пикселизует или закрывает их. Ручные области для номеров и бейджей, пакетная об…

Аудио

  • Диктофон — Запись с микрофона с паузой и уровнем звука, прослушивание и экспорт в WAV или MP3. Локально.
  • Лофи-радио — Фоновая лофи-музыка для работы: старт/стоп, громкость и плавные переходы между треками.
  • Улучшение аудио — Нейро-шумоподавление RNNoise, эквализация, компрессия, де-эссер и громкость по LUFS (−14 стриминг, −16 подкаст, −23 ТВ)…
  • Обрезка аудио — Волновая форма, выбор фрагмента ручками, фейды, экспорт WAV. Локально.
  • Удалить тишину из аудио — Вырезает паузы из подкастов, голосовых и лекций или укорачивает их до нужной длины. Автопорог, подсветка пауз на волне,…
  • Картинка волны из аудио — Превращает трек или голос в картинку звуковой волны: столбики, зеркало, линия, точки, градиент, прозрачный фон. Экспорт…
  • Многодорожечный редактор — Несколько дорожек на таймлинии: тащите клипы, режьте, громкость/панорама/фейды/эквалайзер на каждую. Сведение в WAV и M…
  • Конвертер аудио — Любой формат (WAV, MP3, OGG, FLAC, M4A, AAC) в WAV или MP3 с выбором битрейта. Пакетно, в браузере.
  • Редактор тегов аудио — Теги MP3, FLAC, M4A, OGG, Opus, WAV: название, исполнитель, альбом, трек, жанр, текст песни, обложка. Тех. информация о…
  • Обложка из аудиофайла — Достаёт вшитые обложки и буклеты из MP3, FLAC, M4A, OGG, Opus, WMA в исходном качестве. Пакетно — хоть весь альбом, ZIP…

Утилиты

  • Таймер 20-20-20 — Напоминание давать отдых глазам каждые 20 минут.
  • Превью с YouTube — Скачивает миниатюру видео по ссылке во всех размерах. Ссылка не уходит на сервер.
  • Счётчик правок — Шуточный трекер правок от клиента с ачивками. Хранится локально.
  • Base64 / data-URI кодер — Текст ⇆ base64 и картинка → data-URI для инлайна в CSS/HTML. Копирование в клик.
  • PDF-студия — Объединить, разбить, переставить, повернуть и удалить страницы PDF, картинки → PDF, водяной знак и нумерация. Всё в бра…
  • Сабсеттер шрифтов → WOFF2 — Оставляет в шрифте только нужные символы — кириллицу, латиницу, цифры или текст сайта — и сжимает в WOFF2: 300 КБ → 20–…
  • Font Lab — всё о шрифте — Имена, лицензия, метрики, покрытие кириллицы и латиницы, OpenType-фичи с живым включением, вариативные оси, все глифы с…
  • Вариативные шрифты — песочница — Автоматически читает оси wght, wdth, slnt, opsz и собственные, крутит и анимирует их, показывает начертания и водопад к…
  • Подбор пар шрифтов — Подбирает пары шрифтов для заголовков и текста по метрикам: высота строчных, ширина, контраст штрихов, сочетание классо…