Как использовать
- Выберите предустановку (9:16, 16:9, 4:5) или введите пользовательское соотношение.
- Введите ширину или высоту, и другой размер будет рассчитан автоматически.
- Скопируйте рассчитанные размеры или фрагмент CSS для вашего кода.
Основные функции
- TikTok/Reels (9:16): Используйте вертикальные предустановки для быстрой проверки размеров социальных видео.
- Генерация CSS aspect-ratio: Мгновенно генерируйте современные фрагменты CSS
aspect-ratio. - Расчет недостающего размера: Автоматически вычисляйте ширину или высоту с сохранением соотношения.
- Визуальный предварительный просмотр: Просматривайте соотношение в виде адаптивного прямоугольника в реальном времени.
- Сохраняйте конфиденциальность: Все работает локально в вашем браузере.
Похожие инструменты
Генератор Lorem Ipsum (JSON/HTML) - CJK и вывод для разработчиков
Генерируйте Lorem Ipsum в виде текста, HTML <p> или массивов JSON. Только локально, без загрузок. Включает китайский текст-заполнитель и управление длиной.
Конвертер цветов (HEX/RGB/CMYK) - Инструмент проверки контрастности WCAG
Конвертируйте HEX, RGB, HSL и CMYK со встроенной проверкой контрастности WCAG. Локальная конфиденциальность — без загрузок. Получите готовые к печати значения CMYK и скопируйте результаты.
Бесплатная пипетка цветов для изображений и генератор палитр
Выберите, перетащите или вставьте изображение, чтобы локально выбирать цвета пикселей, копировать значения HEX/RGB/HSL и генерировать доминирующую цветовую палитру.
Логика расчёта
- Калькулятор решает простые пропорции
Ширина / Высота = Соотношениев реальном времени. - Сгенерированный CSS использует современное свойство
aspect-ratio, которое широко поддерживается во всех современных браузерах.
Часто задаваемые вопросы
- Почему соотношение сторон важно для социальных сетей?
- Платформы, такие как TikTok и Instagram Reels, используют соотношение 9:16, чтобы заполнить весь экран смартфона. Использование правильного соотношения предотвращает появление черных полос.